• 我的 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 不会发生作用)

    现在看起来清爽多了
  • 相关阅读:
    使用Visual Studio 2012 开发 Html5 应用
    模块化与MVC
    跨站脚本攻击(Cross‐Site Scripting (XSS))
    C#程序开发中经常遇到的10条实用的代码
    运用DebugDiag诊断ASP.Net异常
    前端MVVM框架avalon
    TOGAF架构开发方法(ADM)之需求管理阶段
    C#4.0中var和dynamic的区别
    hive 不同用户 权限设置 出错处理
    Delphi中类的运行期TypeInfo信息结构说明
  • 原文地址:https://www.cnblogs.com/RChen/p/178986.html
Copyright © 2020-2023  润新知