trang chủ: thủ thuật blog plus

Showing posts with label thủ thuật blog plus. Show all posts

Chèn icon hoàn chỉnh cho các module

Hôm trước olympia đã viết bài [Beta Plus] Chèn icon cho các module Có vẻ như tác dụng của nó khiến các bạn không hài lòng. Hôm nay olympia có code chèn icon nhìn đẹp hơn cho các bạn

Chúng ta sẽ thay thế icon đó bằng một hình theo ý muốn. Đầu tiên sử dụng code loại bỏ icon list đó

Quote:

.mod_all .rc_bd .bd ul li{list-style-type:none;margin-left:0;padding:0 0.5em 0 1.5em;}/*olympia41124*/

Sau đó mới sử dụng các code chèn icon cho các module sau

Module Bài Mới Nhất

Quote:

#article_new li{background:transparent url(Link icon) no-repeat top left;}/*olympia41124*/

Module Bình Luận Mới Nhất

Quote:

#comment_new h3, #comment_new li{background:transparent url(Link icon) no-repeat top left;}/*olympia41124*/

hoặc

Quote:

#comment_new h3{background:transparent url(Link icon) no-repeat top left;}/*olympia41124*/
#comment_new li{background:transparent url(Link icon) no-repeat top left;}/*vietnam360plus.com*/

Module Thư Mục Riêng

Quote:

#folder li{background:transparent url(Link icon) no-repeat top left;}/*olympia41124*/

Module Thống Kê

Quote:

#statistic li{background:transparent url(Link icon) no-repeat top left;}/*olympia41124*/

Module Blog Tôi Thích

Quote:

.mod_all .rc_bd .bd ul.folder li{background:transparent url(Link icon) no-repeat top left;}/*olympia41124*/

Module Hồ Sơ Blog - Thông Tin Cá Nhân

Quote:

#profile_card .bd dl dt{background:transparent url(Link icon) no-repeat top left;text-align:center;}/*olympia41124*/

Các bạn có thể tham khảo các icon ở trang sau >>> http://s118.photobucket.com/albums/o...con/?start=all

Written by olympia41124

Thay nền cho thanh tiêu đề các module

Để thay nền thanh tiêu đề cho các module dùng code sau

Quote:

.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,
.row-760 .rc_bd .rc_bc .hd .titlebar .hd,
.row-920 .rc_bd .rc_bc .hd .titlebar .hd
{background:transparent;}/*olympia41124*/
.col-150 .rc_bd .rc_bc .hd .titlebar,
.col-600 .rc_bd .rc_bc .hd .titlebar,
.row-760 .rc_bd .rc_bc .hd .titlebar,
.row-920 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(Link hình) repeat-x left top;height:Apx;}/*vietnam360plus.com*/

Thay link hình bằng link hình của bạn, thay A bằng chiều cao thích hợp. Tham khảo một số hình dưới đây mà trong đó olympia có code và chỉnh height sẵn, bạn chỉ việc copy

Quote:

.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,
.row-760 .rc_bd .rc_bc .hd .titlebar .hd,
.row-920 .rc_bd .rc_bc .hd .titlebar .hd
{background:transparent;}
.col-150 .rc_bd .rc_bc .hd .titlebar,
.col-600 .rc_bd .rc_bc .hd .titlebar,
.row-760 .rc_bd .rc_bc .hd .titlebar,
.row-920 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Titlebar/1.png) repeat-x left center;height:26px;}

--------------------------------------------------------------------------------------------------

Quote:

.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,
.row-760 .rc_bd .rc_bc .hd .titlebar .hd,
.row-920 .rc_bd .rc_bc .hd .titlebar .hd
{background:transparent;}
.col-150 .rc_bd .rc_bc .hd .titlebar,
.col-600 .rc_bd .rc_bc .hd .titlebar,
.row-760 .rc_bd .rc_bc .hd .titlebar,
.row-920 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Titlebar/2.png) repeat-x left top;height:21px;}

--------------------------------------------------------------------------------------------------

Quote:

