Code trang tri cho blog
Tuesday, June 23, 2009 3:17:35 PM
1/ Tạo Blast chạy qua lại
http://i150.photobucket.com/albums/s95/ran_share/ava/noticeandmemo/1051494_3475597.gif
Code:
<marquee behavior="ALTERNATE"><strong>XXX</strong></marquee>
Hướng dẫn:
XXX: Bạn ghi câu Blast của bạn tại đây
Chú ý: Chèn Code trên vào chỗ ghi Blast chứ không bỏ vào góc vui nha
2/ Tạo chữ chạy phía trên cùng
Code:
<span style="position: absolute; left: 0px; top: 0px; width: 100%"><marquee behavior="ALTERNATE"><strong>XXX</strong></marquee></span>
http://upload.wikimedia.org/wikipedia/commons/thumb/6/65/Crystal_Clear_app_xchat.png/32px-Crystal_Clear_app_xchat.pngHướng dẫn:
XXX: Là dòng chữ bạn muốn ghi
3/ Thay đổi màu viền các khung của Profile Blog
http://i150.photobucket.com/albums/s95/ran_share/ava/noticeandmemo/1051494_3475597.gif
Code:
<style>
#content-noright .blockType01, #content .blockType01 {border:1px solid #000001 !important;}
#box-highlight, #leftcont .blockType01, #leftcont .blockType02 {border:1px solid #000002 !important;}
#rightcont .blockType01, #rightcont .blockType02 {border:1px solid #000003 !important;}
</style>
Hướng dẫn:
#000001: Màu khung chính (khung ở giữa)
#000002: Màu khung bên phải màn hình (Khung chứa Avata)
#000003: Màu khung bên trái màn hình (Khung bạn bè và ảnh mới nhất)
Mã màu cho bạn lựa chọn: di con trỏ chuột vào màu mình thích và copy mã màu ở khung phía dưới:
4/ Làm hình nền đứng yên
http://i150.photobucket.com/albums/s95/ran_share/ava/noticeandmemo/1051494_3475597.gif
Code:
<style type="text/css">
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-attachment:fixed;
background-repeat:repeat;
border-color:FFADFF;
border-width:3px ;
border-style: solid;
scrollbar-face-color:FFC0FF;
scrollbar-highlight-color:FFFFFF;
scrollbar-3dlight-color:FFA1FF;
scrollbar-shadow-color:FFB4FF;
scrollbar-darkshadow-color:FFA1FF;
scrollbar-arrow-color:FFFFFF;
scrollbar-track-color:FFDEFF;
}
body{ background-image: url("XXX")};
</style>
Hướng dẫn:
XXX: là đường Link của hình nền
Giới thiệu bạn trang web lấy hình nền:http://www.thegioiwallpaper.com/
http://www.look.yeah1.com/albums/userpics/73094/%21_%2812%29%7E2.gif
5/ Hình nền cho các tiêu đề
Code:
<style type="text/css"> #body h2 {background:#000000 url(XXX) ;} </style>
http://upload.wikimedia.org/wikipedia/commons/thumb/6/65/Crystal_Clear_app_xchat.png/32px-Crystal_Clear_app_xchat.pngHưóng dẫn:
XXX: là đường link của hình nền
Giới thiệu bạn trang web lấy hình: http://taochu.com/hinhnen.htm
6/ Chèn hình nền cho Modun 2 bên (Avata, Liên lạc, comment, bạn bè, hình ảnh)
Code:
<style type="text/css">
#box-highlight, #leftcont .blockType01, #leftcont .blockType02 {font-family: Arial; background: url(XXX1) !important; border:1px solid #f7346d !important;}
#rightcont .blockType01, #rightcont .blockType02 {font-family: Arial; background:url(XXX2) !important; border:1px solid #f7346d !important;}
</style>
Hướng dẫn:
XXX1: Link hình nền Modun Avata, liên lạc và Modun comment
XXX2: Link hình nền Modun bạn bè và Modun hình ảnh
Bạn có thể cho XXX1 và XXX2 cùng một link hình cũng được
Giới thiệu bạn trang web lấy hình: http://photobucket.com/images/backgrounds/
http://www.look.yeah1.com/albums/userpics/73094/%21_%2813%29%7E2.gif
7/ Chèn hình nền trong khung viết comment
http://i150.photobucket.com/albums/s95/ran_share/ava/noticeandmemo/1051494_3475597.gif
Code:
<style type="text/css"> textarea {background-color:#888888; background-image:url(XXX)</style>
Hướng dẫn:
XXX: là đường link của hình (kích cỡ đề nghị 150x117 là vừa)
http://upload.wikimedia.org/wikipedia/commons/thumb/b/b3/Crystal_Clear_app_kpaint.png/32px-Crystal_Clear_app_kpaint.pngGiới thiệu bạn trang web lấy hình:http://taochu.com/avatars.htm
8/ Hiệu ứng cho các hình ảnh hiển thị trên Blog
http://i150.photobucket.com/albums/s95/ran_share/ava/noticeandmemo/1051494_3475597.gif
Code:
<style type="text/css">
a img {filter:alpha(opacity 100,style=1);}a:hover img {filter:none;}
</style>
Hướng dẩn:
Số 1 bạn có thể đổi thành số 2 - 3 để được hiệu ứng khác, mổi số sẽ cho ra một hiệu ứng hình:
1: Làm mờ bên trái hình ảnh
2: Hiệu ứng mờ tạo thành hình tròn
3: mờ xung quanh hình
9/ Tạo kiểu chữ bóng đỗ bằng Code tự tạo
http://i150.photobucket.com/albums/s95/ran_share/ava/noticeandmemo/1051494_3475597.gif
Code:
<div align="center">
<span style="font-family: comic sans ms; font-size: 50px; font-weight: bolder; color: rgb(130, 130, 130);">Alin's Blog</span>
<span style="font-family: comic sans ms; font-size: 50px; font-weight: bolder; color: red; margin-left: -295px; vertical-align: -5px;">Alin's Blog</span>
</div>
Hướng dẫn:
Alin's Blog: bạn thay bằng bất cứ chữ gì mình muốn
comic sans ms: là tên kiểu chữ, bạn có thể thay bằng nhiều kiểu chữ khác
Giới thiệu trang web tìm Fonts chữ:http://fontchu.com/vni.htm
http://www.look.yeah1.com/albums/userpics/73094/%21_%287%29%7E2.gif
10/ Tạo hiệu ứng khi di chuột vào các liên kết
http://i150.photobucket.com/albums/s95/ran_share/ava/noticeandmemo/1051494_3475597.gif
http://upload.wikimedia.org/wikipedia/commons/thumb/e/e9/Crystal_Clear_app_korganizer.png/32px-Crystal_Clear_app_korganizer.pngCode:
<style type="text/css">
a:hover, a.link:hover, a.navbar:hover {
background-image:url(XXX);
font-size:10pt;
color:;
text-decoration:none;
border:1px solid;
}
</style>
Hướng dẫn:
XXX: là hình nền sẽ hiện ra khi bạn di chuột vào các liên kết
10: là kích thước chữ sẽ hiển thị khi bạn di chuột vào, bạn có thể thay đổi nhưng đừng cho số lớn quá nhe. 10 là vừa rồi
Giới thiệu trang web chứa hình: http://www.poqbum.com/animated_hover/
http://www.look.yeah1.com/albums/userpics/73094/%21_%286%29%7E2.gif
11/ Sửa lỗi khi comment không đựơc
http://i150.photobucket.com/albums/s95/ran_share/ava/noticeandmemo/1051494_3475597.gif
Code:
<stye>
.blockType01 {z-index:3}
</style>
http://upload.wikimedia.org/wikipedia/commons/thumb/6/65/Crystal_Clear_app_xchat.png/32px-Crystal_Clear_app_xchat.pngHướng dẫn:
Khi bạn chèn nhìu hiệu ứng vào Blog sẽ gây tình trạng comment không được, bạn chỉ cần bỏ Code ở trên vào
12/ Tạo Banner phía trên cùng Blog
http://i150.photobucket.com/albums/s95/ran_share/ava/noticeandmemo/1051494_3475597.gif
Code:
<style>.B4blockMenu01 {background-image:url('XXX');width:930px;height:175px}</style>
Hướng dẫn:
XXX: là đường Link hình làm banner (Kích thước đề nghị 930x175 là vừa)
http://upload.wikimedia.org/wikipedia/commons/thumb/7/77/Crystal_Clear_action_reload.png/32px-Crystal_Clear_action_reload.pngBài viết thuộc bản quyền Blog Alin
1. Code nhúng file *.swf len blog:
<center><embed src="http://www.fileden.com/files/2007/1/21/675383/2008.swf" quality="high" wmode="transparent" width="385" height="405" name="Love Letters" align="middle" allowScriptAccess="samedomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></center>












DAVID MATASMinhTruong2030 # Monday, June 6, 2011 7:21:59 PM