Bài mới nhất

Sửa Đóng
Thư mục: Yahoo Plus |
Đăng ngày: 01:44 24-05-2009

Làm khung nền trong suốt:


Code:

.rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {
    background:transparent url(http://nktpro.com/360plus/rc_ne.png) no-repeat right bottom;
}
.rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {
    background:transparent url(http://nktpro.com/360plus/rc_nw.png) no-repeat left bottom;
}
.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://nktpro.com/360plus/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/360plus/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/360plus/rc_se.png) no-repeat right top;
}
.rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {
    background:transparent url(http://nktpro.com/360plus/rc_sw.png) no-repeat left top;
}
.rc_bc .bd, #subscribe_highlight .rc_bc .bd, #mod-tagged-frd-article .rc_bc .bd {
    background-color:transparent;
    background-image:url(http://nktpro.com/360plus/transparent_bg.png);
}
#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;
}

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

Thay đổi kích thước các module tự tạo:

Code:

#user_mod_1000X .rc_bd .rc_bc .bd {
    height: Ypx;
}

Trong đó:
X là số thứ tự của module (1-10)
Y là chiều dài của module (px)

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

Tạo Nút HomePage :

Code:

div.backhomtbtn a.backtomyblog {
    background: url(đường_dẫn_ảnh) no-repeat;
    height:25px;
}

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

Thay nền module thông tin cá nhân (chứa avatar)

Code:

 
#profile_highlight .bd {
    background:url(đường_dẫn_ảnh);
}

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


Thay nền cho các module lịch

Code:

#calendar .bd {
    background:url(đường_dẫn_ảnh);
}

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

Thay nền phần tiêu đề cho các module

Code:

#article_list_module .rc_bd .rc_bc .hd, .hd .titlebar .hd, #friendlist_module .hd,
.mod-relatives .titlebar, .col-150 .rc_bd .rc_bc .hd .titlebar .hd, .col-150 .rc_bd .rc_bc .hd .titlebar {
    background:transparent url(http://img55.imageshack.us/img55/5072/modulehdxs6.png) repeat;
}

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

Thêm biểu tượng trong phần tiêu đề của các module

Đối với module có sẵn:

Code:

#feature_link_gb h2 {
    background:transparent url(đường_dẫn_ảnh) no-repeat 5px top;
    text-align:right;
}
#statistic h2 {
    background:transparent url(đường_dẫn_ảnh) no-repeat 5px top;
    text-align:center;
}
#article_new h2 {
    background:transparent url(đường_dẫn_ảnh) no-repeat 95px top;
    text-align:left;
}
#photo_highlight h2{
    background:transparent url(đường_dẫn_ảnh) no-repeat 143px top;
}
#folder h2 {
    background:transparent url(đường_dẫn_ảnh) no-repeat 108px top;
text-align:left;
}
#update_date h2 {
    background:transparent url(đường_dẫn_ảnh) no-repeat 105px top;
text-align:left;
}
#search_module h2 {
    background:transparent url(đường_dẫn_ảnh) no-repeat 66px top;
text-align:left;
}
#comment_new .titlebar .hd h2 {
    background:url(đường_dẫn_ảnh) no-repeat left bottom;
    height:40px;
}

Đối với module thêm vào:

Code:

#user_mod_1000X h2 {
    background:transparent url(đường_dẫn_ảnh) no-repeat 123px top;
    text-align:left;
}


X là số thứ tự của module (1-10)
------------------------------------------------------------------------------------------------------------------

Chuyển theme từ 360 sang 360plus (dạng top-bottom)
Code:

 
#blast A, #blast A:hover{
    COLOR: #;
}
body{
background: màu_nền;}
#doc2, #doc{
background: màu_nền url(đường_dẫn_ảnh_trên) no-repeat center top;}
#bd{
background:transparent url(đường_dẫn_ảnh_dưới) no-repeat center


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

Làm ảnh nền cho từng trang (trang chính, thông tin cá nhân, bạn bè..)

Trang chính (mặc định khi vào):

Code:

body.blog_my {
    background:url(đường_dẫn_ảnh);
    background-color:mã_màu _ền;
    background-repeat:no-repeat;
    background-attachment:fixed;
}


Để làm ảnh nền cho các trang khác thì thay blog_my bằng các từ tương ứng:

- body.profile_view: trang thông tin cá nhân
- body.comment_list: trang danh sách bạn bè
- 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.subscribe_list
- body.post_gb
- body.gallery
- body.photo_big
- body.slideshow
- body.photo_upload_pc
- body.photo_upload_gallery

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

Làm ảnh nền tĩnh, không chuyển động khi cuộn trang

Code:

