網(wǎng)站百科

為您解碼網(wǎng)站建設(shè)的點(diǎn)點(diǎn)滴滴

首頁(yè) > > 技術(shù)知識(shí)

PhpCms模板風(fēng)格:模板制作_PHPCms教程

發(fā)表日期：2019-12 文章編輯：小燈瀏覽次數(shù)：4437

默認(rèn)模板存放在 ./templates/default/phpcms/ 目錄里。
header.html、index.html、footer.html 三個(gè)模板文件。這可是模板的靈魂啊！完整頁(yè)面模板就是header index footer了.
打開 header.html如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
<title>{$head[title]}</title>
<meta content="{$head[keywords]}" name="keywords" />
<meta content="{$head[description]}" name="description" />
<base href="{SITE_URL}" />
<link href="favicon.ico" rel="shortcut icon" />
<link href="{SKIN_PATH}{$mod}.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="data/config.js"></script>
<script language="JavaScript" src="images/js/jquery.min.js"></script>
<script language="JavaScript" src="images/js/css.js"></script>
<script language="JavaScript" src="images/js/common.js"></script>
<script language="JavaScript" src="images/js/login.js"></script>
<script language="JavaScript" src="images/js/validator.js"></script>
</head>
<body onload="menu_selected('{php echo $catid ? $catid : $mod;}')">
<div id="top">
{if isset($MODULE['search'])}
{php $types = include PHPCMS_ROOT.$MODULE['search']['path'].'include/type.inc.php';}
<div class="f_r">
<form name="site_search" action="{$MODULE[search][url]}" target="_blank">
<input type="hidden" name="type" value="all"/>
<input type="text" name="q" size="20"/>
<select>
<option value="all">全部</option>
{loop $types $k $name}
<option value="{$k}">{$name}</option>
{/loop}
</select>
<input type="submit" name="s" id="button" value="搜索" />
</form>
</div>
{/if}
<div class="f_l">
<div id="div_login" style="display:block">
<form action="{$MODULE[member][url]}login.php" method="post" name="login" onsubmit="return loginSubmit(this, {$PHPCMS[uc]});">
用戶名：<input type="text" name="username" size="12"/>
密碼：<input type="password" name="password" size="12"/>
<input type="submit" name="dosubmit" value="登錄" />
<input type="button" name="register" value="注冊(cè)" onclick="redirect('{$MODULE[member][url]}register.php')"/>
<input type="hidden" name="cookietime" value="0"/>
</form>
</div>
<div id="div_logined" style="display:none">
<span id="logined_username" class="b"></span>，<a href="{$MODULE[member][url]}">會(huì)員中心</a> |
<a href="{if $PHPCMS['uc']}{$MODULE[member][url]}logout.php{else}javascript:logout('{$MODULE[member][url]}logout.php?action=ajax');{/if}">退出登錄</a>
</div>
</div>
</div>
<div id="head">
<div id="logo">
<a href="{SITE_URL}"><img src="images/logo.gif" alt="{$PHPCMS[sitename]}" /></a>
<a href="{SITE_URL}rss.php" target="_blank"><img src="images/rss.jpg" alt="rss信息聚合" /></a></div>
<div class="ad" id="topbanner"><script language="javascript" src="data/js.php?id=1"></script></div>
</div>
<div id="menu">
<ul>
<li><a href="" id="menu_phpcms"><span>首頁(yè)</span></a></li>
{tag_一級(jí)欄目}
<li><a href="{$MODULE[special][url]}" id="menu_special"><span>專題</span></a></li>
<li><a href="{$MODULE[ask][url]}" id="menu_ask"><span>問(wèn)吧</span></a></li>
<li><a href="{$MODULE[search][url]}" id="menu_search"><span>搜索</span></a></li>
</ul>
</div>

打開 index.html如下：

<div id="main">
<div id="main_l">
******************************中間部分代碼太長(zhǎng) 此處省略處理******************************
<script type="text/javascript">
function set_type(type)
{
$('#type').val(type);
$('#search_tag>span').removeClass('selected');
$('#type_' type).addClass('selected');
}
</script>
<form name="search" action="{$MODULE[search][url]}" target="_blank">
<div class="search_tag_top mar_10">
<p id="search_tag"> <span id="type_all" class="selected" onclick="set_type('all')">全部</span> {php $types = include PHPCMS_ROOT.$MODULE['search']['path'].'include/type.inc.php';}
{loop $types $type $name} <span id="type_{$type}" onclick="set_type('{$type}')">{$name}</span> {/loop} </p>
</div>
<div class="cribox_bdr_1">
<input type="hidden" name="type" value="all" id="type"/>
<input type="text" name="q" size="50"/>
<input type="submit" name="s" id="button" value="搜索" />
</div>
</form>
<div class="cribox_btm"></div>
******************************中間部分代碼太長(zhǎng) 此處省略處理******************************
<h4><a href="{$MODULE[link][url]}"><img src="images/more.gif" alt="更多" /></a>友情鏈接</h4>
<div class="pic_txt_list_1"> {tag_logo鏈接} </div>
<div class="pic_txt_list_1"> {tag_文字鏈接} </div>
</div>
</div>

打開 footer.html如下：

<div id="foot">
<a href="">網(wǎng)站首頁(yè)</a>{tag_關(guān)于我們}<br />
<strong>{$PHPCMS['copyright']}</strong><br />
<a href="http://www.miibeian.gov.cn/" target="_blank">{$PHPCMS[icpno]}</a>
<a href="http://www.phpcms.cn/" class="copyright" target="_blank">Powered by Phpcms 2008</a>
</div>
</body>
</html>

本頁(yè)內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過(guò)網(wǎng)絡(luò)收集編輯所得，所有資料僅供用戶參考了本站不擁有所有權(quán)，如您認(rèn)為本網(wǎng)頁(yè)中由涉嫌抄襲的內(nèi)容，請(qǐng)及時(shí)與我們聯(lián)系，并提供相關(guān)證據(jù)，工作人員會(huì)在5工作日內(nèi)聯(lián)系您，一經(jīng)查實(shí)，本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://www.cjxv.cn/28170.html

上一篇：<PhpCms內(nèi)容管理:專題_PHPCms教程下一篇：PhpCms內(nèi)容管理:專題_PHPCms教程>