xyql模板源码

admin

首页模板：
index.zhg
$frame_top$
$frame_main$
$frame_bottom$

top.zhg
<div class="skin grid"><div class="wrap">
<div class="welcome">$show_welcome$</div>
<div class="phone">$func_contact(show=hotline)$</div>
</div></div>
<div class="nav">
<div class="wrap">
<div class="logo">$show_logo$</div>
<div class="menu">$func_menu(pos=0,divi=none)$</div>
</div>
</div>

main.zhg
<div class="banner">$show_banner$</div>
<div class="light">
<div class="search wrap">$func_search(para=Search,table=1|2,memo=1,show=title|content|memo,btn=1)$<i class="fa fa-cog fa-spin fa-3x"></i></div>
</div>
<div class="about wrap">$func_about(para=About,title=10,plus=card,memo=2)$
<div class="btn">$func_submenu(para=Abouts,title=no,rows=3)$</div>
</div>
<div class="product"><div class="wrap">$func_product(navi=Navigator,para=Product,title=10,rows=10,memo=2,show=title|content|memo)$</div></div>
<div class="white wrap">
<div class="case">$func_article(para=Case,rows=4,title=11)$</div>
<div class="news">$func_article(para=News,rows=8,title=20,summ=3,len=22,date=3,more=MORE+)$</div>
<div class="clear"></div>
</div>
<div class="link">$func_link(para=Link,type=1,title=1)$</div>

bottom.zhg
<div class="bottom">
<div class="wrap">
<div class="copyright">$show_copyright$</div>
<div class="qrcode">$func_summary(para=QRCode,title=0,img=1)$</div>
</div>
</div>
$func_file(type=js,path=include/function)$

admin

list.zhg
$frame_top$
<div class="sbanner">$func_banner(pos=2,list=3)$</div>
<div class="frame wrap">
<div class="frameleft">$frame_left$</div>
<div class="framemain">
<div class="guide fa fa-book fa-lg">$func_guide(pre=default)$</div>
<div class="body">$show_content$</div>
</div>
<div class="clear"></div>
</div>
$frame_bottom$

list.zhg
<div class="submenu">$func_submenu(pos=2,divi=none)$</div>
<div class="msg">$func_summary(para=Message,title=0,img=2,content=no)$</div>
<div class="contact">$func_contact(para=Contact,title=0,show=address|tel|fax|mail)$</div>

admin

