Khung Trời Mộng Mơ
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.



 
Tìm kiếmTrang ChínhLatest imagesTìm kiếm nâng caoGamesTin tức cập nhật hằng ngàyuploadĐăng kýĐăng Nhập

 

 Đoạn CSS cho mash.......:D

Go down 
Tác giảThông điệp
pevien_lovely
Friends
Friends
pevien_lovely


Nữ
Tổng số bài gửi : 107
Age : 32
Hiện đang ở: : Nha Trang city
Đang là: : học sinh
Sở thích : nghe nhạc,đọc truyện......
Tài sản : Đoạn CSS cho mash.......:D Tiny-th_CellPhone
Tình trạng : Đoạn CSS cho mash.......:D Lonely
Tên thật : Nguyễn Hồng Đào Viên
Về bản thân : lúc buồn,lúc zui,lúc dễ gần,lúc khó ưa,kon ng` phức tạp.....:D
Ước mơ : mong muốn dc là 1 thèng kon zaj......;))
Registration date : 01/04/2008

Đoạn CSS cho mash.......:D Empty
Bài gửiTiêu đề: Đoạn CSS cho mash.......:D   Đoạn CSS cho mash.......:D Clock102/4/2008, 11:09

1. Background cho Mash (chèn hình nền)
body {
background-color:#232f39;
background-image:url(link ảnh);
background-attachment:scroll;
/* font chữ */ font-family:Verdana, Tahoma, Arial, sans-serif;
color:#97bcd0; /* màu chữ */ }
2. Dạng 1 hình cố định - cuộn được
body {
background-color:#232f39; /* Màu nền */
background-image:url(link hình);
background-attachment:scroll;
background-position:top; /*vị trí hình: có thể thay bằng left, right... */
background-repeat:no-repeat;
font-family:Verdana, Tahoma, Arial, sans-serif;
color:#97bcd0; /* Màu chữ */}
3. Loại hình nền ko cuộn - chỉ cuộn chữ
body{
background-image:url(link hình);
background-attachment: fixed;
background-position: center;
/*vị trí hình: có thể thay bằng left, right... */
background-repeat:no-repeat;
background-color:ffffff; }
4. Dạng Top & Bottom( gồm 2 hình trên dưới)
body
{
width:921px; /* Chiều rộng của hình nền */
background-color:#232f39; /* Màu nền */
background-image:url(link hình);
/* Link hình dùng làm TOP */ background-position:top left;
background-repeat:no-repeat;
padding-top:143px;
color:#c29157; /* Màu chữ */}
.col-AA
{ background:url(link hình);
/* Link hình dùng làm BOTTOM */
background-position:bottom right;
background-repeat:no-repeat;
padding-bottom:133px;}
5. Tạo pet riêng
div#ypf-pet .bd img {
background:url(link pet)
transparent no-repeat bottom left;
width:0px;
height:0px;
padding:375px 256px 0px 0px; } /* tuỳ chọn chiều cao, rộng */
6. Thay khung ảnh cho avatar
/*Tạo khung ảnh cỡ khoảng 227x260 up lên trang web để lấy link, rồi chèn vào code */
#ypf-coreid .user-card .user-images {
background-image:url(link hình); }
7. Thay nickname bằng file hình
#nickname {
display: none; }
#nickname-edit h1 {
background: url(link hình)
background-repeat:no-repeat;
color: #ffffff;
height: 100px; /* chiều cao hình */
width: 400px; /* chiều rộng hình */ }
8. Chèn hình nền vào module nick name
.user-info {
background:url(link hình)repeat; }
9. Đổi màu, cỡ chữ của tuổi, giới tính và quốc tịch(dưới nick name)
#age.age, #sex.gender, #location
{
color: #f58f03; /*màu chữ*/
font-size: 14px; /* cỡ chữ*/
font-weight:bold; }
10. Thay màu và font chữ cho nickname:
#ypf-coreid .user-card .user-info .user-name
h1 span.nickname {
color:#ffffff;
font-family:courier new; /* Phông chữ */
font-size:16px; /* Cỡ chữ */ }
11. Thay màu nền cho tiêu đề của khung:
.hd {
background-color:#3C6A90; /*màu tiêu đề */ }
12. Đổi font chữ, màu sắc, kích thước của đề mục:
h3 {
font-family:Words of love; /* tên font */
font-size:36px; /* Cỡ chữ */
color:#ffffcc; /* màu sắc */ }
13. Code này để cho cac section trong suốt:
.mod {
border:1px solid #000000; /* Màu khung */ }
.mod .x1 {
background:#fafdff; /* Màu nền section */
opacity:0.1;
filter:alpha(opacity=10);
display:block; }
14. Chèn hình vào đề mục:
h3 {
font-family: Tahoma, serif;
font-size: 26px;
font-weight: normal;
padding-left: 40px;
background-image:url(link hình);
background-position:left;
background-repeat:no-repeat; }
15.Hình động khi chỉ vào liên kết:
a:hover {
position:relative;
right:1px;
top:1px;
text-decoration:none;
color:#D570EE;
text-decoration:none;
font-weight:bold;
border-bottom:1px dotted #D570EE;
background-image:url(link hình); }
16. Hình nền Module guestbook:
#ypf-guestbook {
/* Hinh nen guestbook */ background-color:#f10d77;
background-image:url('link hình');
background-position:left 40px;
background-repeat:repeat; }
17. Hình nền khung viết guestbook:
#ypf-guestbook .form-wrapper textarea {
background-image:url(link hình); }
18. Thanh cuộn cho guestbook:
#ypf-guestbook .bd {
height: 500px; position:relative;
overflow:auto; }
19 Hình nền cho Module pet:
#ypf-pet {
background-image:url(link hình);
background-position:left 40px;
background-repeat:repeat; }
20. hình nền cho Module Blurt:
#ypf-blurt {
background-image:url(link hình);
background-position:left 40px;
background-repeat:repeat; }
21. Thanh cuộn trong About me :
#ypf-profile .bd {
width:598px; /* Chiều rộng */
height:470px; /* Chiều cao */
padding:0;
position:relative;
overflow:auto; }
22. Hình nền cho Module My Stuff:
#ypf-mystuff {
background-image:url(link hình);
background-position:left 40px;
background-repeat:repeat; }
23. Thanh cuộn cho my stuff :
#ypf-mystuff .bd {
height: 500px;
position:relative;
overflow:auto; }
24. Hinh nền cho module profile(about me)
#ypf-profile {
background-image:url(link hình);
background-repeat: no-reapeat;
background-position: bottom right;
font-family: Arial, Helvetica, Sans Serif;
font-size: 16px;
color: #6699cc;
border-top: 3px double transparent;
border-left: 3px double transparent;
border-bottom: 3px double transparent;
border-right: 3px double transparent;
.mod { border:1px solid #000000;}
25. Thanh cuộn trong blog entry RSS 2.0
#ypf-mosh-rss2-1193377705 .bd
{ /* con số màu đỏ ở mổi mash là khác nhau bạn nào muốn làm cái này thì pm, mình sẽ cung cấp số cho*/
height: 600px; position:relative;
overflow:auto; }
26. Một số code dùng để ẩn những module ko cần cần đến
#blurt-inline .nickname {display:none;} /*code bỏ nickname ở blurt*/
#age.age/* An Tuổi*/
{display: none;}
#ypf-profile/* An About Me*/
{display:none;}
#ypf-style /* An Edit Theme*/
{display:none;}

Các bạn có thể vào tràng này để lấy url ná!^^
http://www.freeglitters.com/
Về Đầu Trang Go down
http://360.yahoo.com/profile-1IPkzxwyc6cPpTdAi1SO.T4Zs8YeluLHQ7R
 
Đoạn CSS cho mash.......:D
Về Đầu Trang 
Trang 1 trong tổng số 1 trang
 Similar topics
-
» Để biết số khách đến thăm Mash của bạn !
» Giới thiệu về Yahoo! Mash (Ebook)

Permissions in this forum:Bạn không có quyền trả lời bài viết
Khung Trời Mộng Mơ :: Góc CNTT :: Mash-
Chuyển đến