...:DucNhat:...
Admin
Tổng số bài gửi : 786
Age : 38
Registration date : 05/10/2007
 |  Tiêu đề: Một số CSS Styles và themes cho Yahoo Mash  26/5/2008, 8:14 pm | |
| | Một số CSS Styles và themes cho Yahoo Mash |
|  Bài viết này sẽ cung cấp cho các bạn một số theme đẹp để các bạn có thể dùng ngay hoặc tùy biến theo sở thích của bạn. |
|
|
Để dùng theme theo CSS bạn làm như sau: ở phía dưới mash có phần Style this profile bạn chuyển nó sang chế độ dùng CSS, sau đó copy và paste mã CSS vào ô đó và apply.
Tham khảo mash của tôi
1. Tím dễ thương
Mã CSS :
<table bgcolor="#ffffc1" cellpadding="0" cellspacing="0"><tr><td>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;
}
</td></tr></table>
2. Xanh ngọc
Mã CSS :
<table bgcolor="#ffffc1" cellpadding="0" cellspacing="0"><tr><td>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;
}</td></tr></table>
3. Xanh nhạt
Mã CSS :
<table bgcolor="#ffffc1" cellpadding="0" cellspacing="0"><tr><td>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;
}</td></tr></table>
4. Xám nốt nhạc
Mã CSS :
<table bgcolor="#ffffc1" cellpadding="0" cellspacing="0"><tr><td>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;
[b]}
[/b]</td></tr></table>
5. Huyền bí (của anh Nghĩa)
Mã CSS :
<table style="width: 74.52%; height: 317px;" bgcolor="#ffffc1" cellpadding="0" cellspacing="0"><tr><td>[b]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; }
[/b]</td></tr></table>6. Hoa cúc
Mã CSS :
<table bgcolor="#ffffc1" cellpadding="0" cellspacing="0"><tr><td>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; }</td></tr></table>
Mã CSS :
<table bgcolor="#ffffc1" cellpadding="0" cellspacing="0"><tr><td>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;
}</td></tr></table>Tham khảo :
http://mymashstuff.com
http://www.sizlopedia.com
Chúc bạn có 1 mash như ý 
|
| |
|
