Yahoo Plus CSS Work Shop

CSS WORK SHOP Phn I: Trong sut ton tp

1.Phn Hearder (top) 1.1 Code transparent
#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{background:transparent;} #blog_masshead .bd{background:transparent;} #blog_masshead{background:transparent}

1.2 Code trang tr V d:

#blog_masshead .bd form .btn{height:25px;background:url(http://img362.imageshack.us/img362/3119/timyz8.jpg) norepeat 0 0;cursor:pointer;} #blog_masshead .rc, #blog_masshead .rc div, #blog_masshead .rc_bd, #blog_masshead .rc_bc, #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 {backgroundimage:url(http://img245.imageshack.us/img245/7409/mlbsk9.png);} #blog_masshead .menu .rc_w, #blog_masshead .menu .rc_e, #blog_masshead .menu.ml a {backgroundimage:url(http://img355.imageshack.us/img355/5724/nocnha2zr3.png);} #blog_masshead{font-size:12px;color:#AD8F77;background:transparent url(http://img246.imageshack.us/img246/2296/nocnha1xn6.jpg) repeat-x 0 5px;height:72px;} #blog_masshead a{color:#AD8F77;}

2.Module (150-600-920) 2.1 Code transparent

.col-150 .rc_bd .rc_bc .bd {background:transparent;} .col-600 .rc_bd .rc_bc .bd {background:transparent;} .row-920 .rc_bd .rc_bc .bd {background:transparent;}

2.2 Thay nn Module

.col-150 .rc_bd .rc_bc .bd {background:transparent url(Link nh nn);} .col-600 .rc_bd .rc_bc .bd {background:transparent url(Link nh nn);} #user_mod_100X .rc_bd .rc_bc .bd {background:transparent;}

co0l.l0vesBlog www.sharevn.so1.in

Yahoo Plus CSS Work Shop

(X t 01-10)

-Nn ring theo tng Module a-Module New Comment : Code: #comment_new .rc_bd .rc_bc .bd {background:transparent url(Link nh);} b-Module Bi Mi : Code: #article_new .rc_bd .rc_bc .bd {background:transparent url(Link nh);} c-Module Profile ( Nick Name) : Code: #profile_highlight .rc_bd .rc_bc .bd {background:transparent url(Link nh);} d-Module Search (Tm Kim) : Code: #search_module .rc_bd .rc_bc .bd {background:transparent url(Link nh);} e- Module Th Mc : Code: #folder .rc_bd .rc_bc .bd {background:transparent url(Link nh);} f-Module Cp Nht Ngy ( Update) : Code: #update_date .rc_bd .rc_bc .bd {background:transparent url(Link nh);} g-Module Lch: Code: #calendar .rc_bd .rc_bc .bd {background:transparent url(Link nh);} h-Module Thng K : Code: #statistic .rc_bd .rc_bc .bd {background:transparent url(Link nh);} i-Module danh sch #friendlist_module .rc_bd .rc_bc .bd {background:transparent url(Link nh Nn);} Lu : Cc Module khc lm tng t co0l.l0vesBlog www.sharevn.so1.in

Yahoo Plus CSS Work Shop #Tn_Module.rc_bd.rc_bc.bd{background:transparent url (Link nh nn); } -Cch thit k Module: http://vn.myblog.yahoo.com/sim-plex/article?mid=446\

3.Tiu Module 3.1 Code transparent

.col-150 .rc_bd .rc_bc .hd .titlebar .hd,.col-150 .rc_bd .rc_bc .hd .titlebar{background:transparent;} .col-600 .rc_bd .rc_bc .hd .titlebar .hd,.col-600 .rc_bd .rc_bc .hd .titlebar{background:transparent;} .row-920 .rc_bd .rc_bc .hd .titlebar .hd,.row-920 .rc_bd .rc_bc .hd .titlebar{background:transparent;}

3.2 Thay nn cho titlebar

.col-150 .rc_bd .rc_bc .hd .titlebar .hd, .col-150 .rc_bd .rc_bc .hd .titlebar {background:transparent url(Link nh tiu );} .col-600 .rc_bd .rc_bc .hd .titlebar .hd, .col-600 .rc_bd .rc_bc .hd .titlebar{background:transparent url(Link nh tiu );} #user_mod_100X .rc_bd .rc_bc .hd .titlebar .hd, #user_mod_100X .rc_bd .rc_bc .hd .titlebar{background:transparent;} -Theo tn tng module: V d: #friendlist_module .rc_bd .rc_bc .hd .titlebar .hd{background:transparent url(Link nh Nn);}

