修改了一下 WordPress 的主题 Greenery

主题 Greenery 是以800*600为目标设计的,在1024*768两侧有很多空白。
文章显示的位置太少了。

这次只修改了一下大小,使其可以充分利用1027*768的屏幕大小。增加了文章时间和标签的字体大小。

修改是通过增加 css 和放大图片完成的。增加的 css 是:
[coolcode lang=”css” download=”my.css”]
body {
font-size:72.5% !important;
}
#wrapper {
width:950px !important;
}
#header {
background-image:url(/files/2008/09/header1.jpg) !important;
}
#content {
width:654px !important;
}
.postmeta {
font-size:12px !important;
}
[/coolcode]

放大的 header 背景图片:

Greenery 主题放大的 header 背景图片

Greenery 主题放大的 header 背景图片

No comment »

常用CSS代码

优先级:
important

边框:border 宽度 样式 颜色
border-style 用于设置元素所有边框的样式,或者单独地为各边设置边框样式。
border-width 简写属性,用于为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。
border-color 简写属性,设置元素的所有边框中可见部分的颜色,或为 4 个边分别设置颜色。

边框样式
none 定义无边框。
hidden 与 none 相同。不过应用于表时除外,对于表,hidden 用于解决边框冲突。
dotted 定义点状边框。在大多数浏览器中呈现为实线。
dashed 定义虚线。在大多数浏览器中呈现为实线。
solid 定义实线。
double 定义双线。双线的宽度等于 border-width 的值。
groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。
inset 定义 3D inset 边框。其效果取决于 border-color 的值。
outset 定义 3D outset 边框。其效果取决于 border-color 的值。

外边距:margin

内边距:padding
padding-bottom 设置元素的下内边距。
padding-left 设置元素的左内边距。
padding-right 设置元素的右内边距。
padding-top 设置元素的上内边距。

display 设置如何及是否显示某元素
none
inline
block
list-item
run-in
compact
marker
table
inline-table
table-row-group
table-header-group
table-footer-group
table-row
table-column-group
table-column
table-cell
table-caption

No comment »