.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,
.row-760 .rc_bd .rc_bc .hd .titlebar .hd,
.row-920 .rc_bd .rc_bc .hd .titlebar .hd
{background:transparent;}
.col-150 .rc_bd .rc_bc .hd .titlebar,
.col-600 .rc_bd .rc_bc .hd .titlebar,
.row-760 .rc_bd .rc_bc .hd .titlebar,
.row-920 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Titlebar/3.png) repeat-x left top;height:26px;}

--------------------------------------------------------------------------------------------------

Quote:

.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,
.row-760 .rc_bd .rc_bc .hd .titlebar .hd,
.row-920 .rc_bd .rc_bc .hd .titlebar .hd
{background:transparent;}
.col-150 .rc_bd .rc_bc .hd .titlebar,
.col-600 .rc_bd .rc_bc .hd .titlebar,
.row-760 .rc_bd .rc_bc .hd .titlebar,
.row-920 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Titlebar/5.png) repeat-x left top;height:27px;}

--------------------------------------------------------------------------------------------------

Quote:

.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,
.row-760 .rc_bd .rc_bc .hd .titlebar .hd,
.row-920 .rc_bd .rc_bc .hd .titlebar .hd
{background:transparent;}
.col-150 .rc_bd .rc_bc .hd .titlebar,
.col-600 .rc_bd .rc_bc .hd .titlebar,
.row-760 .rc_bd .rc_bc .hd .titlebar,
.row-920 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Titlebar/6.png) repeat-x left top;height:25px;}

--------------------------------------------------------------------------------------------------

Quote:

.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,
.row-760 .rc_bd .rc_bc .hd .titlebar .hd,
.row-920 .rc_bd .rc_bc .hd .titlebar .hd
{background:transparent;}
.col-150 .rc_bd .rc_bc .hd .titlebar,
.col-600 .rc_bd .rc_bc .hd .titlebar,
.row-760 .rc_bd .rc_bc .hd .titlebar,
.row-920 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Titlebar/7.gif) repeat-x left top;height:30px;}

--------------------------------------------------------------------------------------------------

Quote:

.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,
.row-760 .rc_bd .rc_bc .hd .titlebar .hd,
.row-920 .rc_bd .rc_bc .hd .titlebar .hd
{background:transparent;}
.col-150 .rc_bd .rc_bc .hd .titlebar,
.col-600 .rc_bd .rc_bc .hd .titlebar,
.row-760 .rc_bd .rc_bc .hd .titlebar,
.row-920 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Titlebar/9.jpg) repeat-x left top;height:28px;}

--------------------------------------------------------------------------------------------------

Quote:

.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,
.row-760 .rc_bd .rc_bc .hd .titlebar .hd,
.row-920 .rc_bd .rc_bc .hd .titlebar .hd
{background:transparent;}
.col-150 .rc_bd .rc_bc .hd .titlebar,
.col-600 .rc_bd .rc_bc .hd .titlebar,
.row-760 .rc_bd .rc_bc .hd .titlebar,
.row-920 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Titlebar/10.jpg) repeat-x left top;height:30px;}

--------------------------------------------------------------------------------------------------

Quote:

.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,
.row-760 .rc_bd .rc_bc .hd .titlebar .hd,
.row-920 .rc_bd .rc_bc .hd .titlebar .hd
{background:transparent;}
.col-150 .rc_bd .rc_bc .hd .titlebar,
.col-600 .rc_bd .rc_bc .hd .titlebar,
.row-760 .rc_bd .rc_bc .hd .titlebar,
.row-920 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Titlebar/14.jpg) repeat-x left top;height:29px;}

--------------------------------------------------------------------------------------------------

Quote:

.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,
.row-760 .rc_bd .rc_bc .hd .titlebar .hd,
.row-920 .rc_bd .rc_bc .hd .titlebar .hd
{background:transparent;}
.col-150 .rc_bd .rc_bc .hd .titlebar,
.col-600 .rc_bd .rc_bc .hd .titlebar,
.row-760 .rc_bd .rc_bc .hd .titlebar,
.row-920 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Titlebar/15.jpg) repeat-x left top;height:20px;}