4.Border (ng vin Module) 4.1 Code Transparent

#friend-list .rc div, #friendlist_module .rc div, .rc div, .col-150 .rc div {background:transparent ;} #friend-list .rc, #friendlist_module .rc, .rc, .col-150 .rc {background:transparent ;} #friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc, .col-150 .rc_bd {background:transparent ;} #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, .col-150 .rc_bd div.rc_bc {background:transparent ;} #friend-list .rc_ft div, #friendlist_module .rc_ft div, .rc_ft div, .col-150 .rc_ft div {background:transparent ;} #friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, .col-150 .rc_ft {background:transparent ;}

co0l.l0vesBlog www.sharevn.so1.in

Yahoo Plus CSS Work Shop

Module t to
#user_mod_100X .rc div, #user_mod_100X .rc, #user_mod_100X .rc_bd, #user_mod_100X .rc_bd div.rc_bc, #user_mod_100X .rc_ft, #user_mod_100X .rc_ft div{background:transparent;color:none;}

Thay X bng s th t Mod t 01-10 V d : Mod 1 tr thnh #user_mod_10001

4.2 Hng dn
http://vn.myblog.yahoo.com/cyvp_perfectlad200304/article?mid=2767 http://vn.myblog.yahoo.com/w-dephia/article?mid=1529

4.3 Temp V d:
#friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #modtagged-frd-article .rc div {background:transparent url(http://i286.photobucket.com/albums/ll107/wdephia/Blog/Post/shareborder/8.gif) repeat-x right bottom;} #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(http://i286.photobucket.com/albums/ll107/wdephia/Blog/Post/shareborder/8.gif) no-repeat left bottom;} #friend-list .rc_bd div.rc_bc, #friendlist_module .rc_bd div.rc_bc, .rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc {background:transparent url(http://i286.photobucket.com/albums/ll107/wdephia/Blog/Post/shareborder/8.gif) repeat-y right top;}/*Bn quyn thuc v W.Dephia'sBlog*/ #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-taggedfrd-article .rc_bd {background:transparent url(http://i286.photobucket.com/albums/ll107/wdephia/Blog/Post/shareborder/8.gif) repeat-y ;} #friend-list .rc_ft div, #friendlist_module .rc_ft div, .rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent url(http://i286.photobucket.com/albums/ll107/wdephia/Blog/Post/shareborder/8.gif) repeat-x right top;} #friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frdarticle .rc_ft {background:transparent url(http://i286.photobucket.com/albums/ll107/wdephia/Blog/Post/shareborder/8.gif) no-repeat left top;}

5.Blast 5.1 Code Transparent

#blast .rc_bc .bd{background:transparent;} #blast .rc_ft, #blast .rc_ft div{background:transparent no-repeat left top;} #blast .rc div {background:transparent ;} #blast .rc {background:transparent ;} #blast .rc_bd div.rc_bc {background:transparent ;}

co0l.l0vesBlog www.sharevn.so1.in

Yahoo Plus CSS Work Shop

#blast .rc_bd {background:transparent ;} #blast .rc_ft {background:transparent ;} #blast .rc_ft div {background:transparent ;}

5.2 Hng dn
-Thay nn Blast
#blast .rc_bc .bd{background-color:transparent;background-image:url(Link nh);}

-V d:
#blast .rc_bc .bd{background-color:transparent;backgroundimage:url(http://i514.photobucket.com/albums/t342/wdephia1/Post/nenblast/2.png);} -Xem mt s mu: http://vn.myblog.yahoo.com/w-dephia/article?mid=4442 -Thay i mu ch, font ch, kch thc cho ch v Link ca Blast : a - i vi Blast khng km Link : Code : #blast .rc_bc .bd{font-weight:bold;font-style:italic;color:#0099FF;font-size:16px;textdecoration:blink} b- i vi Blast C Km Link : Cc bn nn copy c 2 an Code dnh cho ch v link Code : #blast .rc_bc .bd a{font-weight:bold;font-style:italic;color:#0099FF;font-size:16px;textdecoration:blink} Cc ty chn : * font-weight:bold : ch in m. * font-style:italic : Ch in nghing. * color:#0099FF : M mu xanh dng, cc bn c th thay m mu khc nu mun ! * font-size:16px : Kch Thc Ch. C th thay thnh 13, 14 hay 17, 18 px ty . * text-decoration:blink : Ch nhp nhy M mu: http://www.echip.com.vn/echiproot/javascript/ColorCheck.html

