您现在的位置: 动易技术中心 >> 动易产品知识库 >> SiteFactory常见问题 >> 正文
如何更换网站首页|文章中心之间的小三角图片

问题:网站首页|文章中心之间的小三角,如何更换其他图片呢?

 

解决:

  以记事本打开\Skin\Default\default.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在\Skin\Default\,图片在\Skin\Default\Images\,所以地址是images/,要注意图片地址。

 

文章录入:雅虎    责任编辑:雅虎 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    动易SiteFactory标签说明
    动易2006网站标签说明列表
    动易用户手册
    联系我们 | 关于动易 | 网站地图 | 相关证书 | 合作伙伴 | 招贤纳士 | 法律条款 | 隐私权声明
    安全上网网上报警
    动易网络科技有限公司版权所有 © 2003-  粤ICP备05004015号
    公安备案编号:4406063010734 本站基于 PowerEasy® SiteWeaver™ 制作