blogmodule.css----博客栏目

本文介绍了一种调整博客样式的实用方法,通过修改CSS属性来改变导航栏和主要内容区域的布局及外观,适用于希望改善博客用户体验的技术人员。

 

 

.blogwrapper {   }

 

/*当导航栏目放在左侧时,设定左侧栏目的宽度*/

.blognavleft {float: left; width: 160px; padding: 5px 5px 30px 5px;

     margin: 0px 0px 0px 0px; }

    

/*当导航栏目放在右侧时,设定右侧栏目的宽度*/   

.blognavright {float: right; width: 160pxpadding: 5px 5px 30px 5px;

     margin: 0px 0px 0px 0px; }

    

.blogcenter-nonav {margin: 0px 0px 0px 0px; padding: 5px 0px 0px 5px;    }

 

/*导航栏目在左侧时,中间栏目为左侧栏目留出的空间*/

.blogcenter-leftnav {margin: 0px 0px 0px 175px; padding: 5px 0px 0px 5px;   }

 

/*导航栏目在右侧时,中间栏目为右侧栏目留出的空间*/

.blogcenter-rightnav {margin:0px 175px 0px 0px; padding: 5px 0px 0px 5px;    }

.bloginfo {   }

.bloginfotitle {   font-weight: bold; }

.blogtitle { margin: 5px 0px 0px 0px;   font-weight: bold; }

.blogdate { padding: 0px 5px 0px 0px; text-align:right; font-size:11px; }

.blogcommentlink

{ font-size:11px; text-align:right; padding: 0px 5px 3px 0px; font-family: Trebuchet MS;    }

div.blogcommentlink{ border-bottom: 1px solid #EAEAEA; }

div.blogcommenttext { border-bottom: 1px solid #EAEAEA;   }

.blogcommenttitle { font-family: Trebuchet MS;    }

 

.blogcommentposter { font-size:11px;   }

.blognav ul { list-style-type:none; }

.blognav li { list-style: none; margin: 0px 0px 3px -30px;}

div.blognavright div h3 { margin: 0px 0px -10px 8px; }

转载于:https://www.cnblogs.com/wenjie/archive/2009/02/12/1389431.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值