--------------------------------------------------------------------------------------------------

Quote:

.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,
.row-760 .rc_bd .rc_bc .hd .titlebar .hd,
.row-920 .rc_bd .rc_bc .hd .titlebar .hd
{background:transparent;}
.col-150 .rc_bd .rc_bc .hd .titlebar,
.col-600 .rc_bd .rc_bc .hd .titlebar,
.row-760 .rc_bd .rc_bc .hd .titlebar,
.row-920 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Titlebar/16.png) repeat-x left top;height:30px;}

--------------------------------------------------------------------------------------------------

Quote:

.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,
.row-760 .rc_bd .rc_bc .hd .titlebar .hd,
.row-920 .rc_bd .rc_bc .hd .titlebar .hd
{background:transparent;}
.col-150 .rc_bd .rc_bc .hd .titlebar,
.col-600 .rc_bd .rc_bc .hd .titlebar,
.row-760 .rc_bd .rc_bc .hd .titlebar,
.row-920 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Titlebar/17.png) repeat-x left top;height:26px;}

--------------------------------------------------------------------------------------------------

Quote:

.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,
.row-760 .rc_bd .rc_bc .hd .titlebar .hd,
.row-920 .rc_bd .rc_bc .hd .titlebar .hd
{background:transparent;}
.col-150 .rc_bd .rc_bc .hd .titlebar,
.col-600 .rc_bd .rc_bc .hd .titlebar,
.row-760 .rc_bd .rc_bc .hd .titlebar,
.row-920 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Titlebar/18.png) repeat-x left top;height:26px;}

--------------------------------------------------------------------------------------------------

Quote:

.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,
.row-760 .rc_bd .rc_bc .hd .titlebar .hd,
.row-920 .rc_bd .rc_bc .hd .titlebar .hd
{background:transparent;}
.col-150 .rc_bd .rc_bc .hd .titlebar,
.col-600 .rc_bd .rc_bc .hd .titlebar,
.row-760 .rc_bd .rc_bc .hd .titlebar,
.row-920 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Titlebar/19.jpg) repeat-x left top;height:29px;}

--------------------------------------------------------------------------------------------------

Quote:

.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,
.row-760 .rc_bd .rc_bc .hd .titlebar .hd,
.row-920 .rc_bd .rc_bc .hd .titlebar .hd
{background:transparent;}
.col-150 .rc_bd .rc_bc .hd .titlebar,
.col-600 .rc_bd .rc_bc .hd .titlebar,
.row-760 .rc_bd .rc_bc .hd .titlebar,
.row-920 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Titlebar/21.jpg) repeat-x left top;height:42px;}

--------------------------------------------------------------------------------------------------

Quote:

.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,
.row-760 .rc_bd .rc_bc .hd .titlebar .hd,
.row-920 .rc_bd .rc_bc .hd .titlebar .hd
{background:transparent;}
.col-150 .rc_bd .rc_bc .hd .titlebar,
.col-600 .rc_bd .rc_bc .hd .titlebar,
.row-760 .rc_bd .rc_bc .hd .titlebar,
.row-920 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Titlebar/25.gif) repeat-x left top;height:20px;}

--------------------------------------------------------------------------------------------------

Quote:

