有幸加入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



欢迎大家多提修改意见,谢谢!

你可能感兴趣的:(Blog)