这是一个可切换tab选项卡的自定义页面,与js/jq切换不同的是,它每个选项卡有独立的url。 之前的帖子里写过自定义可diy页面的方法,这个也是据此而来。 完整的贴一遍—————————————————— 1.新建自定义页面的php文件,命名about.php(因为可以用做关于我们,所以如此命名来演示)放到根目录,代码如下:
<?php
define('CURSCRIPT', 'about');
define('CURMODULE', 'index');
require './source/class/class_core.php';
$discuz = & discuz_core::instance();
$discuz->cachelist = $cachelist;
$discuz->init();
loadcache('diytemplatename');
    if($_GET['v']==1 || empty($_G[gp_v]) ){
        $navtitle = 标题1;
    }elseif($_GET['v']==2){
        $navtitle = 标题2;
    }
    elseif($_GET['v']==3){
        $navtitle = 标题3;
    }
    elseif($_GET['v']==4){
        $navtitle = 标题4;
    }
$metakeywords = '这里定义单页的关键词';
$metadescription ='这里定义单页的描述内容';
include template('diy:about/about');
?>

2.在模板风格目录里新建about文件夹,里面新建文件about.htm,代码如下:
{subtemplate common/header}
<div id="pt" class="cl">
    <div class="z">
        <a href="index.php" class="nvhm">$_G[setting][bbname]</a><em>»</em>自定义页面
    </div>
</div>
<style id="diy_style" type="text/css"></style>
<div id="ct" class="wp cl n">
    <div class="mn">
        <div class="bm" style="padding:0 15px;">
            <ul class="tb cl">
                <li <!--{if empty($_G[gp_v]) || $_G[gp_v] == '1'}-->class="a"<!--{/if}-->><a href="about.php?v=1">内容1</a></li>
                <li <!--{if $_G[gp_v] == '2'}-->class="a"<!--{/if}-->><a href="about.php?v=2">内容2</a></li>
                <li <!--{if $_G[gp_v] == '3'}-->class="a"<!--{/if}-->><a href="about.php?v=3">内容3</a></li>
                <li <!--{if $_G[gp_v] == '4'}-->class="a"<!--{/if}-->><a href="about.php?v=4">内容4</a></li>
            </ul>
            <div class="datalist" style="margin:10px 0;">
                <!--{if empty($_G[gp_v]) || $_G[gp_v] == '1'}-->
                1
                <!--{elseif $_G[gp_v] == '2'}-->
                2
                <!--{elseif $_G[gp_v] == '3'}-->
                3
                <!--{elseif $_G[gp_v] == '4'}-->
                4
                <!--{/if}-->
            </div>
        </div>
    </div>          
</div>
{subtemplate common/footer}
到这就可以了,访问域名/about.php?v=1即可浏览效果。 需要注意的是变量$_G[gp_v],这里的v和==1/2/3/4,都可以换,统一即可。 每个显示内容的1/2/3/4,可以换成diy区域代码,如: <!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]--> 复制代码 这样可以diy每个选项的内容。注意这里模板文件不能用*php,只能用*.htm,否则diy保存会显示“模板文件不存在”。 如果会自己写数据查询代码,可应用范围就更大些。

声明:有的资源均来自网络转载,版权归原作者所有,如有侵犯到您的权益 请联系邮箱:123456@qq.com 我们将配合处理!

原文地址:discuz 自定义页面多选项发布于2023-04-14 17:43:02

相关推荐