@import "font-awesome.min.css";
body{min-width: 1200px;}
*{color: #333;}
a:hover{color: #00568E;}
.wrap{width: 1200px; margin: 0 auto;}
.grid{background-size: 2px 2px; margin-bottom: -6px;}
.skin{ display: inline-block; width: 100%; background-color:#005A92; background-image: linear-gradient(90deg, transparent 50%, #0881B7 50%),linear-gradient(0deg, #0881B7 50%, transparent 50%);}
.welcome{ float: left; width: 50%; line-height: 35px; color: #fff;}
.phone{float: left; width: 50%; line-height: 35px; text-align: right;}
.phone *{ color: #fff; font-size: 16px; line-height: 35px;}
.phone i{margin-right: 10px; font-size:24px; vertical-align: middle;}
.nav{ display: inline-block; width: 100%; padding: 20px 0; background:url(bgtop.jpg) center bottom; margin-bottom: -6px;}
.logo{float: left;width: 400px;}
.logo img{width: 100%;}
.menu{float: left; width: 800px; text-align: right;}
.menu ul{display: inline-block; font-size: 0;}
.menu ul li{float: left; width: auto; margin: 0;}
.menu ul li a{display: block; font-size: 16px; width: 96px; text-align: center; line-height: 60px;}
.menu .sel:after,.menu li:hover:after{ float: left; content: ""; width:0;height:0;border-right:10px solid transparent;border-bottom:10px solid #005A92;border-left:10px solid transparent;left: 50%;margin-left: -10px;position:relative;}
.banner{ height: 600px;}
.sbanner{height: 380px; position: relative; overflow: hidden;}
.sbanner img{max-width: 100%; min-width: 1200px; height: 100%;}
.light{background: #F1F5F9; padding:30px 0;}
.search .RowsTitle{ float: left; border: 1px solid #ccc; border-right: 0; height: 30px;}
.search .RowsTitle .Title{font-size: 14px; margin:0 10px; line-height: 30px;}
.search .Content{float:left; height: 30px; border: 1px solid #ccc; border-left:0;}
.search .SearchType{float: left; padding: 0 10px; border: 0; height: 30px; line-height: 30px;}
.search #kw{border: 0; height: 30px; line-height: 30px; width: 200px; padding: 0 10px;}
.search .BtnSearch{ height: 30px; line-height: 30px; border: 0; padding: 0 20px; background: #333; color: #fff;}
.search .Subject{display: inline-block;width: 600px; height: 32px; overflow: hidden;}
.search .Subject .Descript{ display: inline-block;line-height: 32px; padding-left: 50px; font-size: 14px;}
.search i{float: right;color: #005a92}
.about{padding: 50px 0; height: 345px;}
.RowsTitle .Title .cn{font-size:24px; line-height: 1.5em; color: #00578F;}
.RowsTitle .Title .en{font-size:18px; line-height:1em; color:#2B74A2;text-transform:uppercase;}
.about{position: relative;}
.about .Margin{width: 660px; height: 150px; margin-top: 40px; overflow: hidden; font-size: 14px; }
.about .card{ position:absolute;width: 500px; height: 333px; top: 50px;right: 0;}
.about .card img{width: 100%;}
.about .Subject{ position: absolute; top: 334px;}
.about .Subject .Descript a{ display: inline-block; width: 150px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; background:#ffee99; border:1px solid transparent; border-radius:4px;}
.btn .Margin{ height:auto; margin-left:184px;}
.btn ul li {float: left; margin-right: 30px;}
.btn ul li a{ display: block;border:1px solid #ccc; width:150px; height:50px; line-height: 50px; text-align:center; font-size:16px; border-radius:4px;}
.btn ul li a:hover,.about .Subject .Descript a:hover{border:1px solid transparent;background:#ff5700; color:#fff;}
.white{ padding: 80px 0;}
.case{ float: left; width:750px;}
.case .RowsTitle{ text-align: center;}
.case .RowsTitle .Title{ display: inline-block; width: 160px; height: 160px; background: #fff; border-radius:80px; margin-top: 12px;}
.case .RowsTitle .Title .cn a{ display: inline-block; font-size: 30px; margin-top: 40px; color: #00568E;}
.case .RowsTitle .Title .en a{ font-size: 20px;color: #00568E;}
.news{ float: left; width:400px; margin-left:50px;}
.news .RowsTitle{margin-bottom: 15px;}
.news .RowsTitle .Title{display: inline-block; width: 320px;}
.news .RowsTitle .Title  .en{float: left; font-size: 24px; line-height: 1.5em; padding-right: 10px;}
.news .RowsTitle .More{float: right; margin-top: 3px;}
.news .RowsTitle .More a{display: block; line-height: 30px; background: #00568E; color:#fff; width: 80px; text-align: center;}
.news .RowsTitle .More a:hover{background: #E15721;}
#ArticleList ul li{padding-bottom: 5px; }
#ArticleList ul li .Article i{margin-right: 8px;}
#ArticleList ul li .title a{ font-size: 14px;}
#ArticleList ul li.Summary{height: 97px; overflow: hidden; padding-bottom: 20px; margin-bottom: 16px; border-bottom: 1px dotted #eee;}
#ArticleList ul li.Summary .title a{ display: block; font-size: 16px; color: #00568E; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-weight: bold;}
#ArticleList ul li.Summary .intro{line-height: 2em; color: #888; height: 68px; overflow: hidden;}
#ArticleList ul li .thumbs{ float:left; display:block; width:130px; height:90px; overflow:hidden; margin-right:10px; margin-top: 7px;}
#ArticleList ul li .thumbs img{ width:100%;}
.LongDate{float: right;}
#ArticleView ul li,#ProductView ul li{ float:left; display:block; width:280px; height:280px; text-align:center; margin:0 30px 30px 0; background:#efefef;}
#ArticleView ul li:nth-child(3n),#ProductView ul li:nth-child(3n){ margin-right: 0;}
#ArticleView ul li:hover,#ProductView ul li:hover{ background:#00568E;}
#ArticleView ul li img,#ProductView ul li img{ width:250px; height:210px; margin:15px; margin-bottom: 5px;}
#ArticleView ul li .atext,#ProductView ul li .atext{ display: block;line-height:30px; height:30px; font-size: 14px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
#ArticleView ul li:hover .atext,#ProductView ul li:hover .atext{ color:#fff;}
#ArticleDetail .Title,#ProductDetail .Title{ display:block; text-align:center; font-size:30px; font-weight:bold; line-height:1.5em; padding: 20px 0;}
.Log{ display:block; text-align:center; background:#f0f0f0; margin-bottom:20px; padding:10px 0;}
.Picture{ text-align:center;}
#ProductDetail img,#ArticleDetail img{ max-width:760px;}
.product{display:inline-block; width:100%; padding: 80px 0; height:560px; background:url(bgpro.jpg) no-repeat center;}
.product #Navigator{position: relative;}
.product #Navigator .RowsTitle{ margin-bottom: 60px; text-align: center;}
.product #Navigator .RowsTitle .Title .cn{font-size: 30px; color: #fff;}
.product #Navigator .RowsTitle .Title .en{color:#A2D4F8;}
.product #ProductView ul{display: inline; white-space: nowrap;}
.product #ProductView ul li{margin-right:27px;}
.product #Navigator .Subject{ text-align: center; margin-top:60px;}
.product #Navigator .Subject .Descript a{ display: inline-block; width: 150px; line-height: 50px; background: #00568E; text-align: center; color: #fff; font-size: 16px;}
.product #Navigator .Subject .Descript a:hover{background: #E15721;}
.case .RowsTitle{ height: 185px; background: url(bgcase.jpg) no-repeat; margin-bottom: 18px;}
.case #ArticleView ul li{width:180px; height: 180px; margin-right: 10px; margin-bottom: 0px;}
.case #ArticleView ul li img{width: 164px; height: 120px; margin: 8px;}
.case #ArticleView ul li:nth-child(4){margin-right: 0;}
.frame{padding: 50px 0;}
.frameleft{float: left; width: 250px; margin-right: 50px;}
.framemain{float:left; width: 900px;}
.guide{display: inline-block; padding: 10px; width: calc(100% - 30px); background: #eee; border-top-right-radius:10px; border-left:10px solid #00568E;}
.guide .GuideMap{display: inline; margin-left: 10px; font-size:14px;}
.guide .GuideMap *{font-size: 14px;}
.body{margin-top: 40px;}
.body *{font-size: 14px;}
.Pagination{ display:block; clear:both; text-align:center; padding:10px 0; background:#f8f8f8; margin:20px 0;}
.Pagination a{ padding:0 2px;}
.Pagination #page{ text-align:center; line-height:1em;}
.submenu .RowsTitle{ background: #00568E;}
.submenu .RowsTitle .Title{ line-height: 80px; color: #fff; font-size: 30px; text-indent: 30px;}
.submenu ul{ margin-bottom: 12px;}
.submenu ul li{border-top: 1px solid #fff;}
.submenu ul li a{ display: block; line-height: 38px; padding-left: 30px; background: #f8f8f8;font-size: 14px;}
.submenu ul li a:hover,.submenu ul li.subsel a{background: #00568E; color: #fff;}
.bottom{display: inline-block; width: 100%; margin-bottom: -6px; background-color:#005A92; background-image:linear-gradient(0deg, #13669A 50%, transparent 50%);background-size:1px 3px;}
.bottom *{ color: #fff;}
.bottom a:hover{color: #7ABCF9;}
.copyright{ float:left; width: 60%; padding:30px 0;}
.qrcode{float: left; width: 40%; text-align: right;}
.body .Message{ background:url(office.jpg) no-repeat left top; padding-left:450px;}
.MessageBorder{ text-align:left;}
.MsgColor0{ border:1px solid #dfdfdf; background:#f8f8f8; padding:4px;}
.MsgColor1{ padding:5px;}
.MsgList{ font-weight:bold; background:url(men.gif) no-repeat left center; text-indent:20px;}
.MsgText .face{ height:18px; vertical-align:middle; margin-right:5px;}
.MsgReply{ font-weight:bold; background:url(reply.gif) no-repeat left center; text-indent:20px;}
.MessageTable{ font-size:20px; font-weight:bold; margin-bottom:20px;}
.MessageTable red{ font-size:20px; color:#f00;}
.MsgName,.MsgContact,.MsgContent{ clear:both;}
.MsgLeft{ float:left; display:block; width:100px; padding-right:10px;}
.MsgRight{ float:left; display:block; clear:right; margin-bottom:10px;}
.MsgRight input[type=text]{ width:380px;}
.MsgRight textarea{ width:382px; height:280px}
.MsgSubmit{ margin:8px 0px; display:block; clear:both;}
.MsgFace img{ width:18px; vertical-align:middle;}
#Telephonist{ padding-left:550px;background:url(Telephonist.jpg) no-repeat; margin-bottom:50px; overflow:hidden;}
#Telephonist .CompanyName{ font-size:20px; font-weight:bold;}
#map{ height:500px; border:1px solid #ccc;}
#map .tiplabel{ height:20px; padding:0 10px;}
#wowslider-container .ws_bullets { top:0; right: 0; }
#wowslider-container { overflow: hidden; zoom: 1; position: relative; width:100%; height:100%; margin:0 auto; z-index:100; }
#wowslider-container .ws_shadow { width:100%; height:30px; position: absolute; left:0; bottom:-30px; z-index:-1; }
#wowslider-container .ws_images { position: absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden; }
#wowslider-container .ws_images a { color:transparent; }
#wowslider-container .ws_images img { top:0; left:0; border:none 0; }
#wowslider-container a { text-decoration: none; outline: none; border: none; }
#wowslider-container .ws_bullets { font-size: 0px; top:calc(100% - 50px); left:50%; float: left; position:absolute; z-index:70; }
#wowslider-container .ws_bullets div { position:relative; float:left; }
#wowslider-container .ws_bullets a { margin-left:4px; width:15px; height:15px; background:#F1A84C; border-radius:10px; border:3px solid #fff; float: left; text-indent: -9999px; position:relative; }
#wowslider-container .ws_bullets a.ws_selbull, #wowslider-container .ws_bullets a:hover { background-position: right 50%; }
#wowslider-container a.ws_next, #wowslider-container a.ws_prev { position:absolute; display:none; top:50%; margin-top:-28px; z-index:60; height: 62px; width: 38px; background-image: url(arrows.png); }
#wowslider-container a.ws_next { background-position: 100% 0; right:-8px; }
#wowslider-container a.ws_prev { left:-8px; background-position: 0 0; }
#wowslider-container a.ws_next:hover { background-position: 100% 100%; }
#wowslider-container a.ws_prev:hover { background-position: 0 100%; }
* html #wowslider-container a.ws_next, * html #wowslider-container a.ws_prev { display:block }
#wowslider-container:hover a.ws_next, #wowslider-container:hover a.ws_prev { display:block }
#wowslider-container .ws-title { position: absolute; bottom:50px; left: 0; margin-right:5px; z-index: 50; padding:12px; color: #F9FBFB; text-transform:uppercase; background:#000000; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 18px; }
#wowslider-container .ws-title div { padding-top:5px; font-size: 13px; text-transform:none; }
#wowslider-container .ws_bullets a img { text-indent:0; display:block; top:16px; left:-120px; visibility:hidden; position:absolute; -moz-box-shadow: 0 0 5px #999999; box-shadow: 0 0 5px #999999; border: 5px solid #FFFFFF; }
#wowslider-container .ws_bullets a:hover img { visibility:visible; }
#wowslider-container .ws_bulframe div div { height:90px; overflow:visible; position:relative; }
#wowslider-container .ws_bulframe div { left:0; overflow:hidden; position:relative; width:240px; }
#wowslider-container .ws_bullets .ws_bulframe { display:none; top:20px; overflow:visible; position:absolute; cursor:pointer; -moz-box-shadow: 0 0 5px #999999; box-shadow: 0 0 5px #999999; border: 5px solid #FFFFFF; }
#wowslider-container .ws_bulframe span { display:block; position:absolute; top:-11px; margin-left:-9px; left:120px; width:15px; height:6px; }

全站JS脚本
var o=$(".menu .sel");
$(function(){
"use strict";
$(".menu li").hover(function(){o.removeClass();},function(){o.addClass("sel");});
$(".phone .hotline").prepend("<i class='fa fa-phone-square'></i>");
$("#ArticleList .Article").prepend("<i class='fa fa-lock'></i>");
if($(".product #ProductView").length>0){$(".product #ProductView ul").attr("ID","SliderContent");new Marquee({MSClass : ["ProductView","SliderContent"],Direction : 2,Step :2,Width : 1200,Height : 300,Timer : 1,DelayTime : 1000,WaitTime : 1000,ScrollStep: 307,AutoStart : 1});}
});

admin

https://item.taobao.com/item.htm ... J4a&id=575026384531
效果仅供参考，淘宝下单不只提供售前咨询，不提供售后人工服务，如需要技术支持，可在本平台寻找答案，或发贴求助！
如求助贴迟迟未得到答复，可加QQ催贴，提供求助贴链接，我们在收到求助后，第一时间回复求助贴。
本站所提供QQ不提供咨询服务，仅为催贴作用，如需要人工服务，联系代理商或服务商。

admin

答：系统会自动提醒您，如下：
首先，提示未设置Abouts，所以不能显示按纽。
接着，给出解决方案，在后台管理->整站布局管理->模板管理中->添加Abouts|中文标识（自己想取的名字，好辨别不重复就行）
以上是模板中未设计Abouts参数的情况
如果模板已经设计Abouts参数，这时候就需要在“菜单导航管理”中为【在线留言】【联系方式】设计一个父菜单，比如关联到主菜单【关于我们】，将关于我们定位到Abouts
至此，公司简介首页后的两个按纽【在线留言】【联系方式】就显示了。

如未懂，请联系我们，我们将为您提供视频教学供付费用户参考，也可以联系弘帝渠道分销伙伴、代理服务商。