使用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");
});

时间: 2024-12-20 20:56:25

使用CSS和JS自定义博客风格的相关文章

自定义博客园主题样式

自定义博客园主题样式 基础实现 之前有记录自己自定义目录以及相关样式功能,感兴趣的可以看下 博客园如何设置目录生成&设置目录&设置标题背景色&修改标题背景色 在此基础上再加点捣鼓内容,实现主题样式透明化.增加侧边“分享”模块.标题级别显示设置 具体代码中会进行注释,可进行相应参考 内容比较粗略,将就看喽~ 透明化 效果 具体实现 ****************************************** 页面定制CSS代码 ************************

博客入门--自定义博客主题

对于以往博客网站已提出较多主题供用户使用,但对于海量用户而言其主题难免过于单一. 为突出博客主题个性化显示,目前已有第三方开源库(https://github.com/BNDong/Cnblogs-Theme-SimpleMemory)供大家使用.本文以博客园为例,实现自定义主题设置. 进入博客园设置页面 下载第三方库.本文重要使用资源包中的.\src\style\base.min.css的样式资源(https://github.com/BNDong/Cnblogs-Theme-SimpleMe

使用highlightjs_markdown编辑器自定义博客园代码高亮

一 下载选定highlightjs主题CSS样式 先去highlightjs官网选择一个主题,然后直接下载主题包,找到对应名字的css,复制所有css样式代码 然后博客园选项修改默认编辑器为markdown,如下: 二 修改CSS代码并设置 在样式的第一行.hljs前面加上这句 .cnblogs-markdown 还需要在背景颜色和字体大小后加入强制覆盖,即!important,只需要改动第一个,如下图: 将修改后的css样式直接贴在设置里面的页面定制 CSS 代码里面保存即可查看效果,注意,如

玩转CSDN之自定义博客栏目

玩转CSDN之自定义博客栏目 不得不说,CSDN在IT界还是非常不错的, 不管是文章数量还是质量,都非常不错,很多程序猿也在CSDN建了窝,那么如何把CSDN的主页设置的更加符合自己的口味,就是我们今天要做的事. CSDN博客的栏目指的是这块内容: 这里面,有的是CSDN博客自带的内容,比如个人资料.博客专栏等,还有些内容,我们可以自定义,首先,我们需要进入个人的博客首页,点击管理博客,并切换到博客栏目选项卡,这里,就是我们修改自定义栏目的主战场了. 自定义链接 我们首先来看最简单的,增加一个栏

自定义博客总结

参考链接:[详细图解]一步一步教你自定义博客园(cnblog)界面 原文地址:https://www.cnblogs.com/ilaozhao/p/11006270.html

自定义博客园模板/css/html/js

唔....实在是找不到什么别的事情好干了,省选凉凉回去学文化课真的说实话很无聊...而且导致现在OI做题并没有什么目的性和系统性...还不如去做物理... 可能有对我博客样式感兴趣的朋友...我这里省去你们F12的时间来介绍一下我的博客模板吧... 首先总的stylecss和大模板都是当初angel_Kitty学姐的,嗯,连接在这,可以自己去看:博客园自定义页面风格设计 后续篇(页面设计模式及代码高亮 鼠标点击效果升级). 这里着重感谢学姐帮我指导和完善了博客的样式. 看完了上面的应该就已经有了

自定义博客园JS插件

在博客园侧边栏添加JS内容,需要先点击申请JS的链接. 1.动态钟表插件JS代码 <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="160" height=&quo

自定义博客完的页面

1,通过CSS定制页面风格 /*公用*/ body { font-size:15px; padding:0; margin:0; font-family:"微软雅黑","宋体",Arial; background:#205424 url('http://mat1.gtimg.com/www/mb/theme/qqfs/one_lhj/wrapBg.jpg') no-repeat top center fixed; min-width:1200px; } #home

【轮子狂魔】手把手教你用JS给博客动态增加目录 - 超级懒人版

动态显示目录的作用 不用每次写博客的时候繁琐的人工整理目录,又可以动态浮动在右下角,方便快速跳到感兴趣的位置同时也可以快速的对文章内容有一个大概的了解. 实现原理 首先根据个人喜好,我习惯了用 h1 来做分类.所以本篇内容也主要是针对h1来提取目录. 如何提取出来h1呢? 先来看这张图,以猎豹浏览器为例: 首先在博客内容第一行点击鼠标右键,然后选择检查.这时会弹出右边的框,直接定位到我的h1标签,就这么简单的找到了它的父级 cnblogs_post_body . 然后使用 jquery 选择器