跳至主要内容

修改blogger博客css样式

前不久我摸索出了如何修改blogger博客模板并可使国内访问。但是对于模板原生的css样式有细节处还不如我意,但是我对css的调整没有经验,不敢轻易动手修改。后来我发现了谷歌浏览器有一个“检查元素”功能,修改相应部分css参数,可以所见即所得,这样一来,居然将原模板的css修改成了自己喜欢的颜色样式。

一、修改模板颜色。

模板颜色我参照阮一峰博客的颜色,将文章背景、侧边背景及其它背景颜色修改成统一的鹅黄色。修改页面中<url>链接的颜色,参考百度搜索链接的颜色用。

二、修改<li>参数

原模板的<li>的字体、行高、缩进都不美观,经调整后,与文章内容更协调。

三、修改<pre><code><blockquote>参数

原<pre>中文字无法换行,不适宜浏览,现修改后将其调整为自动换行,同时调整背景颜色;<pre>自动折行需要加入以下代码,以适应各浏览器:
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
word-wrap:break-word;
<blockquote>的边框及背景进行美化修改;<code>只对文字增加背景。

四、总结

这次修改基本上达到我的审美要求,将自己平时看到的比较好的网页颜色字体等样式,在自己的博客上实现,对于一个纯粹靠搜索网络信息,依葫芦画瓢的人来讲,也算是不错了。

评论

此博客中的热门博文

谷歌blogger平台建立国内可访问博客攻略

一、最近关于网站的想法建立个人独立博客,从不会到目前基本能简单搭建已经过去了3、4年了,在我最初接触到的wordcodess到dede再到discuz,这个过程以前写过一篇文章介绍。当时是抱了多大的希望在这上面,自己看看都觉得愚不可及,在这过程中我注册过不少的域名,换过不少的网站标题,从上手wordcodess再转移其它阵地,……哦对了,我还用xiuno轻论坛程序弄过一段时间论坛……,到近期在wordcodess坚持了比较长的一段时间,林林总总,前前后后,一句话:折腾博客本身比写博客用的心思更多,这样的历程当然是走歪了。但是这几年下来,自己虽然越来越懂一点网络异事,设置不少模板主题功能,到头来,翻翻自己以前所写的少许原创文章,更多的感觉是空洞与荒芜。为了让经常翻看博客内容的自己不感到平淡无味,将更多的心思汇焦在如何写出有价值的博文,这是每一人博主老生常谈又难以持续的事。

摘钢豆

土质很好,没有打药,没有施肥,没有锄草,三无绿色天然食品,就在我们这块土。

其实这地块并不是我们的,家乡修基建已经被征收,土地基本被铲,据说飞机就在最近要试飞,不过最终能不能有实际效用,我看不见得。毕竟相隔不远的赛车基地据说已经搁浅,人人在议论纷纷,有人说要迁往邻镇去,那边也推了大量的农地,巨大的一片,不知道要干什么。有人说不可能,这边已经土地已经征收,也平整了,人员都安置了,到底怕是后续资金跟不上的缘故。