博客主题的修改

使用的系统主题:darkgreentrip

1. 在侧边栏添加自己的博客

<iframe width="100%" height="120" class="share_self"  frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=120&fansRow=2&ptype=0&speed=0&skin=1&isTitle=1&noborder=1&isWeibo=0&isFans=0&uid=1891493655&verifier=8c17d4b5&colors=d6f3f7,ffffff,666666,0082cb,ecfbfd&dpc=1"></iframe>

2. 取消博客园主页(有点不地道,已取消该设置)、取消日历、将个人订阅添加到左侧,取消文章正文页面下的多余信息,将“点赞”设为浮动窗口。

.newsItem .catListTitle
{
   color:#FFF;
}
/*设置点赞*/
#div_digg {
  position: fixed;
  bottom: 10px;
  right: 15px;
  border: 2px solid #ECD7B1;
  padding: 10px;
  width: 140px;
  background-color: #fff;
  border-radius: 5px 5px 5px 5px !important;
  box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
}
/*博客园主页*/
#MyLinks1_HomeLink[href="http://www.cnblogs.com/"]
{
   /*设置为不可见 */   /* display:none; */
}/*取消日历*/
#blog-calendar
{
  display:none;
}/*取消左侧评论、阅读排行等信息 */
#topview_posts_wrap,#topfeedback_posts_wrap,#topdigg_posts_wrap
{
  display:none;
}

/*修改RSS*/
.rss
{
    margin-bottom: 15px;
    background: #FAFCFD;
    border-radius: 7px;
    box-shadow: 1px 1px 2px #A7A8AD;
    overflow: hidden;
    zoom:1
}
.rss a:link
{
    color:white;
}
.rss a:visited
{
    color:white;
}
.rss a
{
 text-decoration:none;
}
/*取消正文页多余信息*/
#under_post_kb { display:none; } #under_post_news { display:none; }

3. js 控制部分:在左侧增加“订阅”。

<script type="text/javascript">
function addRss()
{
    $RssDiv=$("<div></div>");
    $RssDiv.attr("class","rss");
    $RssDivInner=$("<h3 class=‘catListTitle‘ ><a  class=‘‘ style=‘text-align:center‘ href=‘http://www.cnblogs.com/limingluzhu/rss‘>订阅</a></h3>");
    $RssDiv.append($RssDivInner);
    $("#blog-sidecolumn").prepend($RssDiv);
}
$(document).ready(function()
{
  $("#blog-calendar").hide();
  $(".dayTitle").hide();
  addRss();
  $("#MyLinks1_Syndication[href=‘http://www.cnblogs.com/limingluzhu/rss‘]").hide();
})
</script>
时间: 2024-08-03 16:38:11

博客主题的修改的相关文章

记Bili2.0博客主题修改过程

博客主题BiliV2.0更改及优化 主题特色 响应式布局(自适应<360px.<767px的不同尺寸屏幕). 首页全屏背景logo,个性定制. 首页公告消息. 首页轮播,支持定义不同数量的banner. 页脚返回顶部按钮. 博客正文为Github风格Markdown. 博客底部支持博主微信二维码. 博客评论板块调整为发表评论在上,评论列表在下,且评论顺序为倒序,便于查看. 支持博客评论带头像. 博客正文导航目录. 支持切换夜间模式. 支持导航栏扩展. 支持设置博客Tab图标. 支持博客代码块复

从无到有开发自己的Wordpress博客主题---代码环境准备

注意这里说的是代码环境准备哦,而不是L(M)AMP运行环境哦,运行环境会在后述文章中在写. 一.在本地初始化git环境并且链接上gitee 1.在gitee上创建一个项目托管你的代码 这个不在赘述,按照提示一步一步操作就好了,个人用户用gitee的好处是,相比于GitHub速度快,而且可以创建免费的私人库. 2.创建公钥以连接gitee 虽然主流git仓库都支持http的方式,但是每次都要输入密码,麻烦. 创建方式参考:https://gitee.com/help/articles/4181 3

博客主题更新了

博客主题更新了 当当当,经过博主一点一点的修改(其实是懒得改),博客主题终于迎来一次重大更新.本来想需要的人自己从控制台扒代码,不打算发布,然而仍有不熟悉前端的同学向我发出请求.本着互联网共享精神,特地发布当前博客主题 注意:Wider本人也不熟悉前端知识,都是平时有时间瞎捣鼓,写的代码冗长且可能存在未知bug,不一定能及时更新哦 特性 加入特色图片 介绍 博客首页文章卡片增加特色图片功能,效果详见我的博客首页,能大幅度增加博客美观度,建议用简单不杂乱的图片. 用法 添加新随笔时,在高级选项中摘

个人博客主题美化

个人博客主题美化 选择主题 Hexo默认的主题是landscape,推荐以下主题: snippet Hiero JSimple BlueLake 详见:https://github.com/search?q=hexo-theme 应用主题 下载主题 将下载好的主题文件夹,粘贴到站点目录的themes下. 更改站点配置文件_config.yml 的theme字段,为主题文件夹的名称: # Extensions## Plugins: https://hexo.io/plugins/## Themes

博客主题美化

1. 博客主题美化 cnblogs是一个老牌博客站点,是一个非常好的记录学习与生活的地方,但是主题看着着实有些年代感,所以找了一些博客主题美化下博客. 首先展示一下修改后的效果 主页效果 侧边栏效果 博客页面效果 2. 需要修改的地方 注意:需要申请JS权限,一般申请后都能通过 博客皮肤 页面定制CSS 禁用模板默认CSS 博客侧边栏公告 3. 修改方法 打开博客设置地址 修改主题为SimpleMemory 选中禁用模板CSS 复制页面定制CSS(请打开复制)到第一个框中 复制侧边栏公告代码到第

Zblog主题模板自适应手机响应式ZblogPHP简洁博客主题

Z-blog PHP版本简洁主题模板 特点简洁舒适 手机移动端自适应,完美有利于优化 代码结构利于编辑 对于不懂代码的,也非常适合简答后台简答 PC端侧边栏下拉跟随,无论下面有多长,导航侧边栏都只在左边:方便你选择栏目 SEO方面代码利于优化. 作者可免费指导安装 对于喜欢简洁的,而又不失丰富的,这是一个不错的选择 对于国产博客程序,zblog无疑是一个佼佼者.wordpress固然强大,可是沉重,买个几百的虚拟主机,差点就转不动.最后放弃选择zblog.一款好的博客主题很重要,早期作者还只是个

dajngo ORM查询中select_related的作用,博客主题的定制,从数据库中按照年月筛选时间

1.dajngo ORM查询中select_related的作用 select_related()方法一次性的把数据库关联的对象都查询出来放入对象中,再次查询时就不需要再连接数据库,节省了后面查询数据库的次数和时间.主要用于外键查询. blogobj = Blog.objects.filter(site=site).select_related('user').first() 2.博客主题的定制 将各个模块的css样式固定,然后通过.css文件导入,可以在数据里面设置.css文件的名字在模板中通

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

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

从无到有开发自己的Wordpress博客主题---运行环境准备

目前只做本地开发,只在本地搭建测试环境,最后会在服务器的CentOS中搭建正式环境,我使用的是Mac,最简单的办法就是安装MAMP. 1.下载并安装MAMP 下载地址:https://www.mamp.info/en/downloads/ 下载完成之后根据提示一步步安装即可,这里不做赘述. 安装完成之后选择网站根目录到你的开发目录(其他配置如想修改,请自行配置): 2.启动服务器 启动服务器之后,浏览器会打开http://localhost:8888/MAMP/?language=English