天空之城

 找回密码
 注册

QQ登录

只需一步,快速开始

!header_login!

!header_login_tip!

PHPweb成品网站制作标签切换边框模版

PP 发表于 2014-4-18 10:37:24 | 显示全部楼层   [复制链接]
9 2083

注册用户登录后可以浏览更多完整大图

您需要 登录 才可以下载或查看,没有帐号?注册

x
PHPWEB实现多标签组合切换的原理,实际上是将一个标签切换边框模版(简称标签边框)和多个隐藏边框的插件组合,由标签切换边框来控制各插件的显示和隐藏。

标签边框模版位于base/border/目录,预留编号为:
标签边框(可选颜色)051-099
标签边框(不可选颜色)201-499

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

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

标签边框的制作方法和插件边框类似:./news/html/?512.html


样例一:不带总标题栏,标签位于上放的标签边框(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->
回复

使用道具 举报

发表于 2014-4-18 10:09:55 | 显示全部楼层
楼主真不愧为无厘界新一代的开山怪!本来我已经对这个社区失望了,觉得这个社区没有前途了,心里充满了悲哀。但是看了你的这个帖子,又让我对社区产生了希望。是你让我的心里重新燃起希望之火,是你让我的心死灰复燃,是你拯救了我一颗拨凉拨凉的心!
发表于 2014-4-18 10:13:45 | 显示全部楼层
楼猪的文章带给我们的是心灵深处的震撼。。。
发表于 2014-4-18 10:18:49 | 显示全部楼层
差一点抢到沙发!
发表于 2014-4-18 10:27:21 | 显示全部楼层
赞一个!
发表于 2014-4-18 10:35:44 | 显示全部楼层
好帖,好图,楼猪好人!
发表于 2014-4-18 10:37:24 | 显示全部楼层
楼猪的文章是宣言书。。。楼猪的文章是宣传队。。。楼猪的文章是播种机。。。楼猪的文章带来的是读者的欣喜和天使的繁荣。。。
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|浩友团,为好友组团!

Copyright©2000-2020 迎接光与爱的新纪元 Prepare For Change All Rights Reserved. 版权所有 ( 沪ICP备16018105号  

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