Tài liệu Cách làm nền cho blog 360 plus ( hot ) pdf

Bài vi tế Tìm bài vi t: ế Trích d n ẫ Báo cáo Cách làm n n cho blog 360 plus ( hot ) (ch nh s a)ề ỉ ử Th m c: ư ụ Chung | Đăng ngày: 18:40 03-11-2008 D o qua m y blog thì th y các b n đ u có nh ng cái n n r t đ p,ạ ấ ấ ạ ề ữ ề ấ ẹ nh ng đôi b n m i vô thì ch a bi t đ c nên tui post bài này h ng d nư ạ ớ ư ế ượ ướ ẫ cách làm Theme cho 360 Plus này : Đ u tiên b n vô ph n " thi t k "----> "theme"--->"nh p hình n n thi t l p"ầ ạ ầ ế ế ậ ề ế ậ : hình minh h aọ N n c a 360 Plus có s n cũng đã r t nhi u. b n có th ch n nh ngề ủ ẵ ấ ề ạ ể ọ ữ hình n n có s n.ề ẵ Ho c n u ch aặ ế ư ngư ý v i nh ng n n có s n thì b n cũng c ch n t mớ ữ ề ẵ ạ ứ ọ ạ m t cái n n có s nộ ề ữ đó sau đó b n nh n " Ti p" .ạ ấ ế Sau khi vào ch đ t ch nh s a các b n s th y m t b ng nh sau:ế ộ ự ỉ ử ạ ẽ ấ ộ ả ư Trong đó : link màu:là màu link liên k t trong blog b nế ạ màu n nề :màu c a toàn b n n blog (màu này s n m sau hình n n n uủ ộ ề ẽ ằ ề ế không ch n hình n n )ọ ề màu chữ :màu ch m c đ nh trong blogữ ặ ị ch màuữ :màu c a các module trong blogủ Còn nhẢ n nề b n xóaạ đ ng linkườ trong đó đi ( n u nh b n không thichế ư ạ n nề đó) sau đó b n choạ đ ngườ linh hình n n c a b n vô( nhề ủ ạ ớ đó là đ ngườ link chứ không l yấ đ cượ hình từ PC c a mình)ủ Cách này là hình n n tràn toàn trang nh ngề ư không đc dài vì bài vi t c aế ủ mình nhi u mà hình n n có gi i h n cho nên nó ch gi nguyênề ề ớ ạ ỉ ữ như th ,khi mình kéo trang blog c a mình xu ng thì nó cũng ch y theo.ế ủ ố ạ Còn các b n cũng có th làm đ c nh trong blog 360 t c là chia raạ ể ượ ư ứ thành top và bottom : cũng trang đó b n kéo xu ng ph n CSS và đ aở ạ ố ầ ư đo n mã này vô :ạ #blast A, #blast A:hover{ COLOR: #; } body{ background:/*Màu background*/;} #doc2, #doc{ background:/*Màu background*/ url(link file nh c a top theme ) no-repeatả ủ center top;} #bd{ background:transparent url(link file nh c a bottom theme ) no-repeatả ủ center bottom;} V i cách này b n nên ch n ph n ớ ạ ọ ầ nh n nẢ ề có mày trùng v i màuớ theme b n v a ch n. Ho c đ n gi n h n b n không cho gì vô ph n đóạ ừ ọ ặ ơ ả ơ ạ ầ n a mà ch ch n ph n ữ ỉ ọ ầ Màu n nề trùng v i màuớ theme là đc Hôm nay tôi xin cung c p thêm đo n mã đ s d ng theme mà hìnhấ ạ ể ử ụ n n không thay đ i khi qu n trang:ề ổ ậ BODY.blog_my {BACKGROUND:url(http://XXXX.jpg) #000000 fixed;} thay link hình vô (http://XXXX.jpg) N u nh b n mu n n n ph n bài vi t và các mô đun trong su t thìế ư ạ ố ề ầ ế ố các dòng th 2 và th 4 trong các mô đun chính và mô đun ph đ tr ng làứ ứ ụ ể ắ đc. Ch nh s a :ỉ ử Tr c đây đúng là ch c n xoá 2 dòng nh trên là blog trong su t hoànướ ỉ ầ ư ố toàn. Nh ng hi n nay khôg th dùng cách này đc n a cho nên mình xinư ệ ể ữ ch nh s a cách làm m i nh sau :ỉ ủ ớ ư 1. Black Box trên cùng c a Blog :ủ Tuy là ph n này không c n thi t l m, nh ng ai thích làm trong su t cái nàyầ ầ ế ắ ư ố thì dùng Code này nhé : Code: #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} 2. Module Bài Vi t : ế V n đ này tuy không m i nh ng cũng có khá nhi u b n th c m c, sauấ ề ớ ư ề ạ ắ ắ đây là cách làm : Đ u tiên b n Click ầ ạ Thi t Kế ế ~> Sau đó kéo chu t xu ng ộ ố Module đó nhe :ở Ch 1 lát, m t c a s tùy ch nh hi n ra, b n kéo chu t xu ng ph nờ ộ ử ổ ỉ ệ ạ ộ ố ầ màu n n, và xóa dòng đó đi và click Xong : ề Th là xong, ế Module Bài Vi tế c a b n đã trong su t hoàn toàn r i đ y.ủ ạ ố ồ ấ 3. N n Module :ề Dùng Code sau đ làm trong su t n n các Module : ể ố ề a- N n Tiêu Đ 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;} .row-920 .rc_bd .rc_bc .hd .titlebar .hd,.row-920 .rc_bd .rc_bc .hd .titlebar{background:transparent;} b- N n Module : ề Code: .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;} N u mu n ch làm trong su t m t s Module nào đó, b n tham kh o thêmế ố ỉ ố ộ ố ạ ả Bài Vi t Nàyế nhé ! 4 - Đ ng Vi n ( Boder ) c a Blog :ườ ề ủ a - Toàn b Module :ộ Đây là code dành cho nh ng b n mu n làm trong su t ( làm m t ) cácữ ạ ố ố ấ đ ng vi n c a Blog:ườ ề ủ Code : #friend-list .rc div, #friendlist_module .rc div, .rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent} #friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod- tagged-frd-article .rc {background:transparent} #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 } #friend-list .rc_bd, #friendlist_module .rc_bd, .rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent} #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 } #friend-list .rc_ft, #friendlist_module .rc_ft, .rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent} b - Module t t o :ự ạ N u ch mu n làm m t Border c a Module t t o thì các b n dùng Codeế ỉ ố ấ ủ ự ạ ạ này nhé : Code: #user_mod_1000X .rc div, #user_mod_1000X .rc, #user_mod_1000X .rc_bd, #user_mod_1000X .rc_bd div.rc_bc, #user_mod_1000X .rc_ft, #user_mod_1000X .rc_ft div{background:transparent;color:none;} Thay X b ng ằ s th t Mod.ố ứ ự Ví dụ Mod 1 thì thay thành #user_mod_10001 5 - Blast : N u mu n làm m t hoàn toàn n n c a Blast b n dùng Code sau :ế ố ấ ề ủ ạ Code: #blast .rc div {background:transparent;} #blast .rc {background:transparent;} #blast .rc_bd div.rc_bc {background:transparent ;} #blast .rc_bd {background:transparent ;} #blast .rc_ft {background:transparent ;} #blast .rc_ft div {background:transparent ;} #blast .rc_bc .bd{background-color:transparent} Note : N u g p ph i v n đ màu ch khó nhìn khi làm trong su t Blast,ế ặ ả ấ ề ữ ố b n có th xem thêmạ ể Bài Này đ thay đ i màu ch cho Blast nhé !ể ổ ữ 6 - N n Comment ( ho c là khung Bình Lu n ) c a Bài Vi t : ề ặ ậ ủ ế Mu n làm trong su t tòan b n n comment c a Entry, các b n có thố ố ộ ề ủ ạ ể dùng Code sau, paste vào CSS nhe : Code .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;} 7 - T ng s Trang :ổ ố Ai mu n làm trong su t c ph n này thì dùng ố ố ả ầ Code : Code: .mod-alist-summary .pagination, .mod-alist-full .pagination{background:transparent} 8 - Module Tâm Tr ng :ạ Vì đây là m t Module đ c bi t, nên code dùng làm trong su t nó cũng khácộ ặ ệ ố m t chút :ộ Code: #mod_lifeline div.bd, #mod_lifeline div.rc_bc {background:transparent! important;} 9 - Ph n Xem Thêm Module Hình nhầ Ả Mu n làm trong su t ph n này thì dùng ố ố ầ Code sau nhé : Code: #photo_highlight .ft {background:transparent} 10 - Module Tên blog : Code làm trong su tố Mod tên blog cho nh ng ai có yêu c u nhé !ữ ầ Code: #blog_title .rc_bd .rc_bc .bd ,#blog_title .bd{background:transparent;} 11 - Làm trong su t Hình nh Trong Blog ( Gallery ) :ố Ả Code này có lâu, nh ng ít ng i bi t, mình cũng quên b vào đây, hômư ườ ế ỏ nay có b n nh c m i nh ^^ạ ắ ớ ớ Code: #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*/ể ị ố #photo_highlight .ft .more {background:transparent ;} #photo_highlight .ft .more a {font-size:110%;font-style:italic;font- weight:bold;color:#ffffff;} 12 - Trong su t Profile Infoố : Code: #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;} Phèw, bi nhiêu đó là h t Blog ch a nh ? N u còn ph n nào các b nế ư ỉ ế ầ ạ commt ti p nhá !ế (B n quy n Bài Vi t thu c v ả ề ế ộ ề W.Dephia's Blog - dephia.tk, vui lòng ghi rõ n u s d ng l i nhéế ử ụ ạ Thôi vi t t i đây m i tay rùi. Hôm khác l i post lênế ớ ỏ ạ các m o khác màẹ tui " tìm hi u đc". Chúc 3` con vui v và h nh phúc ể ẻ ạ Đầu tiên các bạn phải có một bài nhạc từ http://www.nhaccuatui.com/ Sau khi chọn bài xong các bạn lấy cái dòng Flast mà mình đã khoanh : [...]... url(http://nktpro.com/36 0plus/ rc_sw.png) norepeat left top;} rc_bc bd, #subscribe_highlight rc_bc bd, #mod-tagged-frd-article rc_bc bd {background-color:transparent;backgroundimage:url(http://nktpro.com/36 0plus/ transparent_bg.png);} #blast rc_ft {background:transparent url(http://nktpro.com/36 0plus/ blastsw.png) no-repeat left bottom;} #blast rc_ft div {background:transparent url(http://nktpro.com/36 0plus/ blast-se.png)... qá =)) tớ chỉ biết làm mấy cái đơn giản nkư thế này thôi Cm nhiệt nké :)) BODY .blog_ my {BACKGROUND:url(http://img.tamtay.vn/files/photo2/2009/9/19/1/526783/4 ab3d509_3e2dc134_100_5175_resize.jpg) #000000 fixed;} #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... div.rc_bc{background:transparent url(http://nktpro.com/36 0plus/ rc_e.png) repeat-y right top;} rc_bd, #subscribe_highlight rc_bd, #mod-tagged-frd-article rc_bd {background:transparent url(http://nktpro.com/36 0plus/ rc_w.png) repeat-y 0% 50%;} rc_ft div, #subscribe_highlight rc_ft div, #mod-tagged-frd-article rc_ft div {background:transparent url(http://nktpro.com/36 0plus/ rc_se.png) no-repeat right top;} rc_ft,... k cần sử dụng lệnh này 4.Ảnh nền của trang Profiles BODY.profile_view {BACKGROUND:url (http://www.xxxxx.jpg) #000000 fixed;} 5.Ảnh nền trong mỗi entry mod-alist-full.mail-bd{background:#FFFFFF url(http://www.xxxxx.jpg)} 6.Ảnh nền tiêu đề mỗi entry mod-alist-full.mail-hd{background:#FFFFFF url(http:xxx.jpg)} 7.Số ng` ol trên blog bạn vào useronline.com đăng kí links của blog bạn rồi copy html của nó... yên như của mình thì paste cái nè vào ô CSS : BODY .blog_ my {BACKGROUND:url(http://XXXX.jpg) #000000 fixed;} chỗ http: các bạn điền link ảnh mình muốn làm theme có tkể là ảnh động hoặc ảnh tĩnh vì ở plus cho phép themes là ảnh động, cái đó tùy mỗi ng` 3.Ảnh nền bảng tin nhắn BODY.guestbook {BACKGROUND:url(http://XXXX.jpg) #000000 fixed;} Nếu muốn ảnh nền của bảng là 1 ảnh nào đó thì paste link ảnk vào... font-weight:bold;backgroundimage:urlhttp://www.matcuoi.com/smilies/4yoyo39.gif);} paste vào ô CSS nhé[ 12.Code làm trong suốt tất cả đường viền của module và blast .rc div, #subscribe_highlight rc div, #mod-tagged-frd-article rc div{background:transparent url(http://nktpro.com/36 0plus/ rc_ne.png) norepeat right bottom;} rc, #subscribe_highlight rc, #mod-tagged-frd-article rc {background:transparent url(http://nktpro.com/36 0plus/ rc_nw.png) norepeat left bottom;} rc_bd div.rc_bc,... " xxx " là tùy chọn cho con trỏ chuột body là lệnh trên toàn blog , còn a:hover là khi di chuột vào link liên kết Nói chung cái đó k cần thiết phải chỉnh Chỉ có 1 vài bạn thích cá tính riêng của mình thì nên để ý cái sau : body{cursor:url(xxx)} a:hover {cursor:url(xxx)} thay xxx bằng link của 1 hình ảnh động cỡ nhỏ , hoặc 1 icons xinh đẹp 2.Ảnh nền theme của blog: Để ảnh tràn blog , khi di chuột mà... #mod_lifeline div.rc_bc {background:transparent! important;} #photo_highlight ft {background:transparent} #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... đổi chiều dài và rộng cho phù hợp Nếu để như ban đầu thì k vừa với vị trí 2 bên Thông số dài rộng bên trên là của List nhạc dọc mình làm với plus của mình Các bạn có tkể thay đổi theo ý thích Và nhớ là thay đổi link của riêng bản thân nhé :"> , link đó là của mình :P 14 .Làm ảnh động trên nền theme Các bạn có thể thấy ở blog mình là sao băng rơi trên nền theme đen Các bạn muốn làm thì paste dãy code... url(http://i220.photobucket.com/albums/dd218/giang127/startrans.gif) center bottom;} #bd{background:transparent url(http://i220.photobucket.com/albums/dd218/ giang127/startrans.gif) center bottom;} chỗ http:// là link ảnh động nhé Chú ý : Nên nhớ phải là ảnh động trong suốt >"< Mình chỉ viết 1 vài cái cơ bản dễ dàng Một số còn lại các bạn có thể pm mình hoặc tự mày mò Nhớ là đừg hỏi cái gì khó qá =)) . Trích d n ẫ Báo cáo Cách làm n n cho blog 360 plus ( hot ) (ch nh s a)ề ỉ ử Th m c: ư ụ Chung | Đăng ngày: 18:40 03-11-2008 D o qua m y blog thì th y các. {background-color:transparent;background- image:url(http://nktpro.com/36 0plus/ transparent_bg.png);} #blast .rc_ft {background:transparent url(http://nktpro.com/36 0plus/ blast- sw.png) no-repeat