5.3 Xo Module Blast

#blast{height:0px;font-size:0px;} #blast .bd {height:0px;font-size:0px;color:#FFFFFF;} #blast .rc div {background:transparent;} #blast .rc {background:transparent;} #blast .rc_bd div.rc_bc {background:transparent;}

co0l.l0vesBlog www.sharevn.so1.in

Yahoo Plus CSS Work Shop

#blast .rc_bd {background:transparent;} #blast .rc_ft {background:transparent;} #blast .rc_ft div {background:transparent;} #blast .rc_bc .bd{background:transparent;}

6.Allbum,List,Enlarger
#gallery_list .bd {background:none;} #photo_enlarge .bd, #photo_enlarge .ft {background:none;} #photo_enlarge .ft #post_rte_create, #photo_comment .bd {background:none;} #photo_enlarge .c_photo_enlarge .ft {background:none;} #photo_enlarge .bd .c_photo_enlarge .bd {background:none;} #gallery_list .ft .pagination .pagination {background:none;} #gallery_list .ft .pagination {background:transparent url(Link nh) repeat left top;}/*Thanh hin th s trang*/ #photo_highlight .ft .more {background:transparent ;} #photo_highlight .ft .more a {font-size:110%;font-style:italic;font-weight:bold;color:#ffffff;}

7.Module tm trng 7.1 Trong sut

#mod_lifeline div.bd, #mod_lifeline div.rc_bc {background:transparent!important;}

8.Module Comments trong entry 8.1 Trong sut

.cmt-mod-alist #comments-listing .extend-hd, .cmt-mod-alist #comments-listing .extend-bd .alist-comment {background:none;} .alist-comment #comment_container *, .cmt-mod-alist #comments-listing , .cmt-mod-alist #comments-listing .alist-comment {background:none;} 8.2 Trang tr .mod-alist-full .alist-comment li {background:#ffffff url(Link nh) no-repeat top left; bordertop:2px inset #ffffff; border-left:2px inset #ffffff; border-right:2px inset #ffffff;} .mod-alistfull .alist-comment .comment-ctnr {background:url(Link nh) repeat-y top right;}

co0l.l0vesBlog www.sharevn.so1.in

Yahoo Plus CSS Work Shop

-Ci link nh u tin l nh bn tri,link nh di cng l nh bn phi. - y c mt vi thuc tnh hin th m cc bn ln ch tu bin cho hp l: repeat: lp li hnh nh no-repeat: khng lp li repeat-y : lp li hnh nh theo chiu thng ng top:hin th trn cng | left: bn tri | right: bn phi | bottom: pha di http://vn.myblog.yahoo.com/cyvp_perfectlad200304/article?mid=4282 http://vn.myblog.yahoo.com/w-dephia/article?mid=5292 -Mu ch,link trong comments

#comment_container * a {color:#ma_mau;} #comment_container * .content {color:#ma_mau;} #comments-listing * ins {color:#ma_mau;}

#ma_mau : l mu link. #ma_mau : l mu ch #ma_mau : l mu ca dng : "cch y... ft"

9.Phn Profile Info

#profile_info , #profile_info .bd #blog_profile .bd, #profile_info .bd #personal_profile .bd, #profile_info .bd #introduction_profile .bd, #profile_info .bd #personal_profile .bd th , #profile_info th {background:none;}

10.Tn Blog
#blog_title .bd{background:transparent}

11.Tng s trang
.mod-alist-summary .pagination, .mod-alist-full .pagination{background:transparent}

12.Hnh nn bng tin nhn co0l.l0vesBlog www.sharevn.so1.in

Yahoo Plus CSS Work Shop

#feature_link_gb .rc_bd .rc_bc .hd .titlebar .hd {background:transparent url(Link);}

Phn II: Theme

