【更新+1】广告位代码分享

谈天说地
1 3092
918回忆 918回忆 2020-06-23 09:29:43
高级授权 积分:12

原创:站长聚集地(老李)

演示:

代码:

 

.home-filter {
    width: 100%;
    max-width: 1180px;
    margin: 35px auto 10px;
    position: relative;
    overflow: hidden;
}


.h-screen li {
    position: relative;
    float: left;
    display: block;
    width: 12.5%;
}

@media(max-width:640px) {
    
.h-screen li {
    position: relative;
    float: left;
    display: block;
    width: 50%;
}    

}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


.h-screen li a:hover {
    color: #f66;
}


.h-screen li.current-menu-item a {
    border: 1px solid rgba(109, 37, 37, 0.3);
    font-weight: 500;
    color: #6600ff;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: 1px 1px 5px rgba(255, 0, 173, 0.85);
}
.h-screen li a {
    display: block;
    height: 40px;
    margin-right: 15px;
    padding: 0 20px;
    font-size: 14px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 20px;
    color: #7c7c7c;
    line-height: 40px;
    text-align: center;
    margin: 5px 15px 5px 10px;
    border: 1px solid #fff;
    box-shadow: 1px 1px 5px #6600ff;
}


<<span class="hljs-regexp">/style>

  • <a href="https:/<span class="hljs-regexp">/www.laolibab.cn" target="_blank">站长聚集地</a></li>
  • <a href="https://www.laolibab.cn" target="_blank">站长聚集地</a></li> <li class="current-menu-item"><a href="https://www.laolibab.cn" target="_blank">站长聚集地</a></li>
  • <a href="https://www.laolibab.cn" target="_blank">站长聚集地</a></li> <li class="current-menu-item"><a href="https://www.laolibab.cn" target="_blank">站长聚集地</a></li>
  • <a href="https://www.laolibab.cn" target="_blank">站长聚集地</a></li> <li class="current-menu-item"><a href="https://www.laolibab.cn" target="_blank">站长聚集地</a></li>
  • <a href="https://www.laolibab.cn" target="_blank">站长聚集地</a></li> <<span class="hljs-regexp">/ul> </div>


暂时没有人评论
自助授权 官方qq群826939491
精选帖子
新版4.2授权码的填写方式 5713
国际导航30多款模板进行免费 7556
国际导航采集扩展 12144
api接口使用教程【v3.1.3】 8041
使用本系统搭建违法,触犯,站点公告 8717
虚拟主机安装出现数据连接失败解决方案 17031
国际网址导航新版标签大全 18199
关于2.4之前版本想转3.0新版教程 9123
GUOJIZ国际网址导航系统全新V5.8(2022-04-26) 68721
热门帖子
导航系统正式发布欢迎下载测试反馈 9664
后台文章管理导航栏缺少审核和未审核状态查看 930
Guojiz下载系统素材系统抢先发布1.0版本 9213
关于2.4之前版本想转3.0新版教程 9123
Guojiz导航系统模板标签调用参数大全 9079
素材系统预计月底发布 8787
使用本系统搭建违法,触犯,站点公告 8717
广告添加万能调用方法 8629
MyuCMS社区+商城内容管理系统V2.0正式版 8605