Một số CSS Styles và themes cho Yahoo Mash

Unknown | 21:31 |

Thứ Hai, 31 tháng 5, 2010

Thư viện Thủ thuật »


1. Tím dễ thương

Mã CSS :

body {

font-family:verdana,sans-serif;

background:url(http://guru.net.vn/mash/bg/bg_2.jpg) repeat !important;

}



.mod {

border:3px solid #f0cca6 !important;

}



.mod .x1 {

background:#fdfbf5 !important;

opacity:0.6;

filter:alpha(opacity=60);

display:block !important;

}



.hd {

color:#ce5200;

font-family:arial,sans-serif;

font-size:20px;

}



a:link,

a:visited {

color:#ce5200;

}



.mod-content {

color:#6a5000;

}



#ypf-coreid .user-card .user-info .user-name h1 span.nickname {

color:#ce5200;

}



ul.about div.hover, .inline-replace.hover {

background-color: #fef9f3;

}
2. Xanh ngọc
 

Mã CSS : 

body {

font-family:verdana,sans-serif;

background:url(http://guru.net.vn/mash/bg/bg_4.gif) repeat !important;

}



.mod {

border:3px solid #81d5c2 !important;

}



.mod .x1 {

background:#f8fffd !important;

opacity:0.6;

filter:alpha(opacity=60);

display:block !important;

}



.hd {

color:#00785d;

font-family:arial,sans-serif;

font-size:20px;

}



a:link,

a:visited {

color:#00785d;

}



.mod-content {

color:#70a196;

}



#ypf-coreid .user-card .user-info .user-name h1 span.nickname {

color:#00785d;

}



ul.about div.hover, .inline-replace.hover {

background-color: #fff;

}
3. Xanh nhạt



Mã CSS : 


body {

font-family:verdana,sans-serif;

background:url(http://guru.net.vn/mash/bg/bg_1.gif) repeat !important;

}



.mod {

border:3px solid #fafdff !important;

}



.mod .x1 {

background:#fafdff !important;

opacity:0.6;

filter:alpha(opacity=60);

display:block !important;

}



.hd {

color:#004f83;

font-family:arial,sans-serif;

font-size:20px;

}



a:link,

a:visited {

color:#004f83;

}



.mod-content {

color:#5c879c;

}



#ypf-coreid .user-card .user-info .user-name h1 span.nickname {

color:#004f83;

}



ul.about div.hover, .inline-replace.hover {

background-color: #fff;

}
4. Xám nốt nhạc



Mã CSS : 


body {

font-family:verdana,sans-serif;

background:url(http://guru.net.vn/mash/bg/bg_3.gif) repeat !important;

}







.mod {

border:3px solid #d1cea3 !important;

}







.mod .x1 {

background:#fdfbf5 !important;

opacity:0.6;

filter:alpha(opacity=60);

display:block !important;

}







.hd {

color:#655f00;

font-family:arial,sans-serif;

font-size:20px;

}







a:link,

a:visited {

color:#5a5500;

}







.mod-content {

color:#888772;

}







#ypf-coreid .user-card .user-info .user-name h1 span.nickname {

color:#655f00;

}







ul.about div.hover, .inline-replace.hover {

background-color: #f9f8e8;
}

5. Huyền bí (của anh Nghĩa)
Mã CSS : 

