|
tocdaioi
member
ID 52298
05/21/2009
|
Giới thiệu vài kỹ thuật hữu ích khi post bài !
(Hôm nay tôi mở chủ đề này nhằm lần luợt trình bày 1 số kỹ thuật trong phạm vi hiểu biết của tôi nhằm giúp các bạn mới và những bạn nào chưa từng sử dụng qua các kỹ thuật này, rất mong nhận được ý kiến đóng góp của các bạn đã có kinh nghiệm.)
1/ Post chữ trên hình:
a/ Đơn giản:
<div style="background-image=url('link hinh');height:400;width:400;background-repeat:no-repeat;">Nội dung bài viết ở đây</div>
b/ Có thêm thông số để tạo khoảng cách, màu chữ và đường viền:
<div style="padding-top:100;color:yellow;text-align:center;background-image=url('link hinh');height:400;width:400;border-style:solid;border-color:yellow;border-width:1px;font-size:12pt;font-family:Arial;font-weight:bold;font-style:italic;background-repeat:no-repeat;line-height:120%;">Nội dung bài viết ở đây</div>
Ghi chú:
-Padding-top: Là khoảng cách từ đỉnh bài viết đến cạnh trện, bạn có thể thêm padding-bottom, padding-left, padding-right vào và dùng dấu ; để cách giữa từng thông số.
-color: Màu chữ, phần trên đang đặt chữ màu vàng (yellow).
-Text-align: Canh lề cho bài viết có thể chọn center, left, right,top,bottom.
-line-height:Khoảng cách giữa các hàng, đơn vị tính theo %(bình thường là 100%).
-Background-image=url('linkhinh'): Là ảnh nền cho bài viết, phần linkhinh bạn cần đặt theo link ảnh của bạn và nằm giữa cặp dấu '
-Height, width: Độ cao và độ rộng của khung chứa bài viết và ảnh.
-Border-style: Là kiểu đường viền bao quanh, có thể chọn các kiểu( dotted,outset,dashed,groove,ridge) mỗi kiểu sẽ cho hiệu ứng khác nhau.
-Border-color: Màu của đường viền.
-Border-width:Là độ rộng đường viền.
Bạn cũng có thể viết gọp lại thành: border:red 4px dashed, để thể hiện màu, độ rộng và kiểu đường viền.
-Font-family: Kiểu chữ
-Font-size: Cỡ chữ.
-font-weight: Độ đậm nhạt của chữ, có thể chọn Bold(Chữ đậm), bolder(đậm hơn),lighter(nhạt hơn),...
-font-style:Có thể chọn Normal(bình thường), italic(nghiêng),oblique(nghiêng) .
-Background-repeat: Có thể đặt là repeat hoặc no-repeat. Mặc định nếu bạn không đặt thông số này thì nó sẽ là repeat, tức là khi size hình của bạn nhỏ hơn cái khung thì nó sẽ lặp lại hình đó, để chỉ hiện 1 hình bạn cần đặt Background-repeat:no-repeat.
-Giữa các thông số trên cách nhau bằng dấu ; bạn có thể bỏ hoặc thêm bớt tuỳ bạn, có thể phần font chữ bạn bỏ bớt các thông số trên mà dùng thẻ font cho dễ hơn vì đã quen.
Dưới đây là ví dụ minh hoạ:
Code post:
<div style="font-size:17pt;padding-top:130;color:yellow;line-height:180%;text-align:center;background-repeat:no-repeat;background-image=url('http://tinypic.com/2ryki1f.jpg');height:447;width:630;border-style:ridge;border-color:red;border-width:2px;">
Thức trắng đêm nay nhớ một người
Một người tôi nhớ, một người thôi
Đêm nay, đêm nữa, đêm mai nữa
Tôi nhớ một người không nhớ tôi.
</div>
Sẽ được kết quả như sau:
Thức trắng đêm nay nhớ một người
Một người tôi nhớ, một người thôi
Đêm nay, đêm nữa, đêm mai nữa
Tôi nhớ một người không nhớ tôi.
Alert webmaster - Báo webmaster bài viết vi phạm nội quy
|
|
Page
1
2
3
Xem tat ca
- Xem Tung trang
|
 |
