如何更换网站首页|文章中心之间的小三角图片

作者:雅虎 来源:本站原创 点击数: 发布时间: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/,要注意图片地址。