![/*T畉O BACKGROUND*/ Background fixed: BODY.blog_my {BACKGROUND:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link h狸nh n畛n) #000000 fixed;} Top and bottom: body{background:#C6EBEF;} #doc2, #doc{background:#C6EBEF url( http://360themes.com/beta/images/themes/top/e8a36c4f0f16e8f18b5a41ce3dc0b87a.jpg ) no-repeat center top;} #bd{background:transparent url( http://360themes.com/beta/images/themes/bottom/c8b27ce53e2609a5be89610c2165107e.jpg ) no-repeat center bottom;} /*HOME BUTTON*/ div.backhomtbtn a.backtomyblog {background:url( http://vnupload.com/files/210738home_icon_[].png ) no-repeat 40%;height:50px;} T畉o background, t畉o n炭t Home](https://image.slidesharecdn.com/css-workshop-1219677600280938-9/85/Css-7-320.jpg)
More Related Content
Viewers also liked (9)
Similar to Css (20)
Css
- 1. CSS - Cascading Style Sheets
- 2. CSS l vi畉t t畉t c畛a c畛m t畛 Cascading Style Sheets 動畛c hi畛u m畛t c叩ch 董n gi畉n 坦 l c叩ch m ch炭ng ta th棚m c叩c ki畛 u hi畛n th畛 (font ch畛, k鱈ch th動畛c, mu s畉c...) cho m畛t ti li畛u Web . N畉u xem trang Web l m畛t c董 th畛 th狸 HTML l khung x動董ng, c嘆n CSS l da th畛t.
- 3. Vi畉t ngay trong trang HTML, trong v湛ng c畛a th畉 <HEAD>. (c嘆n g畛i l Internal Style Sheets ) Vi畉t ngay trong ph畉n thu畛c t鱈nh c畛a m畛i th畉 m n坦 mu畛n t畉o hi畛u 畛ng. (c嘆n g畛i l Inline Style Sheet ) Vi畉t trong m畛t file ri棚ng bi畛t c坦 ph畉n m畛 r畛ng l .css. (hay c嘆n g畛i l External Style Sheets )
- 4. External Style Sheets <html> <head> </slideshow/css-presentation/568465/link rel="stylesheet" type="text/css" href=" /mystyle.css "medial="all" /> </head> <body> </body> </html>
- 5. 油
- 6. C叩c CSS code c董 b畉n trong Y! 360plus
- 7. /*T畉O BACKGROUND*/ Background fixed: BODY.blog_my {BACKGROUND:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link h狸nh n畛n) #000000 fixed;} Top and bottom: body{background:#C6EBEF;} #doc2, #doc{background:#C6EBEF url( http://360themes.com/beta/images/themes/top/e8a36c4f0f16e8f18b5a41ce3dc0b87a.jpg ) no-repeat center top;} #bd{background:transparent url( http://360themes.com/beta/images/themes/bottom/c8b27ce53e2609a5be89610c2165107e.jpg ) no-repeat center bottom;} /*HOME BUTTON*/ div.backhomtbtn a.backtomyblog {background:url( http://vnupload.com/files/210738home_icon_[].png ) no-repeat 40%;height:50px;} T畉o background, t畉o n炭t Home
- 8. /*TITLE BAR*/ #article_list_module .rc_bd .rc_bc .hd, .hd .titlebar .hd, #friendlist_module .hd, .mod-relatives .titlebar{background:transparent url( http://nktpro.com/360plus/transparent_title.png ) repeat-x left top;} /*BLAST TRONG SU畛T*/ #blast .rc_bc .bd{background-color:transparent;background-image:url( http://nktpro.com/360plus/transparent_bg.png) ;} #blast .rc_ft, #blast .rc_ft div{background:transparent no-repeat left top;} #blast .rc_ft {background:transparent url( http://nktpro.com/360plus/blast-sw.png ) no-repeat left bottom;} #blast .rc_ft div {background:transparent url( http://nktpro.com/360plus/blast-se.png ) no-repeat right bottom;} #blast .rc_bd{background:transparent url( http://i320.photobucket.com/albums/nn350/znyans/Transparent/blast_lside.png ) repeat-y 0% 50%;} #blast .rc_bd div.rc_bc{background:transparent url( http://i320.photobucket.com/albums/nn350/znyans/Transparent/blast_rside.png ) repeat-y right top;} T畉o n炭t Home, thay thanh Title bar, lm Blast trong su畛t
- 9. /*ICON*/ /*Bi m畛i nh畉t*/ #article_new h2{ background:transparent url( http://www.nktpro.com/360plus/ico_star.png ) no-repeat left top;} /*Th動 m畛c ri棚ng*/ #folder h2{ background:transparent url( http://www.nktpro.com/360plus/ico_folder.png ) no-repeat left top;} /*Album*/ #feature_album h2{ background:transparent url( http://www.nktpro.com/360plus/ico_photo.png ) no-repeat left top} /*Comment m畛i nh畉t*/ #comment_new h2{ background:transparent url( http://www.nktpro.com/360plus/ico_pens.png ) no-repeat left top;} /*C畉p nh畉t ngy*/ #update_date h2{ background:transparent url( http://www.nktpro.com/360plus/ico_calendar.png ) no-repeat left top;} T畉o icon
- 10. 畛 t狸m hi畛u k畛 h董n v畛 CSS, c叩c b畉n c坦 th畛 truy c畉p http://forums.360themes.com Chuy棚n m畛c Yahoo! 360plus
- 11. 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 :#ma_mau url(Link Anh Nen ) no-repeat fixed bottom;}
- 12. Repeat : 畉nh s畉 t畛 畛ng l畉p v trn 畛u cho n畛n Blog n畉u k鱈ch c畛 畉nh kh担ng 畛 Bao g畛m 2 thu畛c t鱈nh : Repeat-x : l畉p theo chi畛u ngang Repeat-y : l畉p theo chi畛u d畛c. No-repeat : 畉nh kh担ng l畉p. Fixed : 畉nh 畛ng y棚n khi k辿o thanh cu畛n chu畛t
- 13. body{background:#cc99ff;} /* Mu n畛n c畛a theme, n棚n thay 畛i tr湛ng v畛i mu 畉nh n畛n 畛 tng t鱈nh th畉m m畛 cho theme*/ #doc2, #doc{background:#cc99ff url( Link 畉nh Top ) no-repeat center top ;} /* mau nen cua theme va /slideshow/css-presentation/568465/link hinh top-theme nay thay doi duoc*/ #bd{background:transparent url( Link 畉nh Bottom ) no-repeat center bottom;}
- 14. .col-150 .rc_bd .rc_bc .bd {background: none ;} .col-600 .rc_bd .rc_bc .bd {background: none ;} .col-150 .rc_bd .rc_bc .hd .titlebar .hd,.col-150 .rc_bd .rc_bc .hd .titlebar{background: none ;} .col-600 .rc_bd .rc_bc .hd .titlebar .hd,.col-600 .rc_bd .rc_bc .hd .titlebar{background: none ;}
- 15. N畛n C叩c Module Ch鱈nh v Ph畛 : Code: .col-150 .rc_bd .rc_bc .bd {background:transparent;} .col-600 .rc_bd .rc_bc .bd {background:transparent;} N畛n Ti棚u 畛 c叩c Module : Code: .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;}.col-150 .rc_bd .rc_bc .hd .titlebar .hd, {background:transparent;}
- 16. 畛i v畛i 2 Module ph畛 : B畉n c坦 th畛 th棚m vo sau 畛an transparent b畉ng d嘆ng url(Link 畉nh) v畛i /slideshow/css-presentation/568465/link 畉nh n畛n : .col-150 .rc_bd .rc_bc .bd {background:transparent url(Link 畉nh n畛n) ;} 畛i v畛i Module ch鱈nh : C滴ng th棚m d嘆ng url() : .col-600 .rc_bd .rc_bc .bd {background:transparent url(Link 畉nh n畛n);} N畛n ti棚u 畛 c叩c Module : (col-150 l Module ph畛, col-600 l module ch鱈nh) .col-150 .rc_bd .rc_bc .hd .titlebar .hd,.col-150 .rc_bd .rc_bc .hd .titlebar {background:transparent url(Link 畉nh ti棚u 畛);} .col-600 .rc_bd .rc_bc .hd .titlebar .hd,.col-600 .rc_bd .rc_bc .hd .titlebar{background:transparent url(Link 畉nh ti棚u 畛);}
- 17. 畉nh n畛n trong m畛i Entry: .mod-alist-full .main-bd{background:#FFFFFF url(http://xxxx.jpg);} 畉nh n畛n c畛a ti棚u 畛 m畛i Entry: .mod-alist-full.mail-hd{background:#FFFFFF url(http:xxx.jpg)} Module Bi Vi畉t : #article_list_module .bd, .mod-alist-full .main-bd {background:transparent;}
- 18. Code Chung Cho C叩c Module tr畛 thnh trong su畛t : #friendlist_module .bd,#comment_new .bd,#profile_highlight .bd,#search_module .bd, #folder .bd,#article_new .bd,#update_date .bd,#search .bd,#calendar .bd,#statistic .bd{background:transparent;} C叩ch th棚m n畛n vo Module : C叩c b畉n d湛ng Code nh動 sau ( Thay Link 畉nh vo nh辿 ) #friendlist_module .bd,#comment_new .bd,#profile_highlight .bd,#search_module .bd, #folder .bd,#article_new .bd,#update_date .bd,#search .bd,#calendar .bd,#statistic .bd{background:transparent url(Link 畉nh);}
- 19. C叩ch Thay n畛n cho T畛ng Module : 1> Module New Comment : Code: #comment_new .bd{background:transparent url(Link 畉nh);} 2> Module Bi M畛i : Code: #article_new .bd{background:transparent url(Link 畉nh);} 3> Module Profile ( Nick Name) : Code: #profile_highlight .bd{background:transparent url(Link 畉nh);}
- 20. 4> Module Search (T狸m Ki畉m) : Code: #search_module .bd{background:transparent url(Link 畉nh);} 5> Module Th動 M畛c : Code: #folder .bd{background:transparent url(Link 畉nh);} 6> Module C畉p Nh畉t Ngy ( Update) : Code: #update_date .bd{background:transparent url(Link 畉nh);} 7> Module L畛ch: Code: #calendar .bd{background:transparent url(Link 畉nh);}
- 21. 8> Module Th畛ng K棚 : Code: #statistic .bd{background:transparent url(Link 畉nh);} 9> Module FriendList : Code: #friendlist_module .bd{background:transparent url(Link 畉nh);} 10> ModuleT畛 T畉o : 畛i v畛i Module t畛 t畉o b畉n thay 畛i x b畉ng s畛 th畛 t畛 c畛a Module trong Blog v paste vo CSS nh辿 : Code: #user_mod_1000x .bd{background:transparent url(Link 畉nh);}
- 22. #friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url( Ngang Tren ) repeat-x right bottom;} #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url (Goc tren ben trai ) 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( Doc fai ) repeat-y right top;} #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent url( doc trai ) repeat-y left top;} #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( Ngang Duoi ) repeat right top;} #friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent url( Goc duoi ben trai ) no-repeat left top;}
- 23. /* Border cua Blast trong suot*/ #blast .rc div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcne-blue.png) no-repeat right bottom;} #blast .rc {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcnw-blue.png) no-repeat left bottom;} #blast .rc_bd div.rc_bc {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rce-blue.png) repeat-y right top;} #blast .rc_bd {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcwe-blue.png) repeat-y ;} #blast .rc_ft {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/blastsw-blue.png) no-repeat left bottom;} #blast .rc_ft div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/blastse-blue.png) no-repeat right bottom;} /* Ket Thuc*/
- 24. #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 */
- 25. /*button HP 100x25*/ div.backhomtbtn a.backtomyblog {background:transparent url( Link Button )no-repeat;} Hi畛u 畛ng ch畛 cho t棚n nick name #profile_highlight .nickname a {color:#0066CC;font-family:Comic Sans MS;font-size:130%;font-weight:bold;font-style:italic;text-decoration:b/slideshow/css-presentation/568465/link;}
- 26. Lm trong su畛t module t但m tr畉ng #mod_lifeline div.bd {background:transparent !important;} #mod_lifeline div.rc_bc {background:transparent ) !important;}
- 27. Lm trong su畛t module h狸nh 畉nh blog #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 hi畛n th畛 s畛 trang*/
- 28. Lm trong su畛t module h狸nh 畉nh blog (tt) #photo_highlight .ft .more {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/vnteamplus/titel-vnteam-plus.png) repeat-x right top;} #photo_highlight .ft .more a {font-size:110%;font-style:italic;font-weight:bold;color:#ffffff;}
- 29. Lm trong su畛t ph畉n 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;}
- 30. Thay c叩c icon trong c叩c module #comment_new .bd ul li {background:transparent url(/slideshow/css-presentation/568465/link) no-repeat left top;} #subscribe_highlight .folder li a{background:url(/slideshow/css-presentation/568465/link) no-repeat 4px 0;font-size:13px;} #folder .bd ul li {background:transparent url(/slideshow/css-presentation/568465/link) no-repeat 7px top;} #article_new .bd ul li {background:transparent url(/slideshow/css-presentation/568465/link) no-repeat 7px top;}
- 31. Lm trong su畛t ph畉n comment trong bi vi畉t .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 ;}
- 32. #mod_lifeline .list td a.blog_emo_25_1{background:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 25) no-repeat 0 0;} #mod_lifeline .list td a.blog_emo_25_2{background:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 25) no-repeat 0 -25px;} #mod_lifeline .list td a.blog_emo_25_3{background:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 25) no-repeat 0 -50px;} #mod_lifeline .list td a.blog_emo_25_4{background:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 25) no-repeat 0 -75px;} #mod_lifeline .list td a.blog_emo_25_5{background:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 25) no-repeat 0 -100px;} #mod_lifeline .list td a.blog_emo_25_6{background:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 25) no-repeat 0 -125px;}
- 33. #mod_lifeline .list td a.blog_emo_25_7{background:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 25) no-repeat 0 -150px;} #mod_lifeline .list td a.blog_emo_25_8{background:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 25) no-repeat 0 -175px;} #mod_lifeline .list td a.blog_emo_25_9{background:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 25) no-repeat 0 -200px;} #mod_lifeline .list td a.blog_emo_25_10{background:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 25) no-repeat 0 -225px;} #mod_lifeline .list td a.blog_emo_25_11{background:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 25) no-repeat 0 -250px;} #mod_lifeline .list td a.blog_emo_25_12{background:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 25) no-repeat 0 -275px;}
- 34. #mod_lifeline .list td a.blog_emo_50_1{background:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 50) no-repeat 0 0;} #mod_lifeline .list td a.blog_emo_50_2{background:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 50) no-repeat 0 -50px;} #mod_lifeline .list td a.blog_emo_50_3{background:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 50) no-repeat 0 -100px;} #mod_lifeline .list td a.blog_emo_50_4{background:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 50) no-repeat 0 -150px;} #mod_lifeline .list td a.blog_emo_50_5{background:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 50) no-repeat 0 -200px;} #mod_lifeline .list td a.blog_emo_50_6{background:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 50) no-repeat 0 -250px;}
- 35. #mod_lifeline .list td a.blog_emo_50_7{background:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 50) no-repeat 0 -300;} #mod_lifeline .list td a.blog_emo_50_8{background:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 50) no-repeat 0 -350px;} #mod_lifeline .list td a.blog_emo_50_9{background:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 50) no-repeat 0 -400px;} #mod_lifeline .list td a.blog_emo_50_10{background:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 50) no-repeat 0 -450px;} #mod_lifeline .list td a.blog_emo_50_11{background:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 50) no-repeat 0 -500px;} #mod_lifeline .list td a.blog_emo_50_12{background:url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 50) 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:#ffffff url(/slideshow/css-presentation/568465//slideshow/css-presentation/568465/link icon 25) no-repeat;}
- 36. T畉t c畉 c叩c Code tr狸nh by trong Bi c叩c b畉n c坦 th畛 xem chi ti畉t v l畉y Code t畉i Blog : http://vn.myblog.yahoo.com/w.dephia Or http://vn.myblog.yahoo.com/cyvp_perfectlad200304 Or http://vn.myblog.yahoo.com/vunguyen-blog Bi vi畉t t畛ng h畛p: http://vn.myblog.yahoo.com/w-dephia/article?mid=650