Một số hiệu ứng rất bắt mắt cho blog!

Hiện nay nhiều bạn cần  làm đẹp cho blog của mình ! Nhưng họ không biết phải bắt đầu từ đâu nên mình đăng lại bài này!
Vậy để góp một phần vào việc làm đẹp cho blog các bạn mình xin chia sẻ một số code có hiệu ứng mà mình sưu tập được trông bắt mắt như sau:

Style1: Thay đổi hình con trỏ chuột.

<style  type="text/css">

body {cursor: url(http://vipnghean.biz/blog/iloveu.ani); }

</style>

Style2: Tạo nền cho  chữ gửi ở phần comment.

<style  type="text/css">

a.bttn {background-image:url(http://vipnghean.biz/blog/gui.gif) ;}  

</style>

Style3: Tạo con trỏ chuột khác khi chỉ chuột vào link.

<style  type="text/css">

a:hover{cursor: url("http://vipnghean.biz/blog/iloveu.ani"), url("http://vipnghean.biz/blog/iloveu.ani"), auto;} 

</style>

Style4: 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>

Style5: Tạo những chiếc máy bay lao vèo vèo khi chỉ chuột vào avatar.

<style  type="text/css">

a.navbar:hover {
color:;
font-weight:bold;
background-image:url(http://vipnghean.biz/blog/sao.gif);
}
a:hover, a.link:hover, a.navbar:hover {
background-image:url(http://vipnghean.biz/blog/sao.gif);
font-size:8pt;
color:;
text-decoration:none;
border:1px solid;
}
a:hover img {
background-image:url(http://vipnghean.biz/blog/sao.gif);
filter:alpha(finishopacity=0, style=2);
border:1px solid;
} 

</style>

Style 6 : 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>

Style 7: Tạo những con bướm nhấp nháy ở vùng comment . bạn bè, phần liên lạc.

<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>

HiHi nếu ai cảm thấy góc vui của mình quá lằng nhằng và ko **** biệt phần nào đã có phần nào chưa có thì các bạn xóa hết và đưa đoạn code sau vào góc vui của mình. ( bạn nên nhớ là xóa hết góc vui của mình rồi mới đưa vào nha)

<style  type="text/css">

body {
scrollbar-face-color: #C2DD7E;
scrollbar-highlight-color: #E2F3B7;
scrollbar-3dlight-color: #A5BC69;
scrollbar-darkshadow-color: #7F9D35;
scrollbar-shadow-color: #9DBF46;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #9DBF46;
}

body {cursor: url(http://vipnghean.biz/blog/iloveu.ani); }

a.bttn {background-image:url(http://vipnghean.biz/blog/gui.gif) ;}

a:hover{cursor: url("http://vipnghean.biz/blog/iloveu.ani"), url("http://vipnghean.biz/blog/iloveu.ani"), auto;}

a img {filter:alpha(opacity 100,style=3);}a:hover img {filter:none;}

a.navbar:hover {
color:;
font-weight:bold;
background-image:url(http://vipnghean.biz/blog/sao.gif);
}
a:hover, a.link:hover, a.navbar:hover {
background-image:url(http://vipnghean.biz/blog/sao.gif);
font-size:8pt;
color:;
text-decoration:none;
border:1px solid;
}
a:hover img {
background-image:url(http://vipnghean.biz/blog/sao.gif);
filter:alpha(finishopacity=0, style=2);
border:1px solid;
}

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:;}

#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>

Và sau đây là một phần nữa. Đó là nhiều ngày hôm nay  rất nhiều bạn hỏi làm sao để comment hình ảnh tức là có một bức ảnh kèm theo lời bình trên blog ( chẳng hạn như kèm theo một bông hoa, kèm theo một ngôi sao)

Thì hôm nay Mình sẽ giới thiệu tới các bạn cách làm:

Nôi dung như sau

Chúng ta sẽ có một đoạn mã như thế này:

<a><img src='http://vipnghean.biz/blog/trai.gif' border='0' /></a> + Lời bình của mình

VD:<a><img src='http://vipnghean.biz/blog/trai.gif' border='0' /></a> Ngày mới vui vẻ nha bạn.!

Hoặc khi ấn vào bức ảnh đó sẽ vào blog cua mình thì dùng đoạn mã sau:

<a href='Địa Chỉ Blog Mình' target='blank'><img src='Địa Chỉ Của Bức Ảnh' border='0' /></a> + Lời bình.

VD:

<a href='http://yobanbe.zing.vn/huythuanvn' target='blank'><img src='http://vipnghean.biz/blog/trai.gif' border='0' /></a> Chúc bạn có một ngày mới hạnh phúc!