我的 blog 换肤了,顺便修改了几个默认样式

用了一段时间的 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 不会发生作用)

现在看起来清爽多了
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值