Bài mới nhất

Sửa Đóng
Thư mục: thủ thuật blog |
Đăng ngày: 17:01 26-07-2008
Mình viết bài này nhằm giúp các bạn mới tạo Blog ở Yahoo Plus. Thực ra mình cũng không phải dân IT nên cũng không rành lắm. Đây chỉ là những code cơ bản nhất mà mình học hỏi được. Nếu ai biết điều gì hay hơn thì chỉ bảo thêm nha. Hoặc là vỗ tay cổ vũ cũng được, hì hì

Cách làm theme giống theme Y360 cũ:


Nếu theme là một hình cố định:


BODY.blog_my {BACKGROUND:url(URL link ảnh) #000000 fixed;}

Nếu theme gồm 2 hình Top và Bottom:


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


Code background cho các Module:

BODY.guestbook {BACKGROUND:url(Link ảnh) #000000 fixed;}

#statistic .bd {background:#FFFFFF url(Link ảnh);}

#comment_new .bd {background:#FFFFFF url(Link ảnh);}

#calendar .bd {background:#FFFFFF url(Link ảnh);}

BODY.profile_view {BACKGROUND:url #000000 fixed;}

.mod-alist-full.mail-bd{background:#FFFFFF url(Link ảnh);}

#article_new .bd {background:#FFFFFF url(Link ảnh);}

#friendlist_module .bd {background:#FFFFFF url(Link ảnh);}

#photo_highlight .bd {background:#FFFFFF url(Link ảnh);}

#mod_bookmark .bd {background:#FFFFFF url(Link ảnh);}

#update_date .bd {background:#FFFFFF url(Link ảnh);}

#profile_highlight_module .bd {background:#FFFFFF url(Link ảnh);}

#folder .bd {background:#FFFFFF url(Link ảnh);}

#subscribe_highlight .bd {background:#FFFFFF url(Link ảnh);}

#article_list_module .bd {background:#FFFFFF url(Link ảnh);}

#feature_link_gb .bd {background:#FFFFFF url(Link ảnh);}

#gb_msg .bd {background:#FFFFFF url(Link ảnh);}

#update_date .bd {background:#FFFFFF url(Link ảnh);}


Các Module tự tạo có tên đánh số từ 10001 trở lên. Các bạn tạo Module số mấy thì dùng code này để làm Background cho nó nhé:

♣ Ví dụ: Làm Background cho module số 10001 và 10002

#user_mod_10001 .bd {background:#FFFFFF url(Link ảnh);}

#user_mod_10002 .bd {background:#FFFFFF url(Link ảnh);}

Code khi đưa con trỏ vào các link xuất hiện hình tim bay:

a:hover {
text-decoration:none;color:#D570EE;text-decoration:none;font-weight:bold;background-image:url(http://i185.photobucket.com/albums/x141/GirlStyles/x1pc_jqddVOWRk-VaEPLmKuGpUDH4oRqaW4.gif);}

  • Báo cáo

    cheaky 15:56 19-08-2009

    làm css cho blog có hình động đc ko anh ơi