.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-600 .rc_bd .rc_bc .hd .titlebar .hd,
.row-760 .rc_bd .rc_bc .hd .titlebar .hd,
.row-920 .rc_bd .rc_bc .hd .titlebar .hd
{background:transparent;}
.col-150 .rc_bd .rc_bc .hd .titlebar,
.col-600 .rc_bd .rc_bc .hd .titlebar,
.row-760 .rc_bd .rc_bc .hd .titlebar,
.row-920 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(http://i118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Titlebar/26.jpg) repeat-x left top;height:20px;}

Written by olympia41124

Chèn icon cho các module

Vấn đề chèn icon cho các module ở bản Beta dường như là vấn đề "nóng bỏng" nhất mà các blogger quan tâm lý do là cách thức biểu thị icon của bản Beta đã khác so với bản cũ và hầu hết blogger đều không đón nhận nó. Các chấm nhỏ đầu dòng không được sinh động cho lắm

Chúng ta sẽ thay thế icon đó bằng một hình theo ý muốn. Đầu tiên sử dụng code loại bỏ icon list đó

Quote:

.mod_all .rc_bd .bd ul li{list-style-type:none;}/*olympia41124*/

Sau đó mới sử dụng các code chèn icon cho các module sau

Module Bài Mới Nhất

Quote:

#article_new li{background:transparent url(Link icon) no-repeat top left;text-align:right;}/*olympia41124*/

Module Bình Luận Mới Nhất

Quote:

#comment_new h3, #comment_new li{background:transparent url(Link icon) no-repeat top left;text-align:right;}/*olympia41124*/

hoặc

Quote:

#comment_new h3{background:transparent url(Link icon) no-repeat top left;text-align:right;}/*olympia41124*/
#comment_new li{background:transparent url(Link icon) no-repeat top left;text-align:right;}/*vietnam360plus.com*/

Module Thư Mục Riêng

Quote:

#folder li{background:transparent url(Link icon) no-repeat top left;text-align:right;}/*olympia41124*/

Module Thống Kê

Quote:

#statistic li{background:transparent url(Link icon) no-repeat top left;text-align:right;}/*olympia41124*/

Module Blog Tôi Thích

Quote:

.mod_all .rc_bd .bd ul.folder li{background:transparent url(Link icon) no-repeat top left;}/*olympia41124*/

Module Hồ Sơ Blog - Thông Tin Cá Nhân

Quote:

#profile_card .bd dl dt{background:transparent url(Link icon) no-repeat top left;text-align:center;}/*olympia41124*/

Thay link icon bằng link hình bạn muốn. Lưu ý là cách chèn icon của Beta Plus không giống bản cũ nên các chữ của các phần chèn icon sẽ được canh phải để chừa chỗ cho icon. Ngoài ra trong các code trên có phần top left, bạn có thể thay bằng một trong các kiểu sau để điều chỉnh cho đến lúc nào vừa ý

top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right

Các bạn có thể tham khảo các icon ở trang sau >>> http://s118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Icon/?start=all

Written by olympia41124

Hiệu ứng cho logo 360Plus Beta

Ở bài viết [Beta Plus] Hiệu ứng shadow cho text olympia đã hướng dẫn cho các bạn cách làm shadow cho text. Hôm nay olympia sẽ hướng dẫn các bạn làm hiệu ứng đó cho logo 360Plus Beta

Logo 360Plus Beta thực tế là một ảnh .png được đưa vào blog. Lúc đầu olympia dự định sẽ chỉnh sửa trực tiếp trên logo rồi chia sẻ code các bạn chèn vào blog. Nhưng xét lại thì đó là hành động vi phạm quy định của Yahoo. Thế nên olympia có cách khác cho các bạn. Ta sẽ sử dụng một hình khác chèn vào lớp dưới của logo, như thế sẽ không vi phạm quy định của Yahoo

Để chèn các bạn sử dụng cú pháp sau

Quote:

#ygmalogo{background:transparent url(Link hình) no-repeat -3px -2px;height:38px;}/*olympia41124*/

Trong code trên bạn chỉ thay link hình bằng các hình dưới đây

Quote:

http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/360plus_beta_pink.png

Quote:

http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/360plus_beta_blue.png

Quote:

http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/360plus_beta_yellow.png

Quote:

http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/360plus_beta_violet.png

Quote:

http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/360plus_beta_red.png

Quote:

http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/360plus_beta_orange.png

Quote:

http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/360plus_beta_green.png

Quote:

http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/360plus_beta_gray.png

Quote:

http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/360plus_beta_chocolate.png

Quote:

http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/360plus_beta_brown.png

Quote:

http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/360plus_beta_black.png

Quote:

http://i118.photobucket.com/albums/o93/olympia41124/vietnam360plus/360plus_beta_aqua.png

Ngoài ra nếu các bạn không muốn thay link hình bằng các link trên thì có thể thay link hình bằng các hình tuyết rơi vào code sau

Quote:

#ygmalogo{background:transparent url(Link hình);}/*olympia41124*/

Có thể tham khảo thêm các hình khác ở đây >>> http://s118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Hover/?start=all

Lưu ý cuối cùng là các hiệu ứng trên hiển thị đẹp nhất khi bạn đã trong suốt phần nóc nhà (. Bạn nên chú ý chọn hình có màu nổi bật hơn so với màu theme, tránh trường hợp bị chìm màu vào theme.

Written by olympia41124

Hiệu ứng cho đường viền và nick ở phần comment

Trước khi bắt đầu bài viết thì olympia xin nhắc trước là hiệu ứng viền trong bài viết này hiển thị tốt nhất khi bạn đã trong suốt phần comment. Tất nhiên là nếu bạn không trong suốt phần comment thì vẫn có thể sử dụng code trong bài viết này những nói chung nó sẽ không đẹp như khi trong suốt

Đây là khung comment sau khi trong suốt

Để thay đường viền bao quanh comment thì sử dụng code sau

Quote:

.mod_all .cmt-mod-alist .alist-comment ul li{border-top:1px dashed #fff;border-right:1px dashed #fff;border-left:1px dashed #fff;border-bottom-style:dashed;border-bottom-color:#fff; border-bottom-width:1px;}/*olympia41124*/

Để thay đường viền ngăn cách giữa phần comment của khách và comment trả lời của chủ blog dùng code sau

Quote:

.cmt-mod-alist .alist-comment .responding{border-top:1px dashed #fff;}/*olympia41124*/

Khi đó ở dưới cùng tất cả comment vẫn còn 1 đường viền "lạc loài" nữa

Sử dụng code sau để thay đổi

Quote:

.cmt-mod-alist .add-comment{border-top:1px dashed #fff;}/*olympia41124*/

Ngoài ra phần toolbar comment và soạn thảo comment có những đường viền có thể thay đổi

Sử dụng code sau thay viền toolbar comment

Quote:

#bd .rte_container{border-style:none;}/*olympia41124*/
#bd .rte_toolbar{border-top:1px dashed #fff;border-right:1px dashed #fff;border-left:1px dashed #fff;}/*vietnam360plus.com*/

Sử dụng code sau để thay viền phần soạn thảo comment

Quote:

.rte_editor, .rte_src_editor{border-top:1px dashed #fff;border-right:1px dashed #fff;border-left:1px dashed #fff;border-bottom-style:dashed;border-bottom-color:#fff;border-bottom-width:1px;}/*olympia41124*/

Ngoài ra nếu muốn xóa các đường gạch dọc phân cách ở toolbar comment thì dùng code sau

Quote:

.rte_btn .rte_btn_sep{border-style:none;}/*olympia41124*/

Lưu ý là tất cả code viền trên là mẫu tham khảo. Các bạn có thể thay đổi code tùy biến theo ý thích. Trong đó

dashed là kiểu viền, có thể thay dashed bằng dotted, solid, double, groove, ridge, inset, outset, inherit
#fff là mã màu của viền, có thể thay bằng màu khác
1px là độ "dày" của viền, có thể thay bằng số khác

Ngoài đường viền ở phần comment thì ta còn có thể trang trí cho các nick hiệu ứng bắt mắt

Quote:

.cmt-mod-alist .alist-comment h4 a{background:transparent url(Link hình) top center;}/*olympia41124*/

Hoặc có thể áp dụng cho toàn phần đầu của nick

Quote:

.cmt-mod-alist .alist-comment h4{background:transparent url(Link hình) top center;}/*olympia41124*/

Trong các code trên thay Link hình mà bạn muốn. Có thể tham khảo các hình ở đây >>> http://s118.photobucket.com/albums/o93/olympia41124/Yahoo_360plus/Hover/

Written by olympia41124

Chèn icon cho tiêu đề các module

Bản Plus Beta thay đổi không còn chèn icon cho tiêu đề như bản cũ. nhưng nếu muốn ta vẫn có thể chèn icon cho phần này. Lưu ý là các module ở mỗi vị trí khác nhau (cột chính hay cột phụ) sẽ có code khác nhau

Module Bài Mới Nhất

Quote:

#comment_new h2{background:transparent url(Link icon) no-repeat top left;height:32px;text-align:right;font-size:11px !important;}/*olympia41124*/

Module Bình Luận Mới Nhất (Cột Chính)

Quote:

#comment_new h2{background:transparent url(Link icon) no-repeat top left;height:32px;text-align:center;}/*olympia41124*/

Module Bình Luận Mới Nhất (Cột Phụ)

Quote:

#comment_new h2{background:transparent url(Link icon) no-repeat top left;height:32px;text-align:right;font-size:11px !important;}/*olympia41124*/

Module Thư Mục Riêng

Quote:

#folder h2{background:transparent url(Link icon) no-repeat top left;height:32px;text-align:right;}/*olympia41124*/

Module Tâm Trạng

Quote:

#mod_lifeline h2{background:transparent url(Link icon) no-repeat top left;height:32px;text-align:center;}/*olympi41124*/

Module Cập Nhật Ngày

Quote:

#update_date h2{background:transparent url(Link icon) no-repeat top left;height:32px;text-align:right;}/*olympia41124*/

Module Thống Kê

Quote:

#statistic h2{background:transparent url(Link icon) no-repeat top left;height:32px;text-align:center;}/*olympia41124*/

Module Danh Sách Bạn Bè (Cột Chính)

Quote:

#friendlist_module h2{background:transparent url(Link icon) no-repeat top left;height:32px;text-align:center;}/*olympia41124*/

Module Danh Sách Bạn Bè (Cột Phụ)

Quote:

#friendlist_module h2{background:transparent url(Link icon) no-repeat top left;height:32px;text-align:right;font-size:11px !important;}/*olympia41124*/

Module RSS

Quote:

#rss_output h2{background:transparent url(Link icon) no-repeat top left;height:32px;text-align:center;}/*olympia41124*/

Module Blog Tôi Thích (Cột Chính)

Quote:

#subscribe_highlight h2{background:transparent url(Link icon) no-repeat top left;height:32px;text-align:center;}/*olympia41124*/

Module Blog Tôi Thích (Cột Phụ)

Quote:

#subscribe_highlight h2{background:transparent url(Link icon) no-repeat top left;height:32px;text-align:right;}/*olympia41124*/

Module Tìm

Quote:

#search_module h2{background:transparent url(Link icon) no-repeat top left;height:32px;text-align:center;}/*olympia41124*/

Module Hình Ảnh Trong Blog

Quote:

#photo_highlight h2{background:transparent url(Link icon) no-repeat top left;height:32px;text-align:center;}/*olympia41124*/

Module Bình Luận Nhanh (Cột Chính)

Quote:

#guestbook_entries h2{background:transparent url(Link icon) no-repeat top left;height:32px;text-align:center;}/*olympia41124*/

Module Bình Luận Nhanh (Cột Phụ)

Quote:

#guestbook_entries h2{background:transparent url(Link icon) no-repeat top left;height:32px;text-align:right;font-size:12px !important;}/*olympia41124*/

Module Hồ Sơ Blog - Thông Tin Cá Nhân (Cột Chính)

Quote:

#profile_card h2{background:transparent url(Link icon) no-repeat top left;height:32px;text-align:center;}/*olympia41124*/

Module Hồ Sơ Blog - Thông Tin Cá Nhân (Cột Phụ)

Quote:

#profile_card h2{background:transparent url(Link icon) no-repeat top left;height:32px;text-align:right;font-size:11px !important;}/*olympia41124*/

Trong các code trên thay Link icon bằng link hình icon của bạn. Còn thuộc tính height:32px với 32 là chiều cao của hình icon, thay đổi tùy vào link hình của bạn.