I have been envious of the masters' blog, I finally found a good article, hurry to beautify my own blog statement: Reposted from Jackei test life (http://blog.9cbs.net/jackei/archive/2004/11/27/195418 .aspx) I really want to give up the 9CBS blog, but look at the content of my hard to accumulate, I really don't want it. And, I changed the blog as if I changed the mobile phone number, but also notify my friends. I want to go, I always feel that some costs are too high. But when I find another blog service provider, I saw a lot of beautiful blog, so I was one of my heart: It's better to dress blog first. So With this new BLOG that spent 5 hours .-- Of course, this is because I spent a lot of time to find some suitable things, you are looking at this thing now, you don't have to be so hard, if you are familiar Code, 30 minutes can be fully engaged.
In fact, 9CBS's Blog can customize only "custom CSS selectors" and "static news / declaration" under "BLOG Management -> Options -> Configuration". The CSS part is responsible for the style and style of the interface, and "static news / Declaration "section can be used to change the elements and content contained in the interface. The following post is what I now in this blog about the two modifications on the above, for reference only.
"Custom CSS Selector" section
Body {
Margin: 0px; Background-Color: #fafafa
}
A {
Color: # 00f; Text-Decoration: None
}
A: Hover {
Color: Black; Text-Decoration: None
}
H2 {
Margin: 0px 0px 10px
}
#top {
FILTER: progid: DXImageTransform.Microsoft.Gradient (startColorStr = '# 0A6CCE', endColorStr = '# FFFFFF', gradientType = '1'); COLOR: #fff; BORDER-BOTTOM: # 443 0px solid; HEIGHT: 100%
}
#top h1 {
Padding-right: 5px; padding-left: 5px; padding-bottom: 2px; padding-top: 2px
}
#top h1 a {
Color: #fff;
}
#menu {
Border-top: # 999 1px solid; font-size: 100%; Background: # f1f1f1; padding-bottom: 2px; margin: 0px; padding-top: 2px; border-bottom: # 999 1px Solid
}
#menu ul {
Height: 100%; font-size: 100%; Color: Black; Text-Decoration: none; margin: 0px 0px 0px 20px; padding: 0px; list-style-type: none;
}
#menu li {
Height: 100%; font-size: 100%; Border-Right: # a9a9a9 1px solid; padding-right: 2px; display: inline; padding-left: 2px; padding-bottom: 0px; padding-top: 0px;
}
#menu li a {
Height: 100%; Font: 80% Verdana; Color: Black; Text-Decoration: none;
}
#menu li a {
Border: 1PX # f1f1f1 solid; padding-left: 6px; padding-right: 6px; padding-top: 1px; padding-bottom: 1px; margin: 0px; Background-Color: # f1f1f1; color: black; text-decoration: None;}
#menu Li a: Hover {
Border: 1px # 999 Solid; Padding-Left: 6px; padding-right: 6px; padding-top: 1px; padding-bottom: 1px; margin: 0px; Background-Color: #ccc; color: black; text-decoration: None;
}
# Mylinks1_xmllink {
Visibility: hidden; width: 0px; height: 0px; padding: 0px; margin: 0px;
}
# Mylinks1_xmllink img {
Visibility: hidden; width: 0px; height: 0px; padding: 0px; margin: 0px;
}
#leftmenu h3 {
BORDER: # 999 0px; BORDER-BOTTOM: none; HEIGHT: 100%; MARGIN: 0px; PADDING: 5px; FILTER: progid: DXImageTransform.Microsoft.Gradient (endColorstr = '# ffffff', startColorstr = '# 4992DB', gradientType = '0');
}
#leftmenu ul {
Border-right: # 999 0px; padding-right: 5px; border-top: # 999 0px; margin-top: 0px; padding-left: 4px; margin-bottom: 10px; padding-kettom: 4px; margin-left: 0px; border-left: # 999 0px; padding-top: 4px; border-bottom: # 999 0px
}
#leftmenu li a {
Color: Black; Text-Decoration: none;
}
#leftmenu li a: hover {
Color: Black; Text-Decoration: Underline;
}
#main {
Padding: 10px; margin-left: 170px; border: none; border-left: # 999 1px solid; border-bottom: # 999 4px solid; Background-Color: #fffff
}
#main p.date {
BORDER: # 999 1px solid; BORDER-BOTTOM: none; PADDING: 5px; MARGIN: 0px; HEIGHT: 100%; FILTER: progid: DXImageTransform.Microsoft.Gradient (endColorstr = '# 4992DB', startColorstr = '# FFFFFF', GradientType = '1');
}
#main div.post {
Border: # 999 1px solid; padding: 5px; margin: 0px 0px 10px;
}
#main a, A: Hover, A: visited {
Color: # 700;
}
#main p.postfoot {
Padding: 0px; padding-top: 5px; padding-bottom: 2px; margin: 10px 0px 0px; border-top: # 999 1px dotted;
}
#comments {
Margin-bottom: 10px; Color: # 700
}
#comments h3 {
Color: # 700
}
#comments h4 {
}
#comments p {
Border-bottom: #dddddd 1px solid
}
#comments p a {
FONT-SIZE: 9PX; Color: DarkBlue
}
#comments h4 span {
Color: # 999
}
#footer {
Font-size: 0px; Visibility: hidden; margin: 0px; padding-top: 0px; height: 0px; text-align: center
}
#footer img {
Visibility: hidden; width: 0px; Height: 0px
}
#div_list p {
Font-size: 12px
}
#div_list img {
Border-right: # 000000 1px solid; border-top: # 000000 1px solid; border-left: # 000000 1px solid; border-bottom: # 000000 1px Solid
}
#imageframe div.div_image {
Margin-top: 20px; Text-Align: Center
}
#imageframe div.div_link {
Text-align: center
}
#commentform table {
Border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px
}
#commentform td {
Border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px
}
#commentform tr {
Border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px
}
#main div.cus_code {
Color: # 465584; font-size: 20px; font-family: Courier new; border: # 000000 1px solid; border-left: # 666666 6px solid; padding-left: 0px 0px 0px 0px; Margin: 10px 20px; behavior: URL ("/ images / upload / myhan / formatphpcode.htc"); Background-Color: #fffff;
}
"Static News / Declaration" part
1. Add your own photos
-------------
"
indicate a new line."
2. Add Personal Profile
Chen Lei
software test engineer
"programmer" Special writer
From Shandong Service Guangzhou
3. Add email contact information
-------------
4. Insert the counter
