I was really planning to give up the 9CBS blog, but I looked at the content of my hard to accumulate, I really can't help. And, I changed the blog as if I changed the mobile phone number, but I still want to inform 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 blogs, so I moved in my heart: It's better to put blog first. So I have this It took 5 hours of newly created blog .-- Of course, this is because I spent a lot of time to find some suitable things, you are now looking at this thing, you don't have to be so hard, if you are familiar with code, 30 Minutes can be fully understood.
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
-------------
4. Insert the counter
