博思互联建站网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

50元买空间送源码包安装 50元买1年美国空间送本站任意一款源码 快速赚取金币| 免费加入VIP

港台体验150M空间 免费备案港台空间 美国空间 com域名只需55元| pw域名38元

友情链接自助申请 - 博思建站网论坛广告位 博思建站网论坛广告位 - 博思建站网论坛广告位 博思建站网论坛 Archiver |论坛日志 | 论坛相册

搜索
热搜: 推广 免费 空间
论坛长期招聘版主 论坛专用2G双线主机,386元/年 韩国超速1G主机,免备案198元/年 精英1.2G国内外可选-特价198元/年
双线20人合租-20G仅698元/年 11G 国内外论坛专用主机126元/月 500M韩国免备案爆快 126元/年 500M国内双线主机快 126元/年
文字广告位招租 80元/月 文字广告位招租 80元/月 文字广告位招租 80元/月 文字广告位招租 80元/月
查看: 672|回复: 0

phpweb如何制作标签切换边框模版

[复制链接]
发表于 2016-1-12 12:58:27 | 显示全部楼层 |阅读模式

本站源码安装服务:虚拟主机安装20元   win服务器安装30元   如果是买的本站源码,虚拟主机安装只需要15元

成品网站实现多标签组合切换的原理,实际上是将一个标签切换边框模版(简称标签边框)和多个隐藏边框的插件组合,由标签切换边框来控制各插件的显示和隐藏。
标签边框模版位于base/border/目录,预留编号为:
标签边框(可选颜色)051-099
标签边框(不可选颜色)201-499

用户DIY制作标签边框,只需要制作不可选颜色的即可。

标签切换边框有带总标题的和不带总标题栏的,标签可位于上方或位于左侧。


样例一:不带总标题栏,标签位于上放的标签边框(211号)
<!-start->
<link href="images/gbl211.css" rel="stylesheet" type="text/css" />
<script>$(function(){$().switchLable('{ #pdvid# }','{ #borderlable# }','{ #borderroll# }')});</script>
<div class="pdv_border" style="border:1px #ff8c05 solid;background:#fff;padding:0px;margin:0px;height:100%">
<div class="gbl211_out">
<ul id="gblable_{ #pdvid# }" class="gblable">
<li class="gbl211">{ #coltitle# }</li>
</ul>
<div class="gbl211_more"><a href="{ #morelink# }" style="display:{ #showmore# }">更多&gt;&gt;</a></div>
</div>
<div  style="padding:{ #padding# }px">
<!-start->
<!-end->
</div>
</div>
<!-end->

样例二:标签位于左侧的标签边框(212号)
<!-start->
<link href="images/gbl212.css" rel="stylesheet" type="text/css" />
<script>$(function(){$().switchLable('{ #pdvid# }','{ #borderlable# }','{ #borderroll# }')});</script>
<div class="pdv_border" style="border:0px;background:#fff;padding:0px;margin:0px;height:100%">
<div class="gbl212_out">
<ul id="gblable_{ #pdvid# }" class="gblable">
<li class="gbl212">{ #coltitle# }</li>
</ul>
<div class="gbl212_more"><a href="{ #morelink# }" style="display:{ #showmore# }">更多&gt;&gt;</a></div>
</div>
<div  style="padding:{ #padding# }px">
<!-start->
<!-end->
</div>
</div>
<!-end->


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

a

QQ|小黑屋|手机版|Archiver|博思互联建站网 ( 蜀ICP备09002004号-1 )

GMT+8, 2024-11-24 22:25 , Processed in 0.099094 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表