有幸加入skin设计小组,简单说明本blog样式及设置,抛砖引玉
/*
powered by leves
2004.8
顶部区域 主要是设置背景图,及标题字体
*/
#top {
background-image: url(http://www.cnblogs.com/images/cnblogs_com/leves/Topimg.jpg);
background-repeat: no-repeat;
padding-top: 15px;
background-color : #2a99ea;
color : #fff;
border-bottom : 1px dotted #fff;
height : 120px;vertical-align : middle;
FILTER:progid:DXImageTransform.Microsoft.Shadow(Color=#999999,offX=10,offY=10,direction=90,Strength=5);
}
#tagline{
color:#fff;
font-weight:normal;
}
/* 设置站内超连接样式*/
a:link
{
background: url(images/3x1999.gif) repeat-x left bottom;
color: #3366cc;
}
a:visited
{
color: #0066cc;
text-decoration: none;
}
a:hover
{
color: red;
text-decoration: underline;
background: none;
}
/* 时间样式 */
.date
{
background: #F1F1F1;
border: solid 1px #efefef;
color:#69c;
filter:alpha(opacity=50);
}
/*5号标题样式*/
.post h5
{
border-left: #06f 5px solid;
padding: 0 0 0 10px;
}
/*2号标题样式*/
.post h2
{
border-left: #06f 5px solid;
padding: 0 0 0 10px;
}
/* 右侧导航栏样式,半透明, 并且上移了45px*/
#rightmenu
{
margin-top :-45px ;
padding-right :20px ;
background: #fff;
filter:alpha(opacity=80);
border-left : 1px dotted #ccc;
border-top: 1px dotted #ccc;
border-right: 1px dotted #ccc;
}
/*3号标题的样式 */
#rightmenu h3
{
background: #F1F1F1;
color:#69c;
border-top: solid 1px #69c;
padding: 2 0 6 0;
border-bottom: solid 3px #69c;
filter:alpha(opacity=100);
padding :0 0 10 0;
}
powered by leves
2004.8
顶部区域 主要是设置背景图,及标题字体
*/
#top {
background-image: url(http://www.cnblogs.com/images/cnblogs_com/leves/Topimg.jpg);
background-repeat: no-repeat;
padding-top: 15px;
background-color : #2a99ea;
color : #fff;
border-bottom : 1px dotted #fff;
height : 120px;vertical-align : middle;
FILTER:progid:DXImageTransform.Microsoft.Shadow(Color=#999999,offX=10,offY=10,direction=90,Strength=5);
}
#tagline{
color:#fff;
font-weight:normal;
}
/* 设置站内超连接样式*/
a:link
{
background: url(images/3x1999.gif) repeat-x left bottom;
color: #3366cc;
}
a:visited
{
color: #0066cc;
text-decoration: none;
}
a:hover
{
color: red;
text-decoration: underline;
background: none;
}
/* 时间样式 */
.date
{
background: #F1F1F1;
border: solid 1px #efefef;
color:#69c;
filter:alpha(opacity=50);
}
/*5号标题样式*/
.post h5
{
border-left: #06f 5px solid;
padding: 0 0 0 10px;
}
/*2号标题样式*/
.post h2
{
border-left: #06f 5px solid;
padding: 0 0 0 10px;
}
/* 右侧导航栏样式,半透明, 并且上移了45px*/
#rightmenu
{
margin-top :-45px ;
padding-right :20px ;
background: #fff;
filter:alpha(opacity=80);
border-left : 1px dotted #ccc;
border-top: 1px dotted #ccc;
border-right: 1px dotted #ccc;
}
/*3号标题的样式 */
#rightmenu h3
{
background: #F1F1F1;
color:#69c;
border-top: solid 1px #69c;
padding: 2 0 6 0;
border-bottom: solid 3px #69c;
filter:alpha(opacity=100);
padding :0 0 10 0;
}
欢迎大家多提修改意见,谢谢!