CSS code of the csdn blog template (1): Fly with me

 

Csdn blog is a quality blog, but I think a good UI is more attractive to reading ------------------- 0

Effect preview: Click to view the chart

 

Skin replacement steps:

(1) Go To The csdn blog management background, Open configuration options, and select cogitation from the configuration list skin drop-down menu;

(2) copy the following CSS code to the text box under the custom CSS style;

(3) Click "save" to complete skin replacement. Your blog looks completely refreshed!

 

/* Design: zero (blog.csdn.net/winnersong) */A: link {
Color: #3939d8;
}
A: visited {
Color: # 47b12c;
}

Body {
Background: transparent;
}

# Form1 {
Border: none;
Width: 100%;

}
# Top {
Background: # fff URL (
Http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/212592/o_bg_header.jpg) Repeat;
Border: #8b8b72 dashed 1px;
Height: 147;
}
# Tagline {
Background: transparent;
Font-size: 13px;
Text-align: left;
}

. Headertitles {
Position: absolute;
Left: 40%;
Top: 20px;
Border: none;
}

. Headertitles A: hover {
Background: # 47b12c;
}

. Headerbar {
Border: none;
Background: transparent;

}

. Headerbartab {
Position: absolute;
Left: 26%;
Top: 160px;
Background: # FFF;
Height: 25px;
Font-size: 13px;
Border: #8b8b72 dashed 1px;
}

. Headerbartab A: link {
Color: #3939d8;
}

. Headerbartab A: hover {
Background-color: # 47b12c;
}
. Headerbartab A: visited {
Color: #000;
}

# Header1_bluetab {
Display: none;
}
# Header1_mylinks1_admin {
Color: #000;
}

. Blogstatsbar {
Position: relative;
Background: transparent;
Left: 35%;
Top: 40;
Font-size: 12px;

}

# Form1 {
Background: URL (http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/212592/o_back.gif) Repeat;

}

# Main {
Margin-left: 25%;
Margin-top: 30px;
Background: transparent;
Border: none;
}

# Leftmenu {
Font-size: 15px;

Position: relative;
Float: left;
Top:-55;
Background: # FFF;
Border: none;
Margin-left: 2%;
Width: 20%;
Border: #8b8b72 dashed 1px;
}

# Leftmenu H3 {
Font-size: 14px;
Background: URL (http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/212592/o_h3bg.gif) Bottom no-Repeat;
Padding-left: 10px;

}

Div. Post {
Border: #8b8b72 dashed 1px;
Background: # FFF;
}

Div. posttitle {
Padding-left: 25px;
Font-size: 15px;
}

Div. posttext {
Padding-left: 15px;
}

. Tag {
Height: 20px;
}

# Tagad {
Display: None
}

 

This UI is designed for 1024*768, but can be read normally at other resolutions.

Statement: images are from the Internet

 

Click here to view more templates