Đăng ngày: 09:45 23-03-2009
Hôm nay mình share cho các bạn một số mẫu nền trong suốt - có màu (hoặc trong suốt trắng). Đây là những mẫu không có các đường viền bao quanh, chỉ bao gồm hình nền cho đoạn Text hoặc link thôi. Tuy nhiên, với những ảnh nền này, các bạn cũng có thể dùng làm ảnh nền cho các Module nếu muốn, vì bản thân ảnh có độ trong suốt rồi .
1 > Đầu tiên là làm trong suốt các đường viền quanh Blast:
Nếu bạn nào có dùng Code Border cho blog, thì sẽ bị dính vài nét border ( đường viền ) vào Blast, Code sau có thể làm mất các đường viền phiền toái này :
Code:
#blast .rc div {background:transparent;}
#blast .rc {background:transparent;}
#blast .rc_bd div.rc_bc {background:transparent ;}
#blast .rc_bd {background:transparent ;}
#blast .rc_ft {background:transparent ;}
#blast .rc_ft div {background:transparent ;} |
2> Tiếp theo là Code và Ảnh nền blast tương ứng :
Sau đây là các ảnh nền Blast mình vừa làm xong :
--- Để Save ảnh, bạn Right Click vào Ảnh, chọn Save Image As ( Hoặc Save Picture) nhé !
Sau khi đã
Save ảnh, bạn
Up ảnh lên host nào đó, rồi
Thay Link vào Đọan
Code sau :
Code :
| #blast .rc_bc .bd{background-color:transparent;background-image:url(Link Ảnh);} |
Nếu bạn không ngại dùng chung host ảnh với host mình share, thì có thể dùng các Code có sẵn tương ứng cho các mẫu
Border mình đã làm sau :
a - Nền 1 :
Code :
| #blast .rc_bc .bd{background-color:transparent;background-image:url(http://i514.photobucket.com/albums/t342/wdephia1/Post/nenblast/1.png);} |
b- Nền 2 :
Code :
| #blast .rc_bc .bd{background-color:transparent;background-image:url(http://i514.photobucket.com/albums/t342/wdephia1/Post/nenblast/2.png);} |
c - Nền 3 :
Code :
| #blast .rc_bc .bd{background-color:transparent;background-image:url(http://i514.photobucket.com/albums/t342/wdephia1/Post/nenblast/3.png);} |
d - Nền 4 :
Code :
| #blast .rc_bc .bd{background-color:transparent;background-image:url(http://i514.photobucket.com/albums/t342/wdephia1/Post/nenblast/4.png);} |
e - Nền 5 :
Code :
| #blast .rc_bc .bd{background-color:transparent;background-image:url(http://i514.photobucket.com/albums/t342/wdephia1/Post/nenblast/5.png);} |
f - Nền 6 :
Code :
| #blast .rc_bc .bd{background-color:transparent;background-image:url(http://i514.photobucket.com/albums/t342/wdephia1/Post/nenblast/6.png);} |
-- Sau khi đã
Copy Code, bạn
Paste Code vào CSS nhé !!!
Vốn dĩ phần này mình đã Post trong
Bài Những Tùy Chỉnh Cho Chữ và Link rồi, nhưng hôm nay cũng post lại cho đủ bộ các tùy chỉnh dành cho
Blast cho các bạn tiện theo dõi nhé !
Code :
| #blast .rc_bc .bd{font-weight:bold;font-style:italic;color:#0099FF;font-size:16px;text-decoration:blink} |
Các bạn nên copy cả 2 đọan Code dành cho chữ và link
Code :
| #blast .rc_bc .bd a{font-weight:bold;font-style:italic;color:#0099FF;font-size:16px;text-decoration:blink} |
Các tùy chọn :
- font-weight:bold : chữ in đậm.
- font-style:italic : Chữ in nghiêng.
- color:#0099FF : Mã màu xanh dương, các bạn có thể thay mã màu khác nếu muốn !
- font-size:16px : Kích Thước Chữ. Có thể thay thành 13, 14 hay 17, 18 px tùy ý .
- text-decoration:blink : Chữ nhấp nháy