|
tocdaioi
member
REF: 453592
06/04/2009
|
Rất mừng vì bạn cayduadai đã áp dụng chính xác, phần code này sai 1 chút là nó lỗi ngay, tôi định mail cho bác mà xem lại bác đã linh hoạt sửa đổi rồi,Thanks!
Xin đăng lại phần sửa sai:
- Trong phần code: đoạn sau có chỗ sai
onstart='s=caydd1.innerText;text1.innerText="";'
-->Sửa thành:
onstart='s=caydd1.innerText;caydd1.innerText="";'
- Chữ xuat1 trong phần chú thích tôi đã gõ nhầm, đúng phải là caydd1:
(Phần chữ màu đỏ xuat1Chữ caydd1 là giá trị duy nhất trong 1 topic, không được trùng, nếu bạn có thử thì thay đổi tất cả các chữ xuat1 caydd1 trên theo của bạn)
Thân ái!
|
|
|
|
tocdaioi
member
REF: 453610
06/04/2009
|
<marquee var s var b=0 onstart='s=caydd1.innerText;caydd1.innerText="";'
onscroll='if(b++%3==0){if(b<=s.length) {caydd1.innerText=s.substring(b,0);}
else {if(b>=s.length+20){caydd1.innerText="";b=0;};};};' scrolldelay=30 scrollamount=1> </marquee><p style="color:660099;font-size:20;font-weight:bold;" id="caydd1">
Chào tất cả các bạn
Chúc cả nhà vui vẻ</p>
|
|
|
|
tocdaioi
member
REF: 453735
06/04/2009
|
|
|
|
|
meyeucon8007
member
REF: 458745
06/25/2009
|
Các pác ơi, cho iem thử chút nhá!
Thiên thần nhỏ đáng iu wá!
Ý, nhưng hình to wá, pác tocdaioi, cho iem hỏi, iem muốn thu nhỏ hình lại thì phải làm thế nào pác nhẩy?
|
|
|
|
gioluamaitoc
member
REF: 458760
06/25/2009
|
Chào bạn meyeucon8007!
(Tôi đã chuyển sang nick mới này)
Các thông số width và height trong bài viết trên chỉ là thay đổi cái khung chứa hình, nếu hình to hơn khung, hình sẽ bị mất chi tiết, nếu hình nhỏ hơn sẽ có phần thừa của khung không chứa hình. Nếu bạn không quan tâm đến chi tiết hình bạn có thể chỉnh width và height là đã giải quyết được vấn đề size nền.
Nếu bạn quan tâm đến việc thay đổi size hình thật của bạn, bạn có thể thay đổi size bằng các phần mềm đồ họa sau đó dùng photobucket hoặc 1 trang nào đó cho phép upload ảnh để upload hình của bạn lên sau đó lấy link áp dụng vào bài viết trên lúc đó bạn sẽ được size theo ý bạn.
Cách thay đổi size hình đã có thành viên post rồi, tôi định link cho bạn đến những hướng dẫn đó nhưng hơi tiếc là mấy ảnh minh họa trong các bài viết đó đều đã remove.
Nay tôi xin giới thiệu lại cho bạn cách thay đổi size hình như sau:
1/ Dùng những công cụ có sẵn trên Windows:
Microsoft Office Picture Manager:
- Nạp bức hình lên.
- Vào Edit Picture:
* Nếu muốn cắt hình nhấn Crop,lúc này quanh hình hiện các dấu gạch đen, dùng con chuột ghê vào các dấu nào và move, lúc này hình sẽ cắt bớt(giống lấy kéo cắt thôi), sau cùng nhấn OK.
*Nếu muốn thay đổi size: Bạn nhấn vào
Phần Custom width x height: Cho phép bạn chọn theo pixel
Phần Percentage of orginal x height : Cho phép bạn chọn thay đổi theo phần trăm
Xong nhấn OK
Dùng Paint:
- Nạp bức hình lên.
- Vào mênu Image, tiếp theo vào stretch/skew..., cửa sổ hiện ra sẽ có hai thông số horizontal(ngang) và vertical(dọc) cho phép thay đổi kích thước hình theo phần trăm.
2/ Dùng phần mềm bên ngoài: Có thể dùng các phần mềm xử lý ảnh hoặc phần mềm nhỏ gọn sau:
Link download
Chào bạn!
|
|
|
|
kieuanhhuong
member
REF: 467736
07/27/2009
|
TEST - Hoa Phượng Hoàng:
PHƯỢNG HOÀNG
Anh về thành phố hoa Phượng đỏ
Bất ngờ gặp em cánh Phượng Hồng
Cứ ngỡ phượng hồng luôn rực lửa
Như nỗi khát khao đang cháy lòng…
Đâu ngờ một ngày anh bắt gặp
Cánh Phượng vàng mơ mộng ven sông
Màu hoàng lan mềm như cổ tích
Bay bay trong chiều hoàng hôn…
Anh như lạc vào vườn địa đàng tình ái
Như lạc vào sắc vàng của mê cung
Cây phượng vĩ màu phật thánh thiện
Ru đắm hồn anh một cõi trần !
Hóa ra, không chỉ có Phượng hồng
Trong em còn có sắc Phượng hoàng…mê đằm
Câu hát xưa, của người thành phố…
Bây giờ sẽ ngân thêm một loài hoa
Hoa Phượng Hoàng rực rỡ trong lòng ta !
Hải Phòng, ngày 29.06.2009
Kiều Anh Hương
|
|
|
|
hoahong99999
member
REF: 467738
07/28/2009
|
Tocdaioi..hehehe
Chúc bạn vui nha,và cám ơn bài viết của bạn
|
|
|
|
phamkhanh06
member
REF: 467744
07/28/2009
|
Bài viết hay số 2( Ở Miền Nam không xài số 1-hihi) của diễn đàn . Có giá trị cho bao người tò te IT . Chúc bạn vui khỏe và hạnh phúc _ TÓCDÀIơi !
Kết hợp bài 2 ; bài 6+4 của bạn tôi tặng tác phẩm này
Thơ tình kháng chiến
ST : Giang Nam -Bảo Cường ngâm thơ
|
|
|
|
|
thuthu09
member
REF: 488720
10/08/2009
|
Anhtodai ơi cho em hỏi thăm, sao em cũng copy đoạn code rồi thay vào chỗ link hình ( link hình từ photobucket ) nhưng khi post lên thì chĩ thấy chữ chứ không thấy tấm hình hehehe, giúp em với...
|
|
Page
1
2
3
Xem tat ca
- Xem Tung trang
|
|
|
|
Kí hiệu:
:
trang cá nhân :chủ
để đã đăng
:
gởi thư
:
thay đổi bài
:ý kiến |
|
|
|
|
|
