- Tạo khung hình cho khung Comment :
<style type="text/css"> textarea {background-color:..CC0000; background-image:url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q32008/2008/09/05/01/52071220595706.gif); border-width:6px; border-style:double; border-color:..003399; color:$ttc; font-family:;} input {background-color:..FFFFFF; border-width:6px; border-style; border-color:..003399; color:..0099CC; font-family:;} </style>
đoạn chữ màu xanh trên đoạn code trên là link hình, bạn có thể chọn bất kỳ hình ảnh nào mà bạn ưng ý rùi thay vào đó là Ok. Cách để lấy được link hình ảnh bạn có thể lấy ở trên trang wed hoặc up hình lên 1 trang wed và nhấp chuột phải vào hình mình muốn chọn và chọn propesties là Ok ngay
- Hiệu ứng khi chuyển trang :
Các bạn copy đoạn code sau dán vô Góc vui là khi chuyển qua trang khác sẽ thấy khác ngay à, không tin thử đi bạn nhé
<META content="revealtrans(duration=6.0, transition=23)" http-equiv=Page-Enter>
<META content="revealtrans(duration=6.0, transition=23)" http-equiv=Page-Exit>
- Tạo 1 Banner phía trên Blog
Vô bất kỳ 1 Blog hay 1 trang wed bạn thường thấy có 1 tấm hình hay 1 cái banner, mà khi chùng ta nhấp chuột vô đó thấy xuất hiện 1 đường link dẫn đến 1 trang wed. Rất đơn giản chỉ cần bạn copy code sau đây rùi dán vô góc vui là ok
</style>
<div style="position:absolute;top:0;left:0;z-index:9"><a target=_blank href="http://music.easyvn.com/nhatlinh2812/" alt="Myspace Codes!"><p><img src="http://img.photo.zing.vn/file_uploads/gallery/sources/2008/09/21/22b3e98f18f38210c80ec363105a9c14.jpg" border="0" alt="" width="1024" height="85" /></p></a>
</div>
Các bạn chú ý: đoạn chữ màu xanh thứ nhất là một đường dẫn ( ví dụ có thể dẫn đến 1 trang wed, 1 forum hay chính là Blog của bạn). còn đoạn chữ thứ 2 là link hình ảnh giống như code của hiệu ứng phía trên
- Hình nền cho các Tiêu đề
<style type="text/css"> #headline {background-image:url(http://www.poqbum.com/animated_hover/images/flames2.gif) ;} </style>
<style type="text/css"> #body h2 {background:#000000 url(http://www.poqbum.com/animated_hover/images/red-blue-divider.gif) ;} </style></p><style type="text/css"> a.bttn {background-image:url(http://www.taochu.com/images/valentine157.gif) ;} </style>
Chú ý:
đoạn chữ màu xanh thứ 1 là hình nền cho câu Phương Châm
đoạn chữ màu xanh thứ 2 là hình nền cho các tiêu đề
đoạn chữ màu xanh còn lại là hình nền cho câu Gửi dưới phần Bình luận
- Một góc vui thứ 2 hay lắm nha. càng nhiều góc vui càng thêm phần lí thú
</DIV></DIV>
<DIV class=blockType01>
<H2>Góc Vui<SPAN class="right marT20 small"><A
target=_blank target=_blank href="http://yobanbe.zing.vn/yo/mystuff/edit.html"></A></SPAN></H2"></A></SPAN></H2>
<DIV id=contType01 align=center>
Thay chữ Góc Vui thành chữ gì bạn thấy hay là được ( tùy sở thích của mỗi bạn ), còn nội dung để đưới đoạn code đó là ok
- Tạo các icon (hoặc các hình ảnh) có chứa link
Nghĩa là trên blog của mình sẽ hiện ra các hình, khi bấm vào hình đó nó sẽ dẫn đến 1 cái link mình muốn- giống như kiểu 5 nhưng là "hình" chứ không phải "chữ"
<div style="text-align: center;">
<a href="link Blog 1"> <img src="link ảnh 1" alt="Blog Page" height="47" width="51" alt="Image" /></a></div>
* Đoạn code này có nghĩa là: trên màn hình sẽ hiện ra ảnh 1, khi bấm vào sẽ hiện ra page 1. Nếu muốn làm nhiều thì cứ lặp lại các code trên.
- Hiệu ứng khi kéo chuột xuống theme vẫn đứng im
<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;
}
table table { border: 0px }
table table table table{border:0px}
table table table {
border-style:solid;
border-width:1px;
border-color:FFADFF;
background-color:transparent;
}
table table table td {
background-color:FFFFFF;
filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80; }
table table table table td {filter:none;}
table, tr, td, li, p, div { font-family:tahoma; color:FF97FF; font-size:10px; }
.btext { font-family:tahoma; color:FF97FF; font-size:12px; font-weight:bold; }
.blacktext10 { font-family:tahoma; color:FF97FF; font-size:10px; font-weight:bold; }
.blacktext12 { font-family:tahoma; color:FF97FF; font-size:16px; }
.lightbluetext8 { font-family:tahoma; color:FF97FF; font-size:12px; font-weight:bold; }
.orangetext15 { font-family:tahoma; color:FF97FF; font-size:12px; font-weight:bold; }
.redtext { font-family:tahoma; color:FF97FF; font-size:10px; }
.redbtext { font-family:tahoma; color:FF97FF; font-size:12px; font-weight:bold; }
.text { font-family:tahoma; color:FF97FF; font-size:10px; font-weight:bold; }
.whitetext12 { font-family:tahoma; color:FF97FF; font-size:14px; font-weight:bold; }
a:active, a:visited, a:link { font-family:tahoma; color:FF97FF; font-size:10px; }
a:hover { font-family:tahoma; color:FFADFF; font-size:10px; }
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:tahoma; color:FF8BFF; font-size:10px; font-weight:bold; }
a.navbar:hover { font-family:tahoma; color:FF84FF; font-size:10px; }
a.redlink:active, a.redlink:visited, a.redlink:link { font-family:tahoma; color:FF97FF; font-size:12px; }
a.redlink:hover { font-family:tahoma; color:FFADFF; font-size:12px; }
.nametext { font-family:tahoma; color:FF97FF; font-size:16px; font-weight:bold; }
</style><a href="http://www.JellyMuffin.com" target="_blank"><img src="http://www.JellyMuffin.com/adsource/cornertagright.gif" alt="Myspace Layouts & Comments" style="position:absolute; right:0px; top: 0px;" border="0"></a><a href="http://www.JellyMuffin.com/layouts">Myspace Layouts</a> @ JellyMuffin.com
<style type='text/css'>
body{ background-image: url("http://www.jellymuffin.com/layouts/Love/Cupid_Struck_Pink/bg.jpg")};
</style>
(Có thể thay
http://www.jellymuffin.com/layouts/Love/Cupid_Struck_Pink/bg.jpg = link khác )
*CHÚ Ý: Khi copy đoạn code này vào góc vui các bạn phải xóa cái hình nền đang xài thì code mới các tác dụng
- Thay đổi hình con trỏ chuột
<style type="text/css">
body {cursor: url(http://vipnghean.biz/blog/iloveu.ani); }
</style>
- Tạo hình động trong khung comment:
<style type="text/css">
textarea {background-color:..CC0000; background-image:url(http://vipnghean.biz/blog/comment.gif); border-width:6px; border-style:double; border-color:..003399; color:$ttc; font-family:;} input {background-color:..FFFFFF; border-width:6px; border-style; border-color:..003399; color:..0099CC; font-family:;}
</style>
- Tạo mờ các vùng như avatar, các bức ảnh, danh sách bạn bè
<style type="text/css">
a img {filter:alpha(opacity 100,style=3);}a:hover img {filter:none;}
</style>
- Tạo những hiệu ứng của phần Commet, bạn bè và phần liên hệ
<style type="text/css">
#box-highlight, #leftcont .blockType01, #leftcont .blockType02 {font-family: Verdana; font-size:14px; color:#f7346d;background: url(http://vipnghean.biz/blog/buom.gif) !important; border:1px solid #f7346d !important;}
#rightcont .blockType01, #rightcont .blockType02 {font-family: Verdana, Helvetica, sans-serif; font-size:12px; color:#f7346d; background:url(http://vipnghean.biz/blog/buom.gif) !important; border:1px solid #f7346d !important;}
</style>
thay những link chữ màu xanh = link bạn thích
- Cách comment có kèm hình ảnh, hay đường link
<a><img src='http://vipnghean.biz/blog/trai.gif' border='0' /></a> + Lời bình của mình
thay link chữ màu xanh = link của bạn nha
- Banner phía trên Blog :
<div style="position:absolute;top:0;left:0;z-index:9"><iframe src="XXXXXXXXXXXXXXXXXXXXXXXXXXX" height="160" width="1024" scrolling="auto" frameborder="0" ></iframe> </div>
- Cách làm chữ chạy
<font color="#FF0000"><b>
<marquee>Hhehehe</marquee></b></font>