??xml version="1.0" encoding="utf-8" standalone="yes"?>亚洲国产精品电影,av在线电影网,999久久久免费精品国产http://www.aygfsteel.com/zhangyy130/category/38718.html--<span style="font-size:15px;">tomorrow is another day::地方门户的目标不能变</span>zh-cnWed, 01 Apr 2009 06:06:37 GMTWed, 01 Apr 2009 06:06:37 GMT60PHPCMS2008模板教程 默认模板解析及模板制作教E?一)http://www.aygfsteel.com/zhangyy130/archive/2009/04/01/263291.html张永耀张永耀Wed, 01 Apr 2009 02:32:00 GMThttp://www.aygfsteel.com/zhangyy130/archive/2009/04/01/263291.htmlhttp://www.aygfsteel.com/zhangyy130/comments/263291.htmlhttp://www.aygfsteel.com/zhangyy130/archive/2009/04/01/263291.html#Feedback0http://www.aygfsteel.com/zhangyy130/comments/commentRss/263291.htmlhttp://www.aygfsteel.com/zhangyy130/services/trackbacks/263291.htmlPHPCMS2008模板教程 默认模板解析及模板制作教E?PHPCMS2008官方默认 模板解读 首先打开后台Q官斚w认模板的存放位置Q存攑֜ ./templates/default/ php cms/ 目录里,从这里我们就知道如果我们要新那徏一套模板应该怎么做了Q?ҎQ把全套模板攑֜一个文
  

PHPCMS2008模板教程 默认模板解析及模板制作教E?br /> 首先打开后台Q官斚w认模板的存放位置Q存攑֜ ./templates/default/phpcms/ 目录里,从这里我们就知道如果我们要新那徏一套模板应该怎么做了Q?/font>
ҎQ把全套模板攑֜一个文件夹内,如:W3ZZQ然后上传至templates下面Q进入后収ͼ我们在方案管理处可以看到我们刚刚上传的W3ZZ了,把该Ҏ讄成默认方案,更新模板~存Q然后更?span href="tag.php?name=%CA%D7%D2%B3">首页完全是我们W3ZZ里面的模板了Q就q样?#8230;…
如图Q?/font>
 q里是我们W3ZZ文g夹下面PHPCMS里的所有模板,也就是整站核心的模板Q包括首,栏目首页Q列表页Q?span href="tag.php?name=%3Chighlight%3E%C4%DA%C8%DD">内容,标签模板……
接下来看一?font color="#0000ff">header.html、index.html、footer.html 三个模板文g。这是首|板的灵魂Q不仅是首页Q其它页面的头部文g和页脚文件也是header.htmlQfooter.htmlq个不用我说了,因ؓ看看模板中的{template 'phpcms','header'}?font color="#ff0000">{template 'phpcms','footer'}
说一下这三个参数的含义:

W一个template,是整个系l的模板文g夹,也就是前面讲的ؓ什么要传到templates下面的原因,因ؓpȝ定义的模板文件夹׃ؓtemplates,也就是这里的template;W二个phpcmsQ就是目前你的模板所在phpcms文g夹名Uͼ如果你要新徏一个头部,只要在phpcms里面新徏一个文Ӟ如:header_w3zz.htmlQ然后用{template 'phpcms','header_w3zz'}可以了Q这L三个headerq个明白了Q是要包含的模板文g的名Uͼfooterq个׃样了?/strong>
完整面模板是header+index+footerQ有了这三部分,首页模板可以说l构完整了?/strong>
对应2008的默认模板看Q?/strong>Q因为都有默认的Q所以就不脓出来了,占地方,也不方便看)
现在我们开始分析header.html的构?/strong>
1?/strong><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    w3c国际标准


2?/strong><meta http-equiv="Content-Type" c />     

q里定义字符~码Q也是我们下蝲的时候是GBKq是UTF-8的,q个{CHARSET}是~码变量Q这个你在安装的时候就已经定Q所以以后的M操作都要在该~码下操作,否则׃出现qQ也是_出现qq些的原因就在于此?/strong>

3?/strong><title>{$head[title]}</title>               
q个是|站名称-|站标题Q在后台pȝ讄Q-基本讄Q-|站名称-|站标题Q在首页会两个都昄出来Q其它的面只昄|站名称

4?/strong><meta c name="keywords" />     
在后台系l设|-Q基本设|-Q?/strong>|页关键?/strong>

5?/strong><meta c name="description" />   
在后台系l设|-Q基本设|-Q网|q?/font>

6?/strong><base href="{SITE_URL}" _fcksavedurl=""{SITE_URL}"" />              
q是全部定义的,q当于2007里面的{PHPCMS_PATH},同时2008也用。但是在q里定义之后你的模板里面的调用Q何文仉不用定义{PHPCMS_PATH}了,如:我要调用images下面的一?span href="tag.php?name=%CD%BC%C6%AC">囄Q你只要?lt;img src="images/w3zz.jpg">q样好。{SITE_URL}q个是你网站的在后台系l设|-Q基本设|-Q网站地址

7?/strong><link href="favicon.ico" rel="shortcut icon" />   
q个效果是:  是|站地址前面的标识,也就调用images/favicon.ico文gQ这个可以制作,有制作工?/font>

8?/strong><link href="{SKIN_PATH}{$mod}.css" rel="stylesheet" type="text/css" />   
引用全部CSS文gQ即templates/default/skins/default下面的CSS文g{SKIN_PATH}是templates/default/skins/defaultq个地址Q{$mod}是当前模型的变量Q如Q当前是phpcms那就说明CSS文g是phpcms.css

9?/strong><link rel="alternate" type="application/rss+xml" title="{$head[title]}" href="/rss.php?rssid={$catid}" />  
|站标题Q即订阅的地址

