如何更换网站首页|文章中心之间的小三角图片
作者:雅虎
来源:本站原创
点击数: 次
发布时间:2008年03月07日
问题:网站首页|文章中心之间的小三角,如何更换其他图片呢?
解决:
以记事本打开SkinDefaultdefault.css,找到以下代码:
/* 网站节点导航 */
#menubox
{
margin-left: 110px;
padding: 0px;
color: #c4d9f1;
}
#menubox a
{
font: normal normal normal 12px/120% Arial, "宋体" ,Helvetica,sans-serif;
text-decoration: none;
color: #001260;
padding: 5px 2px 5px 12px;
line-height: 29px;
background: url(images/menubox.gif) no-repeat 5px 7px;
}
#menubox a:hover
{
color: #f00;
text-decoration: underline;
background: url(images/menubox_hover.gif) no-repeat 5px 7px;
}
上面红色代码即为楼主所说的三角形,可以根据需要改成其他的样式。此处这定义了a 的伪类在有链接和鼠标经过二种状态下的背景图片,以实现移动切换图片的效果。
其中“background: url(images/menubox.gif) no-repeat 5px 7px;”这里的图片地址是相对于CSS与其文件夹的位置,即CSS在SkinDefault,图片在SkinDefaultImages,所以地址是images/,要注意图片地址。