Hướng dẫn tạo blog Yahoo 360 Plus!

Được sửa bởi Admin ngày 8/8/2009, 04:19; sửa lần 9.

- Chú ý:Khi copy code vào css thi` mở Notepad ra rùi copy vao Notepad sau đó hảy copy tất cả trong Notepad vào css.Khi thêm 1 đoạn code thì copy rùi paste vào phía dưới các đoạn mã đã thêm vào css trong Notepad,sau đó copy tất cả vào css(xóa di code củ).
- Thay đổi địa chỉ hình trong code bằng địa chỉ hình bạn muốn đổi.

Hình nền phía trên:

Code:: BODY.blog_my
{BACKGROUND:url( link hình ) no-repeat #ffffff fixed center;background-color:6FAC72;}

VD:
BODY.blog_my
{BACKGROUND:url(https://2img.net/h/i295.photobucket.com/albums/mm126/smty81/top-1.jpg) no-repeat #ffffff fixed center;background-color:6FAC72;}
>>hinh

-Hình nền phía dưới:

Code:: #footer .ft {background:#000000 url( link hình) no-repeat left;height:150px;}

vd:
#footer .ft {background:#000000 url(https://2img.net/h/i295.photobucket.com/albums/mm126/smty81/duoi.jpg) no-repeat left;height:150px;}
>> hinh

Làm trong suốt tiêu đề modun:

Code:: #comment_new .rc_bd .rc_bc .hd .titlebar .hd,
#comment_new .rc_bd .rc_bc .hd .titlebar,
#search_module .rc_bd .rc_bc .hd .titlebar .hd,
#search_module .rc_bd .rc_bc .hd .titlebar,
#statistic .rc_bd .rc_bc .hd .titlebar .hd,
#statistic .rc_bd .rc_bc .hd .titlebar,
#calendar .rc_bd .rc_bc .hd .titlebar .hd,
#calendar .rc_bd .rc_bc .hd .titlebar,
#update_date .rc_bd .rc_bc .hd .titlebar .hd,
#update_date .rc_bd .rc_bc .hd .titlebar ,
#friendlist_module .rc_bd .rc_bc .hd .titlebar .hd,
#friendlist_module .rc_bd .rc_bc .hd .titlebar,
#folder .rc_bd .rc_bc .hd .titlebar .hd,
#folder .rc_bd .rc_bc .hd .titlebar,
#article_new .rc_bd .rc_bc .hd .titlebar .hd,
#article_new .rc_bd .rc_bc .hd .titlebar,
#mod-tagged-frd-article .rc_bd .rc_bc .hd .titlebar .hd,
#mod-tagged-frd-article .rc_bd .rc_bc .hd .titlebar,
.mod-more-blogs .rc_bd .rc_bc .hd .titlebar .hd,
.mod-more-blogs .rc_bd .rc_bc .hd .titlebar,
.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-150 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(http://files.myopera.com/c4-classical/black/titlebar.png) repeat-y top;}
#photo_highlight .rc_bd .rc_bc .hd .titlebar .hd,
#photo_highlight .rc_bd .rc_bc .hd .titlebar ,
#article_list_module .rc_bd .rc_bc .hd .titlebar .hd,
#article_list_module .rc_bd .rc_bc .hd .titlebar,
#subscribe_highlight .rc_bd .rc_bc .hd .titlebar .hd,
#subscribe_highlight .rc_bd .rc_bc .hd .titlebar,
#mod_lifeline .rc_bd .rc_bc .hd .titlebar .hd,
#mod_lifeline .rc_bd .rc_bc .hd .titlebar,
#gb_msg .rc_bd .rc_bc .hd .titlebar .hd,
#gb_msg .rc_bd .rc_bc .hd .titlebar
{background:transparent url(http://files.myopera.com/c4-classical/black/titlebargiua.png) repeat-y top;}

Trong suốt menu tiêu đề Yahoo:

Code:: #blog_masshead .bd form .btn{height:25px;background:url(http://files.myopera.com/c4-classical/black/timkiem.png) no-repeat 0 0;cursor:pointer;}
#blog_masshead .rc{background:transparent;}
#blog_masshead .rc div{background:transparent;}
#blog_masshead .rc_bd{background:transparent;}
#blog_masshead .rc_bc{background:transparent;}
#blog_masshead .rc_ft{background:transparent;}
#blog_masshead .rc_ft div{height:4px;background:transparent;}
#blog_masshead .bd{height:30px;background:transparent;}
#blog_masshead .menu.mr a {background-image:url(http://files.myopera.com/c4-classical/black/menu-2.png);}
#blog_masshead .menu .rc_w {height:27px;background-image:url(http://files.myopera.com/c4-classical/black/menu-1.png);}
#blog_masshead .menu .rc_e {height:27px;background-image:url(http://files.myopera.com/c4-classical/black/menu-1.png);}
#blog_masshead .menu.ml a {background-image:url(http://files.myopera.com/c4-classical/black/menu-1.png);}
#blog_masshead{font-size:12px;color:#ffffff;background:transparent url() repeat-x 0 5px;height:102px;}
#blog_masshead a{color:#ffffff;}

Làm trong suốt khung câu Blast:

Code:: #blast .rc_ft {background:transparent url(http://files.myopera.com/c4-classical/Blast/1.png) no-repeat left bottom;}
#blast .rc_ft div {background:transparent url(http://files.myopera.com/c4-classical/Blast/2.png) no-repeat right bottom;height:31px;}
#blast .rc div {background:transparent url(http://files.myopera.com/c4-classical/Blast/3.png) no-repeat right bottom;height:26px;}
#blast .rc {background:transparent url(http://files.myopera.com/c4-classical/Blast/4.png) no-repeat -8px bottom;}
#blast .rc_bd div.rc_bc {background:transparent url(http://files.myopera.com/c4-classical/Blast/5.png) repeat-y right top;}
#blast .rc_bd {background:transparent url(http://files.myopera.com/c4-classical/Blast/6.png) repeat-y -8px top;}
#blast .rc_bc .bd{font-weight:bold;font-style:italic;background:transparent url(http://files.myopera.com/c4-classical/Blast/7.png) right repeat-y;}

Làm trong suốt nền các Modun:

Code:: #comment_new .rc_bd div.rc_bc, #comment_new .rc_ft div, #comment_new .rc div {background:transparent;}
#comment_new .rc_bd .rc_bc .bd {background:transparent;}
#search_module .rc_bd div.rc_bc, #search_module .rc_ft div, #search_module .rc div {background:transparent;}
#search_module .rc_bd .rc_bc .bd {background:transparent;}
#statistic .rc_bd div.rc_bc, #statistic .rc_ft div, #statistic .rc div {background:transparent;}
#statistic .rc_bd .rc_bc .bd {background:transparent;}
#calendar .rc_bd div.rc_bc, #calendar .rc_ft div, #calendar .rc div {background:transparent;}
#calendar .rc_bd .rc_bc .bd {background:transparent;}
#calendar .rc_bd .rc_bc .hd .titlebar .hd,
#calendar .rc_bd .rc_bc .hd .titlebar .bd a
{height:15px;background:transparent;font-size:12px;color:#FFFFFF;}
#update_date .rc_bd div.rc_bc, #update_date .rc_ft div, #update_date .rc div {background:transparent;}
#update_date .rc_bd .rc_bc .bd {background:transparent;}
#friendlist_module .rc_bd div.rc_bc, #friendlist_module .rc_ft div, #friendlist_module .rc div {background:transparent;}
#friendlist_module .rc_bd .rc_bc .bd {background:transparent;}
#folder .rc_bd div.rc_bc, #folder .rc_ft div, #folder .rc div {background:transparent;}
#folder .rc_bd .rc_bc .bd {background:transparent;}
#article_new .rc_bd div.rc_bc, #article_new .rc_ft div, #article_new .rc div {background:transparent;}
#article_new .rc_bd .rc_bc .bd {background:transparent;}
#mod-tagged-frd-article .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_ft div, #mod-tagged-frd-article .rc div {background:transparent;}
#mod-tagged-frd-article .rc_bd .rc_bc .bd {background:transparent;}
.mod-more-blogs .rc_bd div.rc_bc, .mod-more-blogs .rc_ft div, .mod-more-blogs .rc div {background:transparent;}
.mod-more-blogs .rc_bd .rc_bc .bd {background:transparent;}
#profile_highlight .rc_ft {background:transparent url() no-repeat center top;height:80px;}
#profile_highlight .rc_bd div.rc_bc, #profile_highlight .rc_ft div, #profile_highlight .rc div {background:transparent;}
#profile_highlight .rc_bd .rc_bc .bd {background:transparent;}
#photo_highlight .rc_bd div.rc_bc, #photo_highlight .rc_ft div, #photo_highlight .rc div {background:transparent;}
#photo_highlight .rc_bd .rc_bc .bd {background:transparent;}
#photo_highlight .ft {background:transparent;}
#article_list_module .rc_bd div.rc_bc, #article_list_module .rc_ft div, #article_list_module .rc div {background:transparent;}
#article_list_module .rc_bd .rc_bc .bd {background:transparent;}
#subscribe_highlight .rc_bd div.rc_bc, #subscribe_highlight .rc_ft div, #subscribe_highlight .rc div {background:transparent;}
#mod_lifeline div.bd, #mod_lifeline div.rc_bc {background:transparent!important;}
#subscribe_highlight .rc_bd .rc_bc .bd {background:transparent;}
#mod_lifeline .rc_bd div.rc_bc, #mod_lifeline .rc_ft div, #mod_lifeline .rc div {background:transparent;}
#mod_lifeline .rc_bd .rc_bc .bd {background:transparent;}
#gb_msg .rc_bd div.rc_bc, #gb_msg .rc_ft div, #gb_msg .rc div {background:transparent;}
#gb_msg .rc_bd .rc_bc .bd {background:transparent;}
#gb_msg .ft {background:transparent;}
#mod_lifeline .pop-msg .rc_ft , #mod_lifeline .pop-msg-2 .rc_ft {background:transparent;}
#mod_lifeline .pop-msg .rc_ft div , #mod_lifeline .pop-msg-2 .rc_ft div {background:transparent;}
#mod_lifeline .pop-msg .rc div , #mod_lifeline .pop-msg-2 .rc div {background:transparent;}
#mod_lifeline .pop-msg .rc , #mod_lifeline .pop-msg-2 .rc {background:transparent;}
#mod_lifeline .pop-msg .rc_bd div.rc_bc, #mod_lifeline .pop-msg-2 .rc_bd div.rc_bc {background:transparent;}
#mod_lifeline .pop-msg .rc_bd , #mod_lifeline .pop-msg-2 .rc_bd {background:transparent;}
#mod_lifeline .pop-msg .rc_bc .bd , #mod_lifeline .pop-msg-2 .rc_bc .bd{font-weight:bold;font-style:italic;background:transparent url(http://files.myopera.com/c4-classical/Blast/7.png) right repeat-y;}
.cmt-mod-alist #comments-listing .extend-bd .alist-comment {background:transparent;}
.mod-alist-full .alist-comment ul
{background:transparent;}
div.comment-ctnr{color:#ffffff;}
div.content{color:#ffffff;}

Re: Hướng dẫn tạo blog Yahoo 360 Plus! 8/5/2009, 16:19 by Admin

____________________________

Đổi hình icon cho mục thư mục bài viết:

Code:: #folder .bd ul li {background:transparent url(http://i295.photobucket.com/albums/mm126/smty81/20.gif) no-repeat 5px top;}

Tuỳ chọn cho câu Blast (font,in đậm,in nghiêng,màu,size,va` nhấp nháy)