10?/strong><script language="JavaScript" src="data/config.js"></script>  _fcksavedurl=""data/config.js"></script> "        
配置js文g      

<script language="JavaScript" src="images/js/jquery.min.js"></script>  
框架js文g

<script language="JavaScript" src="images/js/css.js"></script>              
cssjs文g

<script language="JavaScript" src="images/js/common.js"></script>      
配置js包括d收藏夹,讄为首?/font>
<script language="JavaScript" src="images/js/login.js"></script>            
登陆js文g

<script language="JavaScript" src="images/js/validator.js"></script>         
cookie{的js文g

出现相对应的问题Q首先检查这里的js是否调用
 

11?/strong><body   
面载入的时候调用输出catid或者modQ所以说$catid?modx目ID和模型名U是全局变量

12?/strong><div id="top">
{if isset($MODULE['search'])}
{php $types = cache_read('search_type.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" >
  用户名:<input type="text" name="username" size="12"/>
  密码Q?lt;input type="password" name="password" size="12"/>
     <input type="submit" name="dosubmit" value="d" />
     <input type="button" name="register" value="注册" />
     <input type="hidden" name="cookietime" value="0"/>
  </form>
</div>
    <div id="div_logined" style="display:none">
  <strong id="logined_username" ></strong>Q?lt;a href="{$MODULE[member][url]}">会员中心</a> |
        <a href="{if $PHPCMS['uc']}{$MODULE[member][url]}logout.php{else}javascript:logout('{$MODULE[member][url]}logout.php?action=ajax');{/if}">退出登?lt;/a>
</div>
  </div>
</div>   

q就是网站首顶站的搜烦框和登陆框,以及登陆后的效果?/font>
如图Q?nbsp;
13?/strong><div id="head">
  <div id="logo">
    <a href="{SITE_URL}"><img src="images/logo.gif" _fcksavedurl=""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>首页</span></a></li>
   {tag_一U栏目}
</ul>
</div>     
头部里面的head  包括logo,订阅标志QbannerQ?span href="tag.php?name=%B5%BC%BA%BD">D
效果如图Q?nbsp;

M面index.html代码解析
1?/strong>W一个div  <div id="main"></div>   q个主要控制面的宽度,框加昄Q具体样式对应看CSS文g里面?mainq样明白了Q所以说看了模板q道CSS样式是如何的了,q里告诉需要修Ҏ式的朋友Q要修改哪里Q先看那里的模板Q然后对?lt;div>的class或者idȝ应的CSS里面查找Q然后按着你的x修改
同时我们也可以这样实现。如Q我要把整个面Ҏ960px的宽度,<div id="main" style="width:960px;"></div>q样Ҏ最保险的,既不会媄响全局的CSSQ也不会影响其它面的,我只是D个例子,其它的当然也可以q样改,q样操作最方便?/strong>
2?/strong>W二个div <div id="main_l"></div>   q个一看就知道是main里面的left了,q就id是main_lQ如果要修改可参?的说明。这个div里面包含了灯片Q搜索框Q栏目首列表?/font>下面我们具体分析Q?/font>
W一块:qȝ?首页头条首页推荐
<div class="cribox_bdr">
      <!--qȝ?->
      <div id="slide">{tag_首页qȝ片}</div>
      <!--热点文章-->
      <div id="hotnews" class="f_r"> {tag_|站首页头条}
        <ul class="text_list">
          {tag_|站首页推荐}
        </ul>
      </div>
    </div>q个里面有注释一看就懂了Q里面也是三个标签Q{tag_首页qȝ片}  {tag_|站首页头条}  {tag_|站首页推荐}q个在PHPCMS2008里面分别通过三个推荐位置来实现的Q灯片是首늄点,首页头条是首页头条Q首|荐就是首|荐,q个一看标{设|就可以明白了,同样你也可以修改q些讄?/font>标签讄的教E我以后补上?/div>
W二块:搜烦?br /> <!--{if isset($MODULE['search'])}-->      q里判断是否安装最搜烦模块Q安装了显C,否则不显C?/strong>
<script type="text/javascript">
function set_type(type)
{
$('#type').val(type);
$('#search_tag>span').removeClass('selected');
$('#type_'+type).addClass('selected');
}
</script>                   q里是用JSfunction调用全站搜烦的分c,分类讄在模块管理-Q全站搜索-Q分cȝ?br />     <form name="search" action="{$MODULE[search][url]}" target="_blank">    全站搜烦的表单里面包含name和动作action
      <div class="search_tag_top mar_10">
        <p id="search_tag"> <span id="type_all" class="selected" >全部</span> {php $types = cache_read('search_type.php');}       搜烦条g的读取如Q图片,资讯Q?/strong>cache_read()d~存文g函数Q只要保存在~存文g里面的都可以直接用该函数d?br />           {loop $types $type $name} <span id="type_{$type}" >{$name}</span> {/loop}   循环出全站搜索的分类  $types是在cache_read()函数d~存的时候将所有数据保存在该数l里面的,$type是你在模块理Q-全站搜烦Q-cd理的类别,?news?name是你惌保存的变量,可以自己定义Q注意下面的输出是由q个变量控制的?/font>
</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>
<!--{/if}-->
效果图:
 


张永耀 2009-04-01 10:32 发表评论
]]> վ֩ģ壺 | | ֦| | ޼| ˮ| Ӣɽ| | ˮ| | | Ӫ| | ֹ| ն| ̩| ˮ| | | ÷ӿ| ͺ| | տ| ̫| հ| ¡| | IJ| | ɽ| | º| ɽ| | | ӳ| ʯȪ| | | ľ| Ƹ|