body { background: url(http://guru.net.vn/mash/4315.jpg) repeat fixed top center; color: snow; }

body a, a:visited { color: #E5E5E5; }

a:link, #nickname { color: #E5E5E5; }

.ft a:link { color: #E5E5E5; }

.mod { border: none; }

pre {fonts.css (line 13)

background-color:#E8E8E8;

border:1px solid #666666;

color:#333333;

font-family:’Courier New’,'Courier’,sans-serif;

font-size:small;

margin:1em 0pt;

overflow:scroll;

padding:0.5em;

}

#ypf-coreid, #dragLeft .mod, #dragRight .mod { background: url(http://guru.net.vn/mash/Clear_Panel.png) repeat scroll top left; border: 1px outset #a9a9a9; }

#ypf-coreid .mod-content, #dragLeft .mod-content, #dragRight .mod-content { background: url(http://guru.net.vn/mash/Clear_Shadow.png) repeat scroll bottom right; }

#dragLeft .hd, #dragRight .hd { background: url(http://guru.net.vn/mash/Clear_Titlebar.png) repeat-x scroll top left; color: beige; }

#tagline-edit .hover, div.hover, #ypf-blurt .hover .blurt-msg { background-color: #9acd32; }

#ypf-blurt .hover .timestamp { color: snow; }

6. Hoa cúc


 
Mã CSS : 


body { background: url(http://guru.net.vn/mash/daisy.jpg) repeat fixed top center; color: snow; }

body a, a:visited { color: #E5E5E5; }

a:link, #nickname { color: #E5E5E5; }

h3 {

background-image:url(http://www.guru.net.vn/mash/gif/heart.gif);

background-position:left center;

background-repeat:no-repeat;

font-family:Monotype Corsiva;

font-size:20px;

font-weight:normal;

padding-left:215px;

}

.ft a:link { color: #E5E5E5; }

.mod { border: none; }

pre {

background-color:#E8E8E8;

border:1px solid #666666;

color:#333333;

font-family:’Courier New’,'Courier’,sans-serif;

font-size:small;

margin:1em 0pt;

overflow:scroll;

padding:0.5em;

}

#ypf-coreid, #dragLeft .mod, #dragRight .mod { background: url(http://guru.net.vn/mash/Clear_Panel.png) repeat scroll top left; border: 1px outset #a9a9a9; }

#ypf-coreid .mod-content, #dragLeft .mod-content, #dragRight .mod-content { background: url(http://guru.net.vn/mash/Clear_Shadow.png) repeat scroll bottom right; }

#dragLeft .hd, #dragRight .hd { background: url(http://guru.net.vn/mash/Clear_Titlebar.png) repeat-x scroll top left; color: beige; }

#tagline-edit .hover, div.hover, #ypf-blurt .hover .blurt-msg { background-color: #9acd32; }

#ypf-blurt .hover .timestamp { color: snow; }
7. Bo^ng:
 
Mã CSS : 
body {

background-image: #EEEEEE url(http://guru.net.vn/mash/theme/7/d1078170ad.jpg);

background-attachment:fixed;

font-family: Verdana, Tahoma, Arial, sans-serif;

}

a:hover{

text-decoration: none;

color:#069;

background: url(”http://guru.net.vn/mash/theme/7/timbay.gif”) bottom;

}

.mod { /*modules*/

padding: 0px 0px 20px 0px;

background: #FFFFFF url(http://guru.net.vn/mash/theme/7/528764914a.jpg) repeat-x bottom;

border: 1px solid #267C3E;

}

.mod-content {

color:#BE7C42;

}

h3 { /*Modules title*/

font-size: 18px;

padding: 10px 0px 0px 45px;

/*text-transform: uppercase;*/

height:40px;

background: url(http://guru.net.vn/mash/theme/7/9ab7264268.gif) no-repeat;

}

.hd { /*Module header*/

background:url(http://guru.net.vn/mash/theme/7/00a741f7e5.jpg) repeat-x;

height:60px;

background-color:#34B759;

color:#FFF;

}

#ypf-profile .hd { /*About Me*/

/*background: url(http://guru.net.vn/mash/theme/7/addabd55a7.jpg) repeat-x;*/

}

#ypf-pet .bd img {

background:url(http://guru.net.vn/mash/theme/7/ebd3a8e763.gif) no-repeat center;

width:0px;

height:0px;

padding:240px 280px 0px 0px;

}

#ypf-guestbook .hd { /*Guestbook*/

background: url(http://guru.net.vn/mash/theme/7/addabd55a7.jpg) repeat-x;

}

#ypf-contacts .hd{ /*Friends*/

background: url(http://guru.net.vn/mash/theme/7/2c7f15690c.jpg) repeat-x;

}

#ypf-mystuff .hd{ /*My stuff*/

background: url(http://guru.net.vn/mash/theme/7/74fd696cc3.jpg) repeat-x;

}

#ypf-mydetails .hd{ /*My Details*/

background: url(http://guru.net.vn/mash/theme/7/74fd696cc3.jpg) repeat-x;

}

#ypf-blurt .hd{ /*My blurt*/

background: url(http://guru.net.vn/mash/theme/7/3b02d1252e.jpg) repeat-x;

}

#ypf-ryocfrs-1193839478 .hd{ /*My blurt*/

/*background: url(http://guru.net.vn/mash/theme/7/e9ecb89442.jpg) repeat-x;*/

}

#ypf-style .bd textarea {

height:250px;

}

#ypf-ange-YWT-1194839311 h3 {

font-size:14px;

}

#blurt-inline .nickname{

display:none;

}
Tham khảo :
http://mymashstuff.com
http://www.sizlopedia.com

Chúc bạn có 1 mash như ý happy
Phạm Đức Hải (Nguồn guru.net.vn)

Tags:

Ý kiến bạn đọc [ 0 ]


Ý kiến của bạn

More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa