Để nắm được đoạn mã chỉnh sửa Blog, trong trang 360themes.com có chỉ chúng ta tất cả các mã để có thể tạo 1 Blog hoàn chỉnh, nhưng do trang 360themes.com không phải lúc nào chúng ta cũng có thể vào được nên tôi muốn tập hợp tất cả các code đó lại 1 cách đơn giản nhất nhằm giúp cho các bạn dễ dàng tìm được đúng loại code mà mình cần:
A. NickName:
1. Thay màu và font chữ cho nickname: Cái này có 1 giới hạn là nếu máy người xem có font chữ đó thì mới hiện chính xác được (khuyến cáo ko dùng font VNI)
Code:
#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ữ */
}
Code:
#nickname {
display: none; /* Dòng này để ẩn phần nickname bằng chữ */
}
#nickname-edit h1 {
background: url(http://i153.photobucket.com/albums/s237/kelangthang182000/nickname.png); /* link tới hình dùng làm nickname */
background-repeat:no-repeat;
color: #ffffff;
height: 100px; /* chiều cao hình */
width: 400px; /* chiều rộng hình */
}
3. Thay khung ảnh cho Avartar:
Code:
#ypf-coreid .user-card .user-images {
background-image:url('http://i153.photobucket.com/albums/s237/kelangthang182000/khunghinh.png'); /* Link ảnh */
}
B. Background cho Mash (chèn hình nền)
1. Dạng tile: hình nền lặp lại nhìu lần (khuyến cáo nên dùng hình ít màu sắc, có màu tối và phải làm nổi bật màu chữ, ko dùng section trong suốt sẽ gây mỏi mắt cho người xem !)
Code:
body {
background-color:#232f39;
background-image:url('http://209.85.12.234/1046/116/upload/p8472559.gif'); /* link đến hình làm nền */
background-attachment:scroll;
font-family:Verdana, Tahoma, Arial, sans-serif; /* font chữ */
color:#97bcd0; /* màu chữ */
}
Code:
body {
background-color:#232f39; /* Màu nền */
background-image:url('http://209.85.12.234/1046/116/upload/p8472559.gif'); /* link hình */
background-attachment:scroll;
background-position:top; /* Vĩ trí của hình: có thể thay top bằng: left, right, bottom, center...hoặc ai rành CSS thì dùng % hay px để canh chính xác hơn */
background-repeat:no-repeat;
font-family:Verdana, Tahoma, Arial, sans-serif;
color:#97bcd0; /* Màu chữ */
}
Code:
body{
background-image:url("http://209.85.12.234/1046/116/upload/p8472559.gif"); /* link hình */
background-attachment: fixed;
background-position: center; /* vị trí hình: có thể thay bằng left, right... */
background-repeat:no-repeat; /* nếu muốn hình lặp đi lặp lại thì thay bằng "repeat" */
background-color:ffffff; }
Code:
body
{
width:921px; /* Chiều rộng của hình nền */
background-color:#232f39; /* Màu nền */
background-image:url('http://209.85.12.234/1046/116/upload/p8493203.jpg'); /* 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('http://209.85.12.234/1046/116/upload/p8493201.jpg'); /* Link hình dùng làm BOTTOM */
background-position:bottom right;
background-repeat:no-repeat;
padding-bottom:133px;
}
1. Đổi font chữ, màu sắc, kích thước của đề mục:
Code:
h3 {
font-family:Words of love; /* tên font */
font-size:36px; /* Cỡ chữ */
color:#ffffcc; /* màu sắc */
}
2. Chèn hình vào đề mục:
-Chèn vào đầu đề mục:
Code:
h3 {
font-family: Tahoma, serif;
font-size: 26px;
font-weight: normal;
padding-left: 40px;
background-image:url(http://i153.photobucket.com/albums/s237/kelangthang182000/emotion-magic1.png); /* link hình */
background-position:left;
background-repeat:no-repeat; }
-Chèn hình trên đề mục:
Code:
.x1{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://i153.photobucket.com/albums/s237/kelangthang182000/emotion-magic1.png'/* link hình */, sizingMethod='scale');
height: 104px; /* chiều cao hình */
width: 98px; /* chiều rộng hình */
display: block;
position:absolute;
top: -30px;
left:10px;
z-index: 20;
}
.x1[class]{
background: transparent url(http://i153.photobucket.com/albums/s237/kelangthang182000/emotion-magic1.png /* link hình */) no-repeat;
}
}
Ngoài ra nếu bạn biết CSS bạn có thể thay các đề mục trên Máh bằng hình ảnh của mình !
D. About me:
1. Thay đổi font chữ, màu chữ, chèn hình nền và đóng khung About me:
Code:
#ypf-profile {
background: url(http://i153.photobucket.com/albums/s237/kelangthang182000/aboutme.png); /* link hình */
background-repeat:no-repeat; /* nếu muốn hình lặp lại thì thay bằng "repeat" */
background-position:bottom right; /* vị trí hình: phía dưới và bên phải */
font-family: serif; /* font chữ */
font-size: 26px; /* cỡ chữ */
color: #ffffcc; /* màu chữ */
border-top: 3px double #efefef; /* kích thước và màu khung trên */
border-left: 3px double #efefef; /* kích thước và màu khung trái */
border-bottom: 3px double #efefef; /* kích thước và màu khung dưới */
border-right: 3px double #efefef; /* kích thước và màu khung phải */
}
Code:
#ypf-profile .bd
{
width:394px; /* Chiều rộng */
height:332px; /* Chiều cao */
padding:0;
position:relative;
overflow:auto;
}
- Trái tim bay lên khi rê chuột vào 1 liên kết:
Code:
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(http://img216.imageshack.us/img216/7128/traitimbayuw8.gif);
}
1. Chèn hình nền và khung vào section:
Code:
.mod {
background-color:none; /* màu nền */
background-image:url('http://www.myspacelayoutsupport.com/myspace-backgrounds/images/bricks/bricks03b.jpg'); /* hình nền */
border-style:solid; /* kiểu khung */
border-width:2px; /* độ dày của khung */
border-color:#3C6A90; /* màu khung */
}
Code:
.hd {
background-color:#3C6A90; /* màu nền của phần tiêu đề */
}
1. Chèn hình nền cho phần Guestbook:
Code:
#ypf-guestbook {
background-color:#232f39; /* Màu nền */
background-image:url('http://209.85.12.234/1046/116/upload/p8493243.jpg'); /* link hình nền */
background-position:left 40px;
background-repeat:no-repeat;
}
Code:
#ypf-guestbook .form-wrapper textarea
{
background-image:url(http://img297.imageshack.us/img297/9261/gif34gifre8.gif); /* link hình */
}
Code:
#ypf-guestbook .bd
{
height:600px; /* Chiều dài */
position:relative;
overflow:auto;
}
Nguồn 360themes.com
Các bài liên quan:
Cách tự invite Yahoo Mash
Thủ thuật Yahoo Mash (p2)
Thủ thuật Yahoo Mash (p3)
2 nhận xét:
Uhm,tui dễ tìm code hơn thanks...
nice, i just added up even more different emo backgrounds 2 my blog
http://www.emo-backgrounds.info
Đăng nhận xét