关注公众号:“站长笔记”或“站长笔记网”;下载资源请登录电脑端体验更佳,站长笔记网域名:www.zzbj.net
好看的DIY代码样式
找到文件/source/plugin/tom_tongcheng/template/index.htm
搜索代码:
.index-top__search .top-search__box .search-box__rt .num{background: #fff;color: #f00 !important;}
在<!–{/if}–>下面新增CSS代码
#headerbar a{-webkit-tap-highlight-color:rgba(0,0,0,.3)}
#headerbar .hz_warp{width:100%;clear:both;float:left;overflow:hidden; }
#headerbar .hz_main_warp{overflow:hidden;min-height:30px;line-height:30px;background:rgb(238,64,53);border-bottom:1px solid rgb(221,221,221);border-radius:2px 2px 0 0;}
#headerbar .hz_main_warp a:first-child, #headerbar .hz_main_warp a:first-child span{border-left:none}
#headerbar .hz_main_warp a:last-child, #headerbar .hz_main_warp a:last-child span{border-right:none}
#headerbar .hz_main_a{width:25%;float:left;line-height:30px;text-align:center;font-size:15px;display:block;font-weight:bold;}
#headerbar .hz_main_a span{display:block;color:#fff}
#headerbar .hz_sub{width:20%;float:left;text-align:center;font-size:14px;line-height:28px;display:block;overflow:hidden;position:relative;color:rgb(252,252,252);;}
#headerbar .hz_sub:after{content: ''; display: block; position: absolute; width: 1px;height: 14px; background-color:#fff; right: 0; top: 50%; margin-top:-7px;}
#headerbar .hz_sub:last-child:after{width:0}
#headerbar .hz_sub span{display:block;}
#headerbar .hz_sub:first-child span{border-left:none}
#headerbar .hz_sub:last-child span{border-right:none}
#headerbar .hz_subb{width:50%;float:left;text-align:center;font-size:16px;line-height:30px;display:block;overflow:hidden;position:relative;color:rgb(252,252,252);;}
#headerbar .hz_subb:after{content: ''; display: block; position: absolute; width: 1px;height: 22px; background-color:#fff; right: 0; top: 50%; margin-top:-10px;}
#headerbar .hz_sub_warp:last-child{border-radius:0 0 2px 2px}
#headerbar .hz_sub_warp {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
height: 30px;
background: -webkit-gradient(linear,left top,right top,from(#fa5956),color-stop(54%,#fb8650));
background: linear-gradient(to right,#fa5956,#fb8650 54%);
}
#headerbar .hz_sub_warpa {
height: 30px;
background: -webkit-gradient(linear,left top,right top,from(#4b8fed),to(#53bced));
background: linear-gradient(to right,#4b8fed,#53bced);
}
#headerbar .hz_sub_warpb {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
height: 30px;
background: -webkit-gradient(linear,left top,right top: 8px,from(#34c2aa),to(#6cd557));
background: linear-gradient(to right,#34c2aa,#6cd557);
border-bottom: 0;
}
下面DIY代码 看你想放到什么位置了
隐藏内容需要回复可以看见
回复








666666
一个帅B