1.Mt nh 1.1 Dng c nh Fixed 1.2 Dng lp li Repeat 2.Theme Top-Bottom 3.Mt s thuc tnh
Mu link v mu khi di chut n link: a{color:#6F5F06;} a:hover{color:#FF0000;} .rc, .rc div : dng to ng vin trn nh .rc_bd, .rc_bd .rc_bc : dng to ng vin 2 bn tri phi .rc_ft, .rc_ft div : dng to ng vin di y font-family:PAPYRUS -Phng ch font-size:14px -C ch font-weight:bold -Ch in m font-style:italic -Ch nghing color:#FFHDFS -m mu height:200px -Chiu cao ca modun height:auto -Chiu di t ng border -ng vin, ng bin border-left:5px dotted #fff -ng vin tri 5px dotted, mu #fff text-align:right -Cn ch sang phi no-repeat center top -C ngha l nh c hin th 1 ln (no-reapeat), ko lp li, nh c gia (center) tiu hay nn modun, nh c hin th t trn xung di (top) bottom -nh c hin th t di ln right -Cn phi left -Cn tri repeat -Lp t tri qua phi, t trn xung di no-repeat -Khng lp repeat-x -Lp theo chiu ngang repeat-y -Lp theo chiu hc background:transparent -Dng lm trong sut hon ton background:#FHJDFH -Chn mu vo background:URL(Link nh) -Chn nh vo background:transparent url(link nh) vit gin lc thnh background:URL(Link nh) !important -Khi qui nh thuc tnh no !important, thuc tnh s khng b khi

V d:
body.blog_my_index, body.comment_listing, body.trackback_listing,

co0l.l0vesBlog www.sharevn.so1.in

Yahoo Plus CSS Work Shop

body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:url(http://i537.photobucket.com/albums/ff332/trieu_ho/bg313.jpg)repeat fixed;} BODY.blog_my {BACKGROUND:url(http://i537.photobucket.com/albums/ff332/trieu_ho/bg313.jpg) #000000 fixed;}

Vi du 2:
body.blog_my, body.blog_my_index, body.comment_listing, body.trackback_listing, body.blog_archives_folder, body.blog_archives_date, body.blog_archives_all, body.post_rte, body.post_doodle, body.guestbook, body.comment_list, body.subscribe_list, body.post_gb, body.profile_view, body.gallery, body.photo_big, body.slideshow, body.photo_upload_pc, body.photo_upload_gallery {background:#FFCC00 url(http://files.myopera.com/co0l.l0ve/Plus/cool_theme1.jpg) repeat-y center fixed;} body{background:#5A701D;} #doc2, #doc{background:#FFFFFF url(http://img98.imageshack.us/img98/7121/topffffffnt3wi1.jpg) no-repeat center top;} #bd{background:transparent url(http://img396.imageshack.us/img396/5305/360themesuw6mn6.jpg) no-repeat center bottom;} http://vn.myblog.yahoo.com/cyvp_perfectlad200304/article?mid=4819

Phn III: Other Code

1. nh nn cho mi entry:
.mod-alist-full .main-bd{background:#FFFFFF url(http://xxxx.jpg);}

2. nh nn tiu mi entry
.mod-alist-full.mail-hd{background:#FFFFFF url(http:xxx.jpg)}

co0l.l0vesBlog www.sharevn.so1.in

Yahoo Plus CSS Work Shop

-Vi du: .mod-alist-full .main-hd{background:#FFFFFF url(http://i4.glittergraphics.org/pub/1027/1027794dltvym6kv1.gif) fixed 50% 30%;}

3. nh nn Module bi vit
#article_list_module .bd, .mod-alist-full .main-bd {background:transparent;}

4. Thay Icon tiu cc module

#statistic h2{background:transparent url(Link) no-repeat left;height:18px;} #article_new h2{background:transparent url(Link) no-repeat left top;} #photo_highlight h2{background:transparent url(Link) no-repeat left top;} #folder h2{background:transparent url(Link) no-repeat left;} #rss_output .bd a{height:25px;background:transparent url(Link) no-repeat left;height:20px;text-align:center;} #search_module h2{background:transparent url(Link) no-repeat left top;} #comment_new .titlebar .hd h2 {background:transparent url(Link) no-repeat left bottom;height:40px;} /* Mod tu tao : #user_mod_1000x */

5. Thay Icon trong ni dung Module

-Th mc ring:
#folder .bd ul li {background:transparent url(URL nh) no-repeat left top;}

-Bnh lun mi nht:

#comment_new .bd ul li {background:transparent url(URL nh) no-repeat left top;}

-Bi vit mi nht:

#article_new .bd ul li {background:transparent url(URL nh) no-repeat left top;}

-Blog ti thch
#subscribe_highlight ul.blog-list li .mod-subscription-list {background:transparent url(URL nh) no-repeat left top;} V d : #comment_new .bd ul li {background:transparent url(http://files.myopera.com/co0l.l0ve/Plus/SAOWX3.GIF) no-repeat left top;} #subscribe_highlight ul.blog-list li .mod-subscription-list {background:transparent url(http://files.myopera.com/co0l.l0ve/Ohayqua/RSS.GIF) no-repeat left top;} #folder .bd ul li {background:transparent url(http://files.myopera.com/co0l.l0ve/Plus/nghe_het.gif) no-repeat left top;} #article_new .bd ul li {background:transparent url(http://files.myopera.com/co0l.l0ve/Ohayqua/RSS.GIF) no-repeat left top;}

6. Thay Nt Home Page

div.backhomtbtn a.backtomyblog {background:url( Thay Link nh Homepage ca bn vo nh ) no-repeat;} Vi du:

co0l.l0vesBlog www.sharevn.so1.in

Yahoo Plus CSS Work Shop

div.backhomtbtn a.backtomyblog {background:url(http://files.myopera.com/co0l.l0ve/files/home.gif) no-repeat;height:25px;} http://vn.myblog.yahoo.com/cyvp_perfectlad200304/article?mid=3241

7. Hiu ng ch cho nick name

#profile_highlight .nickname a {color:#0066CC;font-family:Comic Sans MS;fontsize:130%;font-weight:bold;font-style:italic;text-decoration:blink;}

8. B vin mt module
#user_mod_10010 .rc_bd .rc_bc .hd {height:0px;} #user_mod_10010 .rc div, #user_mod_10010 .rc, #user_mod_10010 .rc_bd, #user_mod_10010 .rc_bd div.rc_bc, #user_mod_10010 .rc_ft, #user_mod_10010 .rc_ft div #user_mod_10010 .rc_bd .rc_bc .bd {background:transparent;}

9. Xo v chn footer

-Code xo:
#footer .ft .provider p, #footer .ft .info p, #footer .ft .rights p, #footer .ft .privacy p, #footer .ft .disclaimer p, #footer .ft .provider h4, #footer a, .rights, #footer {font-size:0px;color:transparent;}

-Chn Footer:
#footer{background:transparent url(Link) no-repeat center;border-top:0px;height:A px;} http://vn.myblog.yahoo.com/n2-k/article?mid=1574 -V d: #footer{background:transparent url(http://files.myopera.com/c4-classical/cool/footer.png) norepeat center;border-top:0px;height:192px;} #footer .ft .info a {border-right:none;} #footer .ft .provider p, #footer .ft .info p, #footer .ft .rights p, #footer .ft .privacy p, #footer .ft .disclaimer p, #footer .ft .provider h4, #footer a, .rights, #footer {fontsize:0px;color:transparent;}

10.

Thay i phn tools bar comments

.rte_toolbar { background:#d7d7d7 url(link Hinh) repeat-x top; border-left:1px solid #0448f6; border-top:1px solid #0448f6; border-right:1px solid #0448f6; height:89px;}/*chieu cao cua hinh*/

co0l.l0vesBlog www.sharevn.so1.in

Yahoo Plus CSS Work Shop 11.

Thay i nn cho phn Tag bi vit

.mod-alist-tagsbar {background:url(link hnh) no-repeat center;height:Apx;} http://vn.myblog.yahoo.com/cyvp_perfectlad200304/article?mid=5206

12. 13.

Chnh cao banner

#blog_title{height:220px;}

Code Zoom * 14.Code Local Link * 15. Canh tri ni dung vn bn 16. Thay nn cho bi vit dng HTML 17. Code lm tri tim,ma tuyt xut hin khi di chut vo link
a:hover {text-decoration:none; color:#D570EE; text-decoration:none; font-weight:bold; background-image:url(http://i3.glitter-graphics.org/pub/707/707623ndqm8nohtx.gif);} http://vn.myblog.yahoo.com/cyvp_perfectlad200304/article?mid=239

Thay i Icon Tm trng -Code mu

18.
#mod_lifeline .list td a.blog_emo_25_1{background:url(URL nh tm trang nh) no-repeat 0 0;} #mod_lifeline .list td a.blog_emo_25_2{background:url(URL nh tm trang nh) no-repeat 0 -25px;} #mod_lifeline .list td a.blog_emo_25_3{background:url(URL nh tm trang nh) no-repeat 0 -50px;} #mod_lifeline .list td a.blog_emo_25_4{background:url(URL nh tm trang nh) no-repeat 0 -75px;} #mod_lifeline .list td a.blog_emo_25_5{background:url(URL nh tm trang nh) no-repeat 0 -100px;} #mod_lifeline .list td a.blog_emo_25_6{background:url(URL nh tm trang nh) no-repeat 0 -125px;} #mod_lifeline .list td a.blog_emo_25_7{background:url(URL nh tm trang nh) no-repeat 0 -150px;} #mod_lifeline .list td a.blog_emo_25_8{background:url(URL nh tm trang nh) no-repeat 0 -175px;} #mod_lifeline .list td a.blog_emo_25_9{background:url(URL nh tm trang nh) no-repeat 0 -200px;} #mod_lifeline .list td a.blog_emo_25_10{background:url(URL nh tm trang nh) no-repeat 0 -225px;} #mod_lifeline .list td a.blog_emo_25_11{background:url(URL nh tm trang nh) no-repeat 0 -250px;} #mod_lifeline .list td a.blog_emo_25_12{background:url(URL nh tm trang nh) no-repeat 0 -275px;} #mod_lifeline .list td a.blog_emo_50_1{background:url(URL nh tm trang c to) no-repeat 0

co0l.l0vesBlog www.sharevn.so1.in

Yahoo Plus CSS Work Shop

0;} #mod_lifeline .list td a.blog_emo_50_2{background:url(URL nh tm trang c to) no-repeat 0 -50px;} #mod_lifeline .list td a.blog_emo_50_3{background:url(URL nh tm trang c to) no-repeat 0 -100px;} #mod_lifeline .list td a.blog_emo_50_4{background:url(URL nh tm trang c to) no-repeat 0 -150px;} #mod_lifeline .list td a.blog_emo_50_5{background:url(URL nh tm trang c to) no-repeat 0 -200px;} #mod_lifeline .list td a.blog_emo_50_6{background:url(URL nh tm trang c to) no-repeat 0 -250px;} #mod_lifeline .list td a.blog_emo_50_7{background:url(URL nh tm trang c to) no-repeat 0 -300px;} #mod_lifeline .list td a.blog_emo_50_8{background:url(URL nh tm trang c to) no-repeat 0 -350px;} #mod_lifeline .list td a.blog_emo_50_9{background:url(URL nh tm trang c to) no-repeat 0 -400px;} #mod_lifeline .list td a.blog_emo_50_10{background:url(URL nh tm trang c to) no-repeat 0 -450px;} #mod_lifeline .list td a.blog_emo_50_11{background:url(URL nh tm trang c to) no-repeat 0 -500px;} #mod_lifeline .list td a.blog_emo_50_12{background:url(URL nh tm trang c to) no-repeat 0 -550px;} .mod-alist-full .main-hd h1 em, .mod-alist-titlebar-1 h2 a em, .mod-alist-titlebar h2 a em, .mod-alist-brief table a em, #myblog-article-compose #mood li em{background:transparent url(URL nh tm trang nh) no-repeat;}

http://vn.myblog.yahoo.com/cyvp_perfectlad200304/article?mid=4126

-Cch lm:
1 hnh nh c 25x300 hin th khi tm trang bnh thng. 1 hnh to c 50x600 hin th bi vit quan trng. -Cch thit k: Bn ch cn thit k mt ci nh tm trng hnh to (50x600),gm 12 hnh tm trng khc nhau,mi hnh c 50x50 ri sau gp li thnh mt hnh to di c (50x600) -Sau khi c c nh tm trng hnh to ri,cc bn ch vic resize n nh i mt na c ci hnh nh c (25x300) co0l.l0vesBlog www.sharevn.so1.in

Yahoo Plus CSS Work Shop

-i mu nn: -Mt s mu:

V d: Tm trng ln hng
#mod_lifeline .list td a.blog_emo_25_1{background:url(http://files.myopera.com/co0l.l0ve/Plus/xongnho.jpg) norepeat 0 0;} #mod_lifeline .list td a.blog_emo_25_2{background:url(http://files.myopera.com/co0l.l0ve/Plus/xongnho.jpg) norepeat 0 -25px;} #mod_lifeline .list td a.blog_emo_25_3{background:url(http://files.myopera.com/co0l.l0ve/Plus/xongnho.jpg) norepeat 0 -50px;} #mod_lifeline .list td a.blog_emo_25_4{background:url(http://files.myopera.com/co0l.l0ve/Plus/xongnho.jpg) norepeat 0 -75px;} #mod_lifeline .list td a.blog_emo_25_5{background:url(http://files.myopera.com/co0l.l0ve/Plus/xongnho.jpg) norepeat 0 -100px;} #mod_lifeline .list td a.blog_emo_25_6{background:url(http://files.myopera.com/co0l.l0ve/Plus/xongnho.jpg) norepeat 0 -125px;} #mod_lifeline .list td a.blog_emo_25_7{background:url(http://files.myopera.com/co0l.l0ve/Plus/xongnho.jpg) norepeat 0 -150px;} #mod_lifeline .list td a.blog_emo_25_8{background:url(http://files.myopera.com/co0l.l0ve/Plus/xongnho.jpg) norepeat 0 -175px;} #mod_lifeline .list td a.blog_emo_25_9{background:url(http://files.myopera.com/co0l.l0ve/Plus/xongnho.jpg) norepeat 0 -200px;} #mod_lifeline .list td a.blog_emo_25_10{background:url(http://files.myopera.com/co0l.l0ve/Plus/xongnho.jpg) norepeat 0 -225px;} #mod_lifeline .list td a.blog_emo_25_11{background:url(http://files.myopera.com/co0l.l0ve/Plus/xongnho.jpg) norepeat 0 -250px;}

co0l.l0vesBlog www.sharevn.so1.in

Yahoo Plus CSS Work Shop

#mod_lifeline .list td a.blog_emo_25_12{background:url(http://files.myopera.com/co0l.l0ve/Plus/xongnho.jpg) norepeat 0 -275px;} #mod_lifeline .list td a.blog_emo_50_1{background:url(http://files.myopera.com/co0l.l0ve/Plus/xongto.jpg) no-repeat 0 0;} #mod_lifeline .list td a.blog_emo_50_2{background:url(http://files.myopera.com/co0l.l0ve/Plus/xongto.jpg) no-repeat 0 -50px;} #mod_lifeline .list td a.blog_emo_50_3{background:url(http://files.myopera.com/co0l.l0ve/Plus/xongto.jpg) no-repeat 0 -100px;} #mod_lifeline .list td a.blog_emo_50_4{background:url(http://files.myopera.com/co0l.l0ve/Plus/xongto.jpg) no-repeat 0 -150px;} #mod_lifeline .list td a.blog_emo_50_5{background:url(http://files.myopera.com/co0l.l0ve/Plus/xongto.jpg) no-repeat 0 -200px;} #mod_lifeline .list td a.blog_emo_50_6{background:url(http://files.myopera.com/co0l.l0ve/Plus/xongto.jpg) no-repeat 0 -250px;} #mod_lifeline .list td a.blog_emo_50_7{background:url(http://files.myopera.com/co0l.l0ve/Plus/xongto.jpg) no-repeat 0 -300px;} #mod_lifeline .list td a.blog_emo_50_8{background:url(http://files.myopera.com/co0l.l0ve/Plus/xongto.jpg) no-repeat 0 -350px;} #mod_lifeline .list td a.blog_emo_50_9{background:url(http://files.myopera.com/co0l.l0ve/Plus/xongto.jpg) no-repeat 0 -400px;} #mod_lifeline .list td a.blog_emo_50_10{background:url(http://files.myopera.com/co0l.l0ve/Plus/xongto.jpg) norepeat 0 -450px;} #mod_lifeline .list td a.blog_emo_50_11{background:url(http://files.myopera.com/co0l.l0ve/Plus/xongto.jpg) norepeat 0 -500px;}

co0l.l0vesBlog www.sharevn.so1.in

Yahoo Plus CSS Work Shop

#mod_lifeline .list td a.blog_emo_50_12{background:url(http://files.myopera.com/co0l.l0ve/Plus/xongto.jpg) norepeat 0 -550px;}

.mod-alist-full .main-hd h1 em, .mod-alist-titlebar-1 h2 a em, .mod-alist-titlebar h2 a em, .modalist-brief table a em, #myblog-article-compose #mood li em{background:transparent url(http://files.myopera.com/co0l.l0ve/Plus/xongnho.jpg) no-repeat;}

14.Hiu ng nhp nhy

http://vn.myblog.yahoo.com/w-dephia/article?mid=2891

15.Lm bin mt tn Module

#Tn Module h2{color:transparent} V d: #profile_hightlight h2{color:transparent} C tc dng n cc text tiu .Bi en vn nhn thy. - trit dng code sau: #comment_new h2 , #article_new h2 , #profile_highlight h2, #search_module h2, #update_date h2, #calendar h2, #statistic h2, #friendlist_module h2 , #feature_link h2, #rss_output h2 , #mod-tagged-frd-article h2, article_list_module h2{color:transparent;font-size:0px;} #photo_highlight .titlebar .hd h2, #mod_lifeline .titlebar .hd h2, #subscribe_highlight .titlebar .hd h2 , .mod-more-blogs .titlebar .hd h2, #gb_msg .titlebar .hd h2, #user_mod_10006 .hd h2 , #user_mod_10010 .hd h2, #user_mod_10009 .hd h2, .mod-relatives-1 .hd h2 , .mod-relatives-2 .hd h2 {color:transparent;font-size:0px;} #folder .hd h2{color:transparent;font-size:0px;} #comment_new .titlebar .hd h2 , #mod-tagged-frd-article .titlebar .hd h2, #rss_output .titlebar .hd h2, #subscribe_highlight .titlebar .hd h2 , .mod-relatives-1 .titlebar .hd h2 , .mod-relatives-2 .titlebar .hd h2 {background:transparent;} .mod-alist-searchbox form strong {font-size:0px;color:transparent;} -Code trn c font ch bng 0px nn bi en cng khng thy 16.Module tn Blog
#blog_title{height:0px;}

Code chnh sa phng v mu ch:

#blog_title .bd h2{ text-align:left;font-size:16px;color:#FFFFFF;} /*Chnh tn blog*/

co0l.l0vesBlog www.sharevn.so1.in

Yahoo Plus CSS Work Shop

#blog_title .rc_bc .bd{text-align:center;font-size:14px;color:#FFFFFF;} /*Chnh ni dung m t blog*/

Code xa ng vin modun tn blog:

#blog_title .rc div, #blog_title .rc, #blog_title .rc_bd, #blog_title .rc_bd div.rc_bc, #blog_title .rc_ft, #blog_title .rc_ft div {background:transparent;}

Phn IV: Name of Modules

1. Tn chung

.col-150 .col-600 .col-920 2. Tn ring #comment_new Comment mi nht #profile_highlight Module Nick Name Avatar #profile_info #profile_card : H s Blog #search_module Module tm kim #folder Module th mc #article_new Bi mi nht #update_date Ngy cp nht #calendar Module Lch #statistic Module Thng k #friendlist_module Module danh sch bn b #rss_output #mod_lifeline Code Tm trng #subscribe_highlight Blog ti thch #user_mod_1000X Module t to (X t 1-10) #blog_title Tn Blog #blast
co0l.l0vesBlog www.sharevn.so1.in

Yahoo Plus CSS Work Shop

#feature_link #galerry_list:Module hinh anh #mod-tagged-frd-article #update_date #mod_lifeline Module tm trng #friendlist_module .mod-relatives : Phn bai vit v ban hoc co tag tn ban .mod-alist-full .main : Module bi vit .rte_toolbar : Phn toolbar,thanh son tho #user_mod_100X: Module t tao ( X t 01-10)

Editing Editor by co0l.l0ve Thanks to W.Dephia,Vunguyen,Noa,SimPlex,nhockhi,Kem,changtraiyeudoi

co0l.l0vesBlog www.sharevn.so1.in