Code:: #blast .rc_bc .bd{font-weight:bold;font-style:italic;color:#F34809;font-size:16px;text-decoration:blink;}

Đổi icon cho mục thư mục bài viết:

Code:: #folder .bd ul li {background:transparent url(http://i295.photobucket.com/albums/mm126/smty81/20.gif) no-repeat 5px top;}

Tuỳ chọn cho câu Blast:

Code:: #blast .rc_bc .bd{font-weight:bold;font-style:italic;color:#F34809;font-size:16px;text-decoration:blink;}

Tạo hiệu ứng khi gê chuột vào các links:

Code:: a:hover
{text-decoration:none;color:#D570EE;text-decoration:none;font-weight:bold;background-image:url(http://i295.photobucket.com/albums/mm126/smty81/804832d8f704vlk6.gif);}

Đổi núc trang chủ :

Code:: div.backhomtbtn a.backtomyblog {background:url( http://i295.photobucket.com/albums/mm126/smty81/bwh.jpg) no-repeat;}

Đổi hình icon cho mục bài viết mới:

Code:: #article_new .bd ul li {background:transparent url(http://i295.photobucket.com/albums/mm126/smty81/14.gif) no-repeat 5px top;}

Đổi hình icon cho mục có trả lời mới:

Code:: #comment_new .bd ul li {background:transparent url(http://i295.photobucket.com/albums/mm126/smty81/88.png) no-repeat left top;}

Button Homepage cho Yahoo Plus

Code:: div.backhomtbtn a.backtomyblog {background:url( Thay Link Ảnh Homepage của bạn vào nhé ) no-repeat;}

Hướng dẫn tạo blog Yahoo 360 Plus!

Hướng dẫn tạo blog Yahoo 360 Plus! >> Comments

Hướng dẫn tạo blog Yahoo 360 Plus!