iPost

iFire

这个更新对于CSS高手来说不值一提，但对于控制CSS不太熟练或手懒的朋友会有些帮助。

iPod Theme 在顶部菜单、首页评论数字显示及下载按钮这三处使用了鼠标滑过更换超链背景图，由于制作过程我反复尝试配色，所以超链背景图都分成了两个文件，由于图片并不大，就没有进行合并处理。不过为让背景更换更快捷，我昨天抽空还是把它调整了一下，将不同的背景进行合并，并针对CSS做了小修改，这样鼠标滑过效果不需要再行读取新文件，而是调用背景的不同位置。

◎ 顶部菜单超链背景：

将下面的图片保存并上传到iPod Theme的图片目录中 (…/wp-content/themes/ipod/img/ )

在样式表中找到"#hsub li a"的"background"定义，替换为以下内容：

background:url(img/menua.gif) no-repeat right top;

在样式表中找到"#hsub li a:hover "的"background"定义，替换为以下内容：

background:url(img/menua.gif) no-repeat right bottom;

◎ 首页显示评论数字超链背景：

Continue »

Permanent Link | Posted in Theme | Tags on: CSS | 1,049 Views