我的 blog 换肤了,顺便修改了几个默认样式
2005-06-22 11:52
330 查看
用了一段时间的 KJC 皮肤,我现在对它彻底厌烦了。于是选择了一个新的:OneNote.
感觉非常清新。
但这个皮肤也有如下缺憾:
1,首页上每条贴子内容上下都有一条常常的虚线,十分晃眼。
2,贴子下面的发表人,发表时间等信息字体太小,中文显示看不清楚。(估计是按照英文合适的字体大小设计的)
查看网页源代码很快可以发现,通过自定义 CSS 就可以修正这两个问题了。
我在自定义 css 里添加:
div.postTitle {border-bottom: 1px solid #cccccc;}
div.postFoot {border-top: 1px solid #cccccc; font-size: 9pt;}
但是这样一来首页上贴子正文的部分由于是空的,会显示为一个白条,感觉也是多余,索性把他去掉。
但是因为 postText 这个样式是共享的,为了不影响贴子页面的正常显示,我这里不打算用 css 来解决,于是写了一段脚本来完成这个任务:
(加到公告里面)
<SCRIPT LANGUAGE="JavaScript">
<!--
window.attachEvent("onload", function() {
var mydivs = document.getElementsByTagName("div");
for (var i = 0; i < mydivs.length; i++) {
if (mydivs[i].className == 'postText' && mydivs[i].innerHTML == '')
mydivs[i].removeNode();
}
});
//-->
</SCRIPT>(备注:由于使用了 attachEvent 方法调用,这段脚本对 Mozilla FireFox 不会发生作用)
现在看起来清爽多了
感觉非常清新。
但这个皮肤也有如下缺憾:
1,首页上每条贴子内容上下都有一条常常的虚线,十分晃眼。
2,贴子下面的发表人,发表时间等信息字体太小,中文显示看不清楚。(估计是按照英文合适的字体大小设计的)
查看网页源代码很快可以发现,通过自定义 CSS 就可以修正这两个问题了。
我在自定义 css 里添加:
div.postTitle {border-bottom: 1px solid #cccccc;}
div.postFoot {border-top: 1px solid #cccccc; font-size: 9pt;}
但是这样一来首页上贴子正文的部分由于是空的,会显示为一个白条,感觉也是多余,索性把他去掉。
但是因为 postText 这个样式是共享的,为了不影响贴子页面的正常显示,我这里不打算用 css 来解决,于是写了一段脚本来完成这个任务:
(加到公告里面)
<SCRIPT LANGUAGE="JavaScript">
<!--
window.attachEvent("onload", function() {
var mydivs = document.getElementsByTagName("div");
for (var i = 0; i < mydivs.length; i++) {
if (mydivs[i].className == 'postText' && mydivs[i].innerHTML == '')
mydivs[i].removeNode();
}
});
//-->
</SCRIPT>(备注:由于使用了 attachEvent 方法调用,这段脚本对 Mozilla FireFox 不会发生作用)
现在看起来清爽多了
相关文章推荐
- 我的 blog 换肤了,顺便修改了几个默认样式
- 修改 文件上传 默认样式
- iOS中默认样式修改-b
- css修改下拉列表select的默认样式
- 修改 百度地图 infowindow 默认样式
- mint ui修改默认样式
- 改变CMD窗口提示符前的默认路径位置(翻译,顺便测试一下Blog)
- 如何用自己的CSS替换掉Blog默认的样式(作者:雪峰)
- 修改 bootstrap table 默认detailRow样式的实例代码
- firefox + pentadactyl 实现纯绿色高效易扩展浏览器(同时实现修改默认状态栏样式)
- 如何用自己的CSS替换掉Blog默认的样式(作者:雪峰)
- HTML中select下拉框默认样式修改
- input文本框前几个字符为默认,无法修改
- 百度编辑器UEditor,修改编辑区默认字体样式
- php eclipse 如何修改php文件创建时默认样式
- 如何修改标签默认样式
- 如何修改input[type="file"]的默认样式
- echarts 修改legend样式(矩形、圆、默认等)
- 如何用AWS(亚马逊云服务器)搭建一个自己的BLOG (2) – 修改网站的标题和样式
- 修改dedecms 5.6 模板默认颜色样式技巧