首页导航文字带图片

槟榔x2
说明文档 7 1万+
admin
admin VIP 2016-01-07 13:15
性别:男生
<style type="text/css"> 
.xk_nav { background: *fff; width: 100%; height: 70px; padding: 15px 0 5px 0; }
.xk_nav a { float: left; width: 20%; height: 80px; line-height: 20px; text-align: center; color: *636363; font-size: 13px;}
.xk_nav a:hover { color: *FF6E00; }
.xk_nav img { width:45px; height:45px; border-radius:10px;}
.xk_nav2 { background: *fff; width: 100%; height: 70px; padding: 0 0 5px 0; }
.xk_nav2 a { float: left; width: 16.66%; height: 35px; text-align: center; color: *222; font-size: 16px;}
.xk_nav2 a:hover { color: *FF6E00; }
.xk_img { width: 100%; max-height: 170px; }
.xk_img img { width: 100%; max-height: 170px;} background: *f0f0f0; margin-top: 0px; margin-right: auto;margin-bottom: 8px; margin-left: auto; padding-top: 0px; padding-right: 0; padding-bottom: 0; padding-left: 0;}
</style>
<div class="mains">
<div class="xk_nav">
<a href="/index.php?m=forum"><img src="/data/forum/2016/01/07/1452134564.jpg" alt="."/><br/>论坛</a>
<a href="/index.php?m=plugin&*=Bingz_td"><img src="/source/plugin/Bingz_td/images/td.jpg" alt="."/><br/>团队</a>
<a href="/index.php?m=plugin&*=Bingz_liaotian"><img src="/source/plugin/Bingz_liaotian/images/lt.jpg" alt="."/><br/>聊天</a>
<a href="/index.php?m=plugin&*=Bingz_qian_dao"><img src="/source/plugin/Bingz_qian_dao/images/qi*ao.jpg" alt="."/><br/>签到</a>
<a href="/index.php?index=27"><img src="/images/user/xt.jpg" alt="."/><br/>客服</a>
</div>
</div>
[ 感谢您的赏脸阅读 ]
还没有打赏的人,快来当第一吧!
0
评论
  • admin
    admin VIP (楼主) (管理员)
    2016-01-07

    程序有缓存

    0 回复
  • admin
    admin VIP (楼主) (管理员)
    2016-01-07

    页面就是代码

    0 回复
  • 玉米
    玉米 (楼主)
    2016-01-07

    之前看教程学了一下说写在代码里面会影响网页加载速度,呵呵

    0 回复
  • admin
    admin VIP (楼主) (管理员)
    2016-01-07

    很简单

    0 回复
  • 玉米
    玉米 (楼主)
    2016-01-07

    我以为样式文件都是另外写的,引用进来的,原来都是直接写在代码里面的。

    0 回复
  • admin
    admin VIP (楼主) (管理员)
    2016-01-07

    直接复制到排班,就OK

    0 回复
  • 玉米
    玉米 (楼主)
    2016-01-07

    不会代码的悲剧了

    0 回复