2007-01-13

牛刀小试:无风险修改Blogger链接样式

  Blogger各款模板中,超链接的样式都让人感到比较单调。就只有一条下划线,然后点上去颜色略变。其实,要修改超链接的样式真的是非常简单,而且只要你会备份模板,那就完全没有任何风险了。
  最近,在看css的书,正好顺手把本Blog的超链接样式给改了,现在当鼠标悬停在超链接文字上时,文字会变为白色,而背景色就会变成原来文字的颜色,并且去掉下划线,这样一来生动了好多。
  那么具体修改超链接样式的方法如下:
  1. 进入“模板”-“修改html”,在修改之前一定记得先备份自己的模板。
  2. 在“编辑模板内容”中,找到“/* links
    ----------------------------------------------- */”部分,这就是css中定义超链接的部分了。
  3. 其中“a:hover {”的部分,就是正文中超链接,鼠标悬停时的样式;“.sidebar a:hover {”就是侧边拦中超链接,鼠标悬停时的样式;“.post h3 a {”部分是文章题目的样式,你可以发现并没有类似“.post h3 a:hover {”的部分,这就是为什么鼠标悬停于文章标题并没有什么反应的原因,所以要作修改,你就应该手动加上“.post h3 a:hover {”这一部分。
  4. 而具体其中的参数应该如何填写,都是css中最基础的知识,有兴趣的朋友自己Google上一搜,都可以找到一大堆。而我们用的到的,也就是“color:#xxxxxx”(文字颜色)、“background:#xxxxxx”(背景颜色)、“text-decoration:none”(去掉“下划线”)这三个参数。
  5. 看到喜欢的颜色,如何知道它的十六进制代码?可以试试看“好色鬼”这款软件,挺好用的,就是有时候会崩溃……

0 Comments: