使用CSS和JS自定义博客风格

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用CSS和JS自定义博客风格相关的知识,希望对你有一定的参考价值。

使用以下css代码,具体功能已作注释

/*隐藏页面底部的 最新IT新闻 和 最新知识库文章 */
#under_post_news
{
display:none;
}
#under_post_kb
{
display:none;
}

/*修改文章title的字体等*/
.postTitle
{
font-size:20px;
font-family:黑体;
}

/*不显示评论框(慎用)*/
#comment_form_container
{
display:none;
}

/*导航栏变色*/
#navList a:hover
{
color:#4c9ed9;
}

 

以下是js代码,用于修改HeaderTitle的链接,默认是指向博客首页地址,这里使用jquery修改

$(function() {
  $("#Header1_HeaderTitle").attr("href","http://xxx");
});

以上是关于使用CSS和JS自定义博客风格的主要内容,如果未能解决你的问题,请参考以下文章

博客园自定义页面风格设计

博客园自定义页面风格设计

博客园界面风格代码风格自定义设置

博客园界面代码风格(代码样式)自定义设置

博客园自定义页面风格设计 后续篇(页面设计模式及代码高亮 鼠标点击效果升级)

css 十大自定义风格2