CSS代码的说明
CSS代码的说明
CSS代码的说明
一、去除头部banner：
找到以下代码：
div#header{
加入以下代码：
display:none;
二、去除头部banner左侧的文字：
找到以下代码：
h1.title{
加入以下代码：
display:none;
三、去除作者信息：
找到以下代码：
div#myPhoto{
加入以下代码：
display: none;
四、去除博客介绍：
找到以下代码：
div#mybolg{
加入以下代码：
display:none;
五、去除博客个性图片：
找到以下代码：
div#blogImg{
加入以下代码：
display:none;
六、去除日历：
加入以下代码：
div#calendar{display:none;}
七、去除文章栏目：
找到以下代码：
div#category{
加入以下代码：
display:none;
八、去除登陆框：
加入以下代码：
div#loginFrm{display:none;}
九、去除文章索引：
加入以下代码：
div#blogIndex{display:none;}
十、去除在线留言:
加入以下代码：
div#guestBook{display:none;}
十一、去除最新评论：
加入以下代码：
div#remark{display:none;}
十二、去除底部banner：
找到以下代码：
div#footer{
加入以下代码：
display:none;
十三、去除博客介绍中的博客网站名称：
找到以下代码：
h3{
加入以下代码：
display:none;
十四、去除首页所有文章标题
在首页的CSS中加入以下代码即可：
.diaryTitle{display:none;}
十五、去除首页文章底部的作者、日期
在首页的CSS中分别加入以下代码即可：
. diaryFoot{display:none;}
十六、去掉置顶文章标题“作者置顶”四个字
在首页的CSS中加入以下代码即可：
em{display:none;}
十七、取消博客手拉手
把下面的代码加入到“单篇文章CCS代码”中
div.operation{text:expression((children != null && children.length>0 && children[0].name=="relatedDiary")?style.display = "none":"")}
十八、去掉“加入收藏夹”
div#otherFrm{display: none;}
十九、去掉博客搜索和快速通道
在首页的CSS中加入以下代码即可：
div#search{display:none;}
div#chunnel{display:none;}
博客首页模块定位方法
我依次说明说明首页模块的代号，如下所示：
一、看见
。
二、看见
三、看见
模块都会和左边框架的显示方位一致，即左边框架在左显示，功能框架就在左边显示；反之亦然。
而且排列是按照博客默认设置的顺序，比如：关于作者、日历、快速登录等依次显示（如果你不隐藏的
话）。
四、然后我把功能框架里的这些模块依次说明一下。
1、
可见，我们选择一个没有修改的模版时，功能框架里的模块就会按照如上顺序显示。而且可以通过在首
页CSS添加display:none;来隐藏这些模块。比如div#myPhoto{display:none;}
但是如果对上述模块进行重新定位，就会移动这些模块。
定位的代码一般为，找到id后面的英文名称，然后在首页CSS里进行定义，以日历为例：
div#calendar{
position:absolute;
width:200px;
top:250px;
left:700px;
}
对代码的说明：
position:absolute;表示绝对位置，我一般都是这样设。
width表示模块的宽度。
top表示离页面顶端的距离。
left表示离页面左端的距离。
这样，可以对所有这些模块重新定位。但是，如果我们要对文本书签里面的子模块定位，就不能按照上
面的方法定义，因为那样做会使整个文本书签的模块一起移动。
因此，我们可以在文本书签的描述里添加一些代码定义，就可以单独实现文本书签的子模块的重新定位
。
比如要移动时钟的子模块，这时我们不能新建一个名为“时钟”的文本书签，而是在已经建好的、并不
准备移动的文本书签的描述里再添加如下一段代码：
然后再在首页CSS里加入
div#clock{
position:absolute;
width:200px;
top:500px;
left:700px;
}
就可以单独移动子模块了，高宽度再根据你的模版进行设定。
这个clock可以自己任意取名，不过在两段代码里要保持名字一致就行了。
五、看见
要有：
1、
因此，可以按照与上面相同的方法，对这些模块进行修改和定位了。
比如
div#blogImg{
position:absolute;
width:200px;
top:250px;
left:200px;
}
六、看见
Banner，不用移动了。
其实在修改首页CSS的时候，只要找到id后面那些名称，对其进行定义，就能修改相应的模块了。
给首页加边框的方法
如果要让首页看起来更紧凑，可以通过在博客后台管理的DIY首页CSS里添加代码来实现。
主要的代码包括：
border-left:5px solid #00688B;
border-right:5px solid #00688B;
border-bottom:5px solid #00688B;
border-top:5px solid #00688B;
分别表示你要给你网页组件添加的方位为左边、右边、底部和上部，
5px表示宽度，
#00688B表示边框的颜色，当然你可以自行选择了。
这个边框可以给你网页的任何组件进行添加，包括大框架、左边框架、右边框架、功能框架等。
比如：div#container{
}
div#leftFrm{
}
div#rightFrm{
}
div.operation{
}
可以在首页CSS里找到上述代码，根据你自己模版的宽度，修改添加边框宽度和颜色。这样就可以使你的博客首页更加紧凑、美观了。
搜索更多相关主题的帖子:
CSS 代码
