总感觉WordPress主题2010(TwentyTen)引用块不舒服,斜体看着很不便,想改造一下。之前有看到编程随想博客弄成灰色背景很不错,就想也如此。
看WLW(windows live writer)似有插件干这——背景高亮,但不知因PC配置不佳还是.NET未装妥当,安装此插件后,一点插件就WLW就自动关闭。
又见可通过改主题代码方式,遂尝试。
先看到CSS代码中有颜色代码,好奇想搜一下代码具体表示什么颜色,结果多个网站全没此代码,疑惑中。后计算了下,7位16进制颜色代码能表示1658万种色,顿悟。
blockquote {
font-style: italic;
padding: 0 3em;
}
通过把这个italic改为normal,成功使得引用块blockquote不再成斜体,但这也效果不好,难体现出引用的效果。但想改变背景色却始终未能成功。
pre {
background: #f7f7f7;
color: #222;
line-height: 18px;
margin-bottom: 18px;
overflow: auto;
padding: 1.5em;
}
先了解到“blackground背景色,color前景色。十六进制颜色代码都是#加6个数值,只是如果12位34位56位数值都相同,可以简写为3位”,于是我觉得只要把backgrond后的颜色代码改变即可,我先换作#CCCCCC,但不起作用,我当代码问题,又换了个,还是没反应。
我考虑可能某个地方统一把背景色设置了,查了下,果然有个地方貌似:
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
}
我尝试把blockquote, pre,删除,但仍旧失败,显示反而好像有了问题,缩进更多了。搞不懂。
没点专业知识,看来搞不定这个小问题。或者索性还是换回原来的,这样手动改背景色也凑合。