码迷,mamicode.com
首页 > 其他好文 > 详细

2017-11-09 好看的样式

时间:2017-11-09 14:22:46      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:span   今天   支持   后台管理   管理   思路   代码   样式   博客   

今天看了http://www.cnblogs.com/houkai/p/3394402.html 这位仁兄的定制方法,按照他的思路把自己的博客也定制了下,自我感觉不错,和大家分享下我的代码。

1.进入后台管理的设置。

2.我的博客模版选的是summerGarden.

3."通过CSS代码定制代码页面风格".  定制文章标题和文章内容的样式(Metro风格,去微软网站上扒的风格。。。。。)

  a. 修改博客标题和副标题。通过F12查找到标题的id为“blogTitle”,所以将其字体改为segoe ui(Metro风格要求的字体。)

技术分享 View Code

  b.修改文章标题的样式

技术分享 View Code

  c.修改文章内容的样式,将背景色设置成眼睛保护色

技术分享 View Code

 

4.增加动画时钟,访问者分布图和微软翻译控件,将下列代码贴入“博客侧边栏公告(支持HTML代码”

  a.动画时钟

按 Ctrl+C 复制代码
按 Ctrl+C 复制代码

  b.访问者分布图

需要去http://www.clustrmaps.com/index.htm 这个网站注册自己的博客网址和帐户,然后把得到的代码贴入即可。

  c.微软翻译控件

参见http://www.cnblogs.com/luzhihua55/p/Translator.html

2017-11-09 好看的样式

标签:span   今天   支持   后台管理   管理   思路   代码   样式   博客   

原文地址:http://www.cnblogs.com/ShenGuiXing/p/7808379.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!