BODY.blog_my {background:url(link hình) #000000 fixed;}

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

Ảnh nền của tiêu đề mỗi Entry:

Code:

.mod-alist-full .main-hd{background:#FFFFFF url(link hình)}

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

Ảnh nền trong mỗi Entry:
Code:

.mod-alist-full .main-bd{background:#FFFFFF url(link hình)}

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

Ảnh nền của trang Profiles
Code:

BODY.profile_view {BACKGROUND:url (link hình) #000000 fixed;}


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

Ảnh nền của phần lịch (cố định kích cỡ):
Code:

#calendar .bd {background:#FFFFFF url(link hình);}

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

Ảnh nền của phần Thư mục (tag) có thể dùng ảnh dài, bởi tag càng nhiều nó sẽ càng dài ra:

Code:

#folder .bd {background:#FFFFFF url(link hình);}

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

Ảnh nền của phần comments (nên dùng ảnh màu thật nhạt, ảnh tĩnh đuôi jpg nếu ko sẽ che hết chữ):
Code:

#comment_new .bd {background:#FFFFFF url(link hình);}

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

Ảnh nền của bộ đếm Statistic (có thể thay bằng ảnh động, bạn nhớ kích thước của ảnh ko nên lớn quá 30 pixels):
Code:

#statistic .bd {background:#FFFFFF url(link hình);}

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

Ảnh nền Bảng tin nhắn:
Code:

BODY.guestbook {BACKGROUND:url(link hình) #000000 fixed;}

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

hay đổi con trỏ trên blog theo ý mình:
Code:

body{cursor: x;}
a:hover{cursor: y;}

Trong đó x là tuỳ chọn cho con trỏ trên toàn bộ blog của bạn, y là con trỏ hiển thị khi đặt lên một liên kết, dưới đây là danh sách con trỏ được hỗ trợ:

pointer crosshair n-resize w-resize ne-resize nw-resize move wait help

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

Đoạn code này làm cho hình trái tim xuất hiện khi chuột rê vào các link trên toàn blog:
Code:

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);}

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

Code làm blog có đường viềm trong suốt

Code:

/*  Border Cac Module */
#friend-list .rc div, #friendlist_module .rc div, .rc div,  #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(http://nktpro.com/360plus/rc_ne.png) no-repeat right bottom;}
#friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(http://nktpro.com/360plus/rc_nw.png) 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://nktpro.com/360plus/rc_e.png) 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(http://nktpro.com/360plus/rc_w.png) 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://nktpro.com/360plus/rc_se.png) no-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(http://nktpro.com/360plus/rc_sw.png) no-repeat left top;}
/* Border cua Blast trong suot*/
#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;}
/* the end*/

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

Code là blog có đường viền mầu xanh (Border Blue)
Code:

/*  Border Cac Module */
#friend-list .rc div, #friendlist_module .rc div, .rc div,  #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcne-blue.png) no-repeat right bottom;}
#friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcnw-blue.png) 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://i292.photobucket.com/albums/mm19/themesplus2000/rce-blue.png) 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(http://i292.photobucket.com/albums/mm19/themesplus2000/rcwe-blue.png) 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://i292.photobucket.com/albums/mm19/themesplus2000/rcse-blue.png) no-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(http://i292.photobucket.com/albums/mm19/themesplus2000/rcsw-blue.png) no-repeat left top;}
/* Border cua Blast trong suot*/
#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*/

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

Code là blog có đường viền màu xanh lá cây (Border Green)
Code:

/*  Border Cac Module */
#friend-list .rc div, #friendlist_module .rc div, .rc div,  #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcne-xanh-la.png) no-repeat right bottom;}
#friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcnw-xanh-la.png) 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://i292.photobucket.com/albums/mm19/themesplus2000/rce-xanh-la.png) 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(http://i292.photobucket.com/albums/mm19/themesplus2000/rcwe-xanh-la.png) 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://i292.photobucket.com/albums/mm19/themesplus2000/rcse-xanh-la.png) no-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(http://i292.photobucket.com/albums/mm19/themesplus2000/rcsw-xanh-la.png) no-repeat left top;}
/* Border cua Blast trong suot*/
#blast .rc_ft {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/blastsw-xanh-la.png) no-repeat left bottom;}
#blast .rc_ft div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/blastse-xanh-la.png) no-repeat right bottom;}
/* Ket Thuc*/

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

Code làm blog có đường viền màu da cam (Border Orange)
Code:

/*  Border Cac Module */
#friend-list .rc div, #friendlist_module .rc div, .rc div,  #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcne-vang.png) no-repeat right bottom;}
#friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcnw-vang.png) 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://i292.photobucket.com/albums/mm19/themesplus2000/rce-vang.png) 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(http://i292.photobucket.com/albums/mm19/themesplus2000/rcwe-vang.png) 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://i292.photobucket.com/albums/mm19/themesplus2000/rcse-vang.png) no-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(http://i292.photobucket.com/albums/mm19/themesplus2000/rcsw-vang.png) no-repeat left top;}
#blast .rc_ft {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/blastsw-vang.png) no-repeat left bottom;}
#blast .rc_ft div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/blastse-vang.png) no-repeat right bottom;}
/* the end */


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

Code làm blog có đường viền màu tím mộng mơ ^^! (Border Violet)
Code:

/*  Border Cac Module */
#friend-list .rc div, #friendlist_module .rc div, .rc div,  #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcne-tim.png) no-repeat right bottom;}
#friend-list .rc, #friendlist_module .rc, .rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/rcnws-tim.png) 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://i292.photobucket.com/albums/mm19/themesplus2000/rce-tim.png) 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(http://i292.photobucket.com/albums/mm19/themesplus2000/rcwe-tim.png) 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://i292.photobucket.com/albums/mm19/themesplus2000/rcse-tim.png) no-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(http://i292.photobucket.com/albums/mm19/themesplus2000/rcsw-tim.png) no-repeat left top;}

#blast .rc_ft {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/blastsws-tim.png) no-repeat left bottom;}
#blast .rc_ft div {background:transparent url(http://i292.photobucket.com/albums/mm19/themesplus2000/blastse-tim.png) no-repeat right bottom;}
/* the end */

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

Làm blast trong suốt
Code:

#blast .rc_ft {background:transparent url(http://i306.photobucket.com/albums/nn275/changtraiiudoi/DataBlog/blast-sw.png) no-repeat left bottom;}
#blast .rc_ft div {background:transparent url(http://i306.photobucket.com/albums/nn275/changtraiiudoi/042112transparent_bg.png);}

(St)

Bài viết về bạn hoặc có tag tên bạn:

  • Chưa có bài nào có liên quan.

Người đăng ký yêu thích blog này cũng đồng thời thích:

  • Chưa có blog yêu thích nào có liên quan.