Mash ra đời nhằm đáp ứng nhu cầu thẩm mỹ của cộng đồng mạng, đặc biệt là các blogger. Các blogger đang chuyển nàh lên Mash. Tuy nhiên, muốn có một ngôi nhà đẹp các blogger phải am hiểu CSS. Vì chỉ có thiết kế giao diện bằng CSS thì mới hoành tráng được. Trước khi hướng dẫn các bạn chỉnh sửa giao diện bằng CSS, Vũ xin giưới thiệu đoạn mã CSS do mình thiết kế cho Mash của mình. http://mash.yahoo.com/davudesco
Các bạn copy đoạn Code trên chèn vào phần Style this profile trong Mash của các bạn. Tất nhiên bạn phải kích hoạt chức năng HTML trước đã.Bằng cách đánh dấu vào ô vuông trước Fixed position rồi bấm vào switch to basic mode
- Code:
body * {
color: #54FF9F;
font-family: Arial, Verdana, Tahoma;
}
body {
background-color: #000000;
background-image: url([url=http://i239.photobucket.com/albums/ff272/davudesco/davudeacomash.jpg]http://i239.photobucket.com/albums/ff272/davudesco/davudeacomash.jpg[/url]);
background-repeat: no-repeat;
background-position: bottom left;
color: #000000;
font-family: Arial, Verdana, Tahoma;
}
.mod {
background-color: #FF0033;
color: #000040;
border-top: 2px solid #FFCC00;
border-right: 2px solid #4D6DA4;
border-bottom: 2px solid #4D6DA4;
border-left: 2px solid #FFFCC00;
font-family: Arial, Verdana, Tahoma;
}
.hd
{
background-color: #DE9A50;
background-image: url([url=http://i165.photobucket.com/albums/u61/cdthefox/bckgrnd.png]http://i165.photobucket.com/albums/u61/cdthefox/bckgrnd.png[/url]);
padding: 7px;
color: #0080C0;
font-family: Arial, Verdana, Tahoma;
}
.ft
{
background-color: #FFFFFF;
color: #0080C0;
font-family: Arial, Verdana, Tahoma;
}
.bd
{
background-color: #660000;
background-image: url([url=http://i168.photobucket.com/albums/u179/mcdjb369/red.jpg]http://i168.photobucket.com/albums/u179/mcdjb369/red.jpg[/url]);
background-repeat: no-repeat;
background-position: top right;
color: #FF3300;
font-family: Arial, Verdana, Tahoma;
margin: 0px;
padding: 8px 8px 5px 12px;
}
select, input, textarea
{
color: #770000;
}
h3, a:link
{
color: #FFCC00;
}
#ypf-coreid .user-card .user-info .user-name h1 span.nickname {
color: #00FF00;
}
#colAA { padding-bottom: 300px;
float: left;
}
#colbb { padding-bottom: 260px;
float:right;
Các bạn copy đoạn Code trên chèn vào phần Style this profile trong Mash của các bạn. Tất nhiên bạn phải kích hoạt chức năng HTML trước đã.Bằng cách đánh dấu vào ô vuông trước Fixed position rồi bấm vào switch to basic mode