Bài mới nhất

Sửa Đóng

Photobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket

Tổng hợp các Code dùng để thay đổi nền các Module cho Blog của bạn,bạn có thể thay URl ảnh kia bằng hình thích hợp

/* Hình nền cho blog (theme) hiện tại chỉ làm được 1 mãnh và cho tràn khắp màn hình, cuộn */

BODY.blog_my {BACKGROUND:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/themenen07.jpg) #000000 fixed;}


/* Tuyết rơi cho blog  */

#head{background:transparent url(http://files.myopera.com/Dephia/nendong/snow.gif) center bottom;}
#bd{background:transparent url(http://files.myopera.com/Dephia/nendong/snow.gif) center bottom;}


/* Ảnh nền cho bảng entry Blog (bài viết):*/

#article_list_module .bd {background:#FFFFFF url(http://xxx.gif);

.hd .titlebar .hd h2{text-align:center;}

.mod-alist-full .main-bd{background:#FFFFFF url(LINK HINH);}

/* Code Thêm ảnh vào phần bottom của bài viết:*/Photobucket

.

.mod-alist-tagsbar {background:url(link hình) no-repeat center;height:Apx;}


A: thay đổi height = chiều cao của ảnh
/* Chèn hình nền cho cái module thông tin cá nhân bao gồm avartar */

#profile_highlight_module .rc_bd .rc_bc {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#profile_highlight_module .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}


/*Ảnh nền cho bảng Profile: */



#profile_highlight_module .rc_bd .rc_bc {background:url(http://xxx.gif) #653e16 top right repeat;}

#profile_highlight_module .bd {background:url(http://xxx.gif) #653e16 bottom right no-repeat;}



/* Chèn hình nền cho module fiendlist */

#friendlist_module .bd {background:#FFFFFF url(xxx.gif);}

#friendlist_module .rc_bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#friendlist_module .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}



/* Chèn hình nền cho module Bài Mới */

#article_new .bd {background:#FFFFFF url(http://xxx.gif);}

#article_new .rc_bd .rc_bc {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#article_new .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}



/* Chèn hình nền cho module Thư Mục Riêng*/

#folder .bd {background:#FFFFFF url(http://xxx.gif);}

#folder .rc_bd .rc_bc {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#folder .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}



/* Chèn hình nền cho module Comment mới*/


#comment_new .bd {background:#FFFFFF url(http://xxx.gif);}

#comment_new .rc_bd .rc_bc {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#comment_new .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}



/* Chèn hình nền cho module Thống Kê của plus*/

#statistic .bd {background:#FFFFFF url(http://xxx.gif);}

#statistic .rc_bd .rc_bc {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#statistic .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}



/* Chèn hình nền cho module Blog yêu thích*/

#subscribe_highlight .bd {background:#FFFFFF url(http://xxx.gif);}

#subscribe_highlight .rc_bd .rc_bc {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#subscribe_highlight .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}



/* Ảnh nền cho bảng Hình ảnh trên Blog::*/

#photo_highlight .bd {background:#FFFFFF url(http://xxx.gif);}



/* Ảnh nền cho module Tìm kiếm Search:*/

#search_module .bd {background:#FFFFFF url(http://xxx.gif);}


/* Chèn hình nền cho module Lịch*/

#calendar .bd {background:#FFFFFF url(http://xxx.gif);}

#calendar .rc_bd .rc_bc {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#calendar .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}



/* Phần tin nhắn*/

BODY.guestbook {BACKGROUND:transparent url(http://i227.photobucket.com/albums/dd81/vicq2/x32graphicsv4_compact-co-04.gif)  fixed;}

#gb_msg .bd {background:#FFFFFF url(http://i227.photobucket.com/albums/dd81/vicq2/block_bg-2.jpg);}






/* Ảnh nền cho các module chung*/

Đầu tiên là làm nền cho tất cả các module của hai cột phụ. Cái này hay hơn là làm từng cái cho calender, thống kê,... vì nó làm đồng loạt các nền cho mọi modole nhanh gọn lẹ. Bạn có thể thay đổi link hình ảnh để có hình nền của riêng mình:


.col-150 .rc_bd  .rc_bc .bd /* JW */
{background:transparent url(http://xxx.gif);color:#FFFFFF;}



/* Làm trong suốt blog */




.rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div{background:transparent;}

.rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:transparent;}

.rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc{background:transparent;}

.rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:transparent;}

.rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:transparent;}

.rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:transparent;}

.rc_bc .bd, #subscribe_highlight .rc_bc .bd, #mod-tagged-frd-article .rc_bc .bd {background-color:transparent;}

#blast .rc_ft {background:transparent;}

#blast .rc_ft div {background:transparent;}



Chèn hình nền vào Module tự tạo

-Các Module tự tạo sẽ có số từ 10001->10010,tuỳ theo đó là Module thứ mấy mà các bạn điền số thích hợp.

VD:

/* Chèn hình nền cho module Online (cái module tự tạo thêm có số 10001 -> 10010)*/

#user_mod_10001 .rc_bd .rc_bc{background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay02.gif) #653e16 top right repeat;}

#user_mod_10001 .bd {background:url(http://i282.photobucket.com/albums/kk280/vunguyenblogplus/bantay03.gif) #653e16 bottom right no-repeat;}



Photobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket

Đầu tiên là làm nền cho tất cả các module của hai cột phụ. Cái này khác cách trên làm từng cái cho calender, thống kê,... vì nó làm đồng loạt các nền cho mọi modole nhanh gọn lẹ. Bạn có thể thay đổi link hình ảnh để có hình nền của riêng mình.

Code:
/* nền các module */

.col-150 .rc_bd  .rc_bc .bd /* JW */
{background:transparent url(URL ảnh
);color:#FFFFFF;}


Đã thay đổi các nền module thì phải thay đổi cả titlebar (header) của module cho nó đủ đầy. Tương tụ bạn có thể thay link ảnh (http://XXX.xxx).

Photobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket

/* nền header module */
Đây là đoạn code mình đang dùng, thay thế cho hầu hết tất cả các phần titlebar, nếu ai muốn dùng thì thay phần link ảnh mình muốn vào:
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;}


Còn nếu muốn thay riêng từng phần thì ở đây có một số đoạn code dành cho các phần cơ bản như các module nhỏ dọc hai bên, các module chính nằm giữa bài viết, và cuối cùng là các module nằm ngang trên đầu và bên dưới blog:
Code:

.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-150 .rc_bd .rc_bc .hd .titlebar {
background:transparent url(-image_link-) repeat;}


Code:

.col-600 .rc_bd .rc_bc .hd .titlebar .hd,
.col-600 .rc_bd .rc_bc .hd .titlebar {
background:transparent url(-image_link-) repeat;}


Code:

.row-920 .rc_bd .rc_bc .hd .titlebar .hd,
.row-920 .rc_bd .rc_bc .hd .titlebar {
background:transparent url(-image_link-) repeat;}

.col-150 .rc_bd  .rc_bc .hd .titlebar .hd,
.col-150 .rc_bd  .rc_bc .hd .titlebar
{background:transparent url(http://XXX.xxx);}
.col-150 .rc_bd  .rc_bc .hd .titlebar .hd h2, .col-150 .rc_bd  .rc_bc .hd .titlebar .hd a       
{color:#4E4E4E;}
.col-150 .hd .titlebar .hd a:hover   
{text-decoration:underline;



Photobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucket

HÌNH NỀN CHO TOÀN BLOG

Code:

BODY.blog_my {BACKGROUND:url(http://i20.photobucket.com/albums/b243/hanamibuu/pattern2.jpg) #000000 fixed;}


 thông số fixed để làm nền đứng yên không chuyển động theo thanh cuộn rất hợp với nền dạng partern. Nếu không thích bạn có thể loại bỏ thông số này!
Photobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucket
CANH PHẢI CÁC TIÊU ĐỀ

Code:

.hd .titlebar .hd h2{
text-align:right;}



Mục đích canh phải các tiêu đề là để thêm các icon vào bên trái mỗi module, khi đó tiêu đề sẽ không bị chồng lên icon.

Photobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket

THÊM ICON CHO MỖI MODULE (VỊ TRÍ BÊN PHẢI)

Code:

/* bảng thống kê */
#statistic h2{
background:transparent url(http://hanamibuu.com/thongke.png) no-repeat left top;}
/* Bài mới đăng */
#article_new h2{
background:transparent url(http://hanamibuu.com/baimoi.png) no-repeat left top;}
/* Ảnh trong blog */
#photo_highlight h2{
background:transparent url(http://hanamibuu.com/photo.png) no-repeat left top;}
.mod-comment-new .titlebar .hd h2{
background:transparent url(http://hanamibuu.com/coment.png) no-repeat left top;}
/* Thư mục riêng */
#folder h2{
background:transparent url(http://hanamibuu.com/folder.png) no-repeat left top;}
/* Cập nhật ngày */
#update_date h2{
background:transparent url(http://hanamibuu.com/capnhat.png) no-repeat left top;}
/* RSS */
#rss_output .bd a{
height:25px;background:transparent url(http://hanamibuu.com/rss.png) no-repeat left top;}
/* Tìm kiếm */
#search_module h2{
background:transparent url(http://hanamibuu.com/timkiem.png) no-repeat left top;}



Các link ảnh các bạn có thể thay đổi bằng cái icon khác. Khuyên dùng định dạng .PNG với nề trong suốt cho đẹp (kích thước chuẩn là 26x26)
Photobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket
Đầu tiên bạn phải làm trong suốt các đường viền module

Copy đoạn code này vào CSS:

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



   sau đó bạn copy code thay đổi hình đường viền các modules

Hình mẫu

các bạn có thể thay đổi đường dẫn để được hình  mà bạn thích!

Code CSS:

.rc div, #subscribe_highlight .rc div, #mod-tagged-frd-article .rc div{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/21-1.gif) no-repeat right top;}
.rc, #subscribe_highlight .rc, #mod-tagged-frd-article .rc {background:url
(http://i240.photobucket.com/albums/ff40/tina88888888/003/21-1.gif) no-repeat left top;}
.rc_bd div.rc_bc, #subscribe_highlight .rc_bd div.rc_bc, #mod-tagged-frd-article .rc_bd div.rc_bc
{background:url(http://i240.photobucket.com/albums/ff40/tina88888888/003/25-2.gif) repeat-y right top;}
.rc_bd, #subscribe_highlight .rc_bd, #mod-tagged-frd-article .rc_bd {background:url
(http://i240.photobucket.com/albums/ff40/tina88888888/003/24-1.gif) repeat-y 0% 50%;}
.rc_ft div, #subscribe_highlight .rc_ft div, #mod-tagged-frd-article .rc_ft div {background:url
(http://i240.photobucket.com/albums/ff40/tina88888888/003/23-1.gif) no-repeat right bottom;}
.rc_ft, #subscribe_highlight .rc_ft, #mod-tagged-frd-article .rc_ft {background:url
(http://i240.photobucket.com/albums/ff40/tina88888888/003/23-1.gif) no-repeat left top;}
.rc_bc .bd, #subscribe_highlight .rc_bc .bd, #mod-tagged-frd-article .rc_bc .bd {background-image:url
(http://i240.photobucket.com/albums/ff40/tina88888888/003/24-1.gif);}
#blast .rc_ft {background:url(http://nktpro.com/360plus/blast-sw.png) no-repeat left bottom;}
#blast .rc_ft div {background:url
(http://i240.photobucket.com/albums/ff40/tina88888888/003/23-1.gif) no-repeat right bottom;}




Photobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket
Tạo Top page (HomePage) giống 360Yahoo

Phía trên avatar của người đang xem có một phần để quay về Top-page (trang chủ -Home page) của người đang xem. Nhưng lại để ở chế độ ẩn,chẳng có cái chữ nào cả,chẳng hiểu VNTeams có ý gì???

-Các bạn chèn thêm đoạn mã sau vào CSS (nếu bạn nào không biết CSS ở chỗ nào thì đọc mấy bài cơ bản vể Plus nhé) để trông trực quan hơn,hihi

div.backhomtbtn a.backtomyblog { background: url(http://i227.photobucket.com/albums/dd81/vicq2/bannet.jpg) no-repeat; height:25px; }

-Thay link image bằng ảnh nút Home của bạn.Ảnh của nút Home nên có kích thước 100x25 px,nếu to quá nó sẽ bị tràn,nhỏ quá sẽ mất cân đối






Photobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket

Thêm biểu tượng hỗ trợ online qua Yahoo! Messenger

Không một chatter (người tán gẫu trên mạng) Việt Nam nào mà không biết đến trình tin nhắn tức thời Yahoo! Messenger. Vậy làm thế nào để người đọc blog của bạn có thể biết bạn đang online mà tán gẫu hay đơn giản là để họ nhắn cho bạn vài dòng offline? Hãy làm tìm hiểu đoạn mã sau sẽ cho bạn một số lựa chọn khác nhau.

YahooID">YahooID&m=g&t=ImageNo&l=us">



Ở đây chúng ta lưu ý YahooID là nickname của bạn tại Yahoo. Ví dụ nickname của tôi là dv2n. ImageNo là một trong số: 0, 1, 2 tương ứng lần lượt với các hình bên dưới từ trên xuống mà bạn chọn.







Photobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucket

 Quét virus trực tuyến






Photobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucket


 Bể cá cảnh

Copy vào module tự chọn dòng chữ sau::

blog Vic.World


Photobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucket

Dự báo Thời Tiết

Hà Nội

img src="http://banners.wunderground.com/banner/gizmotimetemp_both/
language/www/global/stations/48820.gif"
alt="Du bao thoi tiet - Thu do Ha Noi" title="Dự báo thời tiết - Thủ đô Hà Nội" height="41" width="127">



Huế

img src="http://banners.wunderground.com/banner/gizmotimetemp_both/
language/www/global/stations/48852.gif"
alt="Du bao thoi tiet - Co do Hue" title="Dự báo thời tiết - Cố đô Huế" height="41" width="127">

 

Thành Phố Hồ Chí Minh

img src="http://banners.wunderground.com/banner/gizmotimetemp_both/
language/www/global/stations/48900.gif"
alt="Du bao thoi tiet - Thanh pho Ho Chi Minh" title="Dự báo thời tiết - Thành phố Hồ Chí Minh" height="41" width="127">



Đà Nẵng

img src="http://banners.wunderground.com/banner/gizmotimetemp_both/
language/www/global/stations/48855.gif"
alt="Du bao thoi tiet - Thanh pho Da Nang" title="Dự báo thời tiết - Thành phố Đà Nẵng" height=41 width=127>


Photobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket

/* Đ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*/

a:hover
{text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
background-image:url(http://i227.photobucket.com/albums/dd81/vicq2/thcontrotraitim.gif);}


Photobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket



/* Hiệu ứng nick name bên dưới Avatar*/

#profile_highlight .bd {
    color: #mã_màu_chữ;
    font-family: tên_font_chữ; /*có thể là: Tahoma hoặc Courier New, Arial ...*/
    font-size: x pt; /*x: cỡ chữ*/
    font-weight:bold; /*Chữ in đậm*/
    font-style:italic; /*Chữ in nghiêng*/
    text-decoration:blink; /*Chữ nhấp nháy*/




/*Hiệu ứng ảnh động trên tiêu đề bài viết -nick Comment*/


#article_list_module .rc_bd .rc_bc h2{

background:transparent url(http://i282.photobucket.com/albums/kk263/uyenmy_plus/591400hxt8p0qdcj.gif) repeat left top;}


/* Trang trí ảnh trong phần comment*/

Photobucket

.cmt-mod-alist #comments-listing .extend-hd

{background:transparent;}

.cmt-mod-alist #comments-listing .extend-bd .alist-comment,

.mod-alist-full .alist-comment ul

{background:transparent;}

.mod-alist-full .alist-comment li

{background:#ffffee url(http://i289.photobucket.com/albums/ll215/rainnysunday/background.jpg) no-repeat top left;border-top:2px inset #ffffff;border-left:2px inset #ffffff;border-right:2px inset #ffffff;}

.mod-alist-full .alist-comment .comment-ctnr

{background:repeat-y top right;}

Các bạn nhớ chỉnh sửa size hình để toàn comment có được theme đồng nhất nhé



Photobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket

  /* Chỉnh sửa blast*/

#blast .rc_bc .bd {
    color: #mã_màu_chữ;
    font-family: tên_font_chữ; /*có thể là: Tahoma hoặc Courier New, Arial ...*/
    font-size: x pt; /*x: cỡ chữ*/
    font-weight:bold; /*Chữ in đậm*/
    font-style:italic; /*Chữ in nghiêng*/
    text-decoration:blink; /*Chữ nhấp nháy*/
}


Nếu muốn chọn cả màu, cỡ chữ cho link trong blast thì chỉ việc thay #blast .rc_bc .bd bằng #blast .rc_bc .bd a là ok!

/*Hình nền blast*/Photobucket

#blast .rc_bc .bd{background-color:transparent;background-image:url(link hinh1);}

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

#blast .rc div {background:transparent url(link hinh 1) no-repeat right bottom;}

#blast .rc  {background:transparent url(link hinh 1) no-repeat left bottom;}

#blast .rc_bd div.rc_bc {background:transparent url(link hinh 1) repeat-y right top;}

#blast .rc_bd {background:transparent url(link hinh 1) repeat-y;}

#blast .rc_ft {background:transparent url(link hinh 1) no-repeat left bottom;}

#blast .rc_ft div {background:transparent url(link hinh 1) no-repeat right bottom;}



/* Border cua Blast trong suot*/

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


Photobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket

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

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



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

Photobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucket

Code làm trong suốt viền các Module<...>

 Copy đoạn code này vào CSS:

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




Photobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucket

Code làm theme bằng 2 ảnh giống Blog cũ (CSS)

Đây là đoạn Code giúp bạn làm theme của mình gồm 2 mảnh Top và Bottom giống 360Yahoo Blog cũ,các bạn vào mục Bố trí,chọn Theme rồi chọn tự sửa, chèn đoạn CSS này vào,thay URL ảnh bằng URL của bạn (Chú ý kích thước chiều rộng nên là 1004px   

Xem trang http://vn.myblog.yahoo.com/ngoyeudoi

 

#blast A, #blast A:hover{COLOR:#ffffff;}
body{background:#000000;}

#doc2, #doc{background:#000000 url(URL ảnh Top) no-repeat center top;}

#bd{background:transparent url(URL ảnh Bottom) no-repeat center bottom;}

#article_list_module .rc_bd .rc_bc .hd, .hd .titlebar .hd, #friendlist_module .hd, .mod-relatives .titlebar{
background:transparent ;}

h2, .hd .titlebar .hd,
.hd .titlebar .hd h2,
.hd .titlebar .hd h2 a, .mod-alist-searchbox form strong, a, a:visited, #blog_title .bd h2, #blog_title .hd p, .mod-alist-searchbox{
color:#1BB9D6;}

#blog_title .bd, #blast .rc_bc .bd {background-color:#EF0D60 solid 1px ;}

.rc div, .rc, .rc_bd, .rc_bd div.rc_bc, .rc_ft div, .rc_ft {background-color:#EF0D60 solid 1px ;}

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

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

#footer{}

#blog_title{height:160px;} /* Cái h=? là tùy theo banner bạn thiết kế h=? nếu các bạn làm banner h=240 mà trong code nay h=160 thì đương nhiên cái banner bị xấu vì thiếu 1 phần*/

#blog_title .bd h2{font-weight:bold;font-size:150%;}

#blog_title .rc_bc .bd{text-align:right;}




Photobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucketPhotobucketPhotobucketPhotobucketPhotobucket PhotobucketPhotobucket