Let's take a look at how to paste the Code directly in the CSS file. Haha, the beauty of our own eyes... DIY donews blog template 3 spring full garden material comes from CSS Zen. Because there is a 580-wide IFRAME on the page that affects the display, we recommend that you use CSS to hide it. Why should I forget it.
There is also the problem that IE cannot be centered. Although it is processed, there are still problems in different resolutions (suitable for 1024x768), waiting for the blog program to be updated.
Select lighty.
CSS code:
Body, HTML {
Background: # fff URL (http://www.donews.net/images/www_donews_net/dodo/54776/o_ie_back.jpg) 50% 0 no-Repeat;
Color: #444444;
Font-family: Ms shell DLG;
Font-size: 12px;
Margin: 0;
Line-Height: 150%; padding: 0px;
Text-align: center;
}
FORM {
Margin-Right: auto;
Margin-left: auto;
Font-size: 14px;
}
. Pagelayout {
Margin: auto;
Padding: 120px 0px 0px 0px;
Width: 750px;
Font-size: 14px;
Text-align: left;
}
A: visited, A: active, A: link {
Color: #686e24;
Text-Decoration: none;
}
A: hover {
Color: #686e24;
Text-Decoration: none; padding: 3px;
Background: # d7edb7;
Border-bottom: 1px dotted #333
}
BLOCKQUOTE {
Font-style: italic;
}
# Header {
Text-align: center;
Color: #686e24;
Font-size: 12px;
Font-family: Ms shell DLG;
Padding-top: 10px;
Padding-Right: 20px;
Background: URL (http://www.iqoo.com/images/pix.gif) 0 0 no-Repeat;
}
# Header span {Line-Height: 100% ;}
# Header # header1_headertitle {
Color: #000000;
Font-size: 16px; font-family: Arial; line-Height: 120%; font-weight: bold; color: #686e24
}
# Main {float: Left; padding: 30px 0px 0px 15px; width: 490px; font-size: 14px; line-Height: 160%; color: #444444; Word-wrap: break-word;
}
# Footer {clear: Both; border-top: 3px solid # c0c0c0; padding-top: 10px; text-align: center; font-size: 12px}
# Menu {clear: Both; padding: 0;
Float: right;
Width: 178px;
Word-wrap: Break-word;
}
# Menu H1 {
Color: #686e24; padding: 0px 0px 0px 5px; width: 160px;
Font-size: 14px;
Font-weight: bold;
Margin: 0px;
Border-bottom: 1px dotted # d9d9d9;
}
# Menu H3 {
Color: #686e24; padding: 0px 0px 0px 5px; width: 160px;
Font-size: 14px;
Font-weight: bold;
Margin: 0px;
Border-bottom: 1px dotted # d9d9d9;
}
# Menu ul {
List-style: none;
Padding: 0px;
Margin: 0px 0px 15px 5px;
Font-size: 12px;
}
# Comments {font-size: 12px; line-Height: 150%}
# Comments a {font-weight: bold}
. Posttitle {font-weight: bold}
. Posttitle A,. posttitle A: Link,. posttitle A: visited {color: #355ea0; font-size: 14px}
. Datetitle {color: #808080; font-size: 12px}
Div, select, input {font-size: 12px; Word-wrap: Break-word ;}
Div. Block {
Background-image: URL (images/main_background.gif );
Background-position: Top left;
Background-repeat: Repeat-y;
Font-size: 12px;
Text-align: justify;
}
Div. block_footer {
Background-image: URL (images/day_footer.gif );
Background-position: Top left;
Background-repeat: No-Repeat;
Height: 67px;
}
Div. Post {
Padding-left: 0px;
}
. Datetitle {font-size: 12px; color: #000000; line-Height: 280%}
Div. posttitle {
Color: #686e24;
Font-family: "Ms shell DLG ";
Font-size: 14px;
Font-weight: bold;
}
Div. posttext {Line-Height: 150%}
. Posttitle A: visited,. posttitle A: active,. posttitle A: link {
Color: #686e24;
Text-Decoration: none;
Border-bottom: 1px dotted #686e24; padding: 2px;
}
. Posttitle A: hover {
Color: #355ea0;
Text-Decoration: none; padding: 3px;
Border-bottom: 1px dotted #686e24;
}
. Postfoot {Line-Height: 120%; border-bottom: 1px dotted #808080; font-size: 12px ;}
Div. itemdesc {
Color: #808080;
Font-size: 12px;
Text-transform: uppercase;
}
Div. seperator {
Background-position: Top left;
Background-repeat: No-Repeat;
Margin: 15px 0px 10px 0px;
}
Div. entrylistitem {
Padding-left: 20px;
Padding-bottom: 10px;
}
A. entrylisttitle, A. entrylisttitle: visited, A. entrylisttitle: Link, A. entrylisttitle: Active {
Color: # ff6600;
Font-size: 14px;
Font-weight: bold;
}
Div. moreinfo {
Font-size: 12px;
Text-align: justify;
}
Div. moreinfotitle {
Color: # ff2a00;
Font-size: 12px;
Font-weight: bold;
}
Div. Comments {
Font-size: 12px
}
Div. Comment {
Background-color: # fbfbfb; font-size: 12px;
Border: 0px dotted # dddddd;
Margin: 10px 0px 10px 0px;
Padding: 10px;
}
Div. comment_author {
Margin: 5px 0px 5px 0px; font-size: 12px;
}
Div. comment_content {
Margin: 5px 0px 5px 0px; font-size: 12px;
}
# Postcomment {
Border: 0px solid # dddddd;
Background-color: # fbfbfb;
Font-size: 12px;
Padding: 10px;
Text-align: justify;
Margin-top: 15px;
Width: 435px;
}
# Postcomment Div {
Color: #808080;
Font-size: 12px;
Font-weight: bold;
Margin: 5px 0px 5px 0px;
}
# Postcomment input. Text, textarea {
Border: 1px solid # dddddd;
Font-size: 12px;
}
Input. Text {
Width: 300px;
}
Textarea {
Width: 300px;
Height: 200px;
}
# Relatedlinks ul {
List-style: none;
Margin-left: 10px;
Padding: 0px;
}
Span. Highlight
{
Background-color: yellow;
}
# Nadframe {display: None}
. Block_title {font-size: 14px; font-weight: bold}
. Code {float: Left; width: 90%; padding: 10px; Border: 1px dotted # d9d9d9; Background: # f4f4f4 ;}
. Postfoot {clear: Both; padding-top: 6px}
BR {clear: Both ;}