查看: 35636|回复: 61

[使用帮助] PHPCMS模板风格制作<一>头文件修改(header.html)

    [复制链接]
发表于 2007-5-13 10:26:32 | 显示全部楼层 |阅读模式
头文件包括了时间、用户登入、网站LOGO、顶部banner、频道导航和一级栏目导航。

下图说明了整个header的元素:

头文件一些设置分析,拷贝自phpcms的help文档:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" c>
<title>{$head[title]}-{$PHPCMS[sitename]}</title>
<meta name="keywords" c>
<meta name="description" c>
<meta name="generator" c>
<link href="{PHPCMS_PATH}favicon.ico" rel="shortcut icon">
<link href="{$skindir}/style.css" rel="stylesheet" type="text/css">
<script language="javascript" src="{PHPCMS_PATH}data/js/config.js"></script>
<script language="javascript" src="{PHPCMS_PATH}include/js/common.js"></script>
<script language="javascript" src="{PHPCMS_PATH}include/js/prototype.js"></script>
</head>
<body {if isset($enableprotect) && $enableprotect}     {/if}>
1,红色字体文件是头部文件都必须包含的文件无需改动。
1,蓝色字体文件为设置栏目不可复制的判断语句。未加入,栏目设置不可复制失效。


1 如何修改登录框风格?
    在member/login_form.html login_show.html 修改
    登入背景风格的条栏在style.css的bg_login的class里修改

2 如何改变频道样式?
    修改style.css里的TabBarLevel1的class 里

3 如何改变一级栏目样式?
   其中一级栏目要修改phpcms中的tag_cat-1.html。注意修改这个同时也要修改分类,专题这些风格。

4. 为什么绑定域名不好用?
   需在头文件中加入<base href="{$PHPCMS[siteurl]}">

官方的模板没有完全DIV+CSS,对于做风格不是很方便。
所以我修改了整个模板:
  1. <div class="header">
  2. <!--顶层登入注册表-->
  3. <div class="header_login">
  4. <!--会员登录-->
  5.     <script language="javascript" src="{$MODULE[member][linkurl]}login.php?action=js"></script>
  6. </div>
  7. <div class="header_logo">
  8.   <div class="logo" ><a href="{PHPCMS_PATH}"></a></div>
  9.   <div class="banner_ad"><SCRIPT LANGUAGE="JavaScript" src="{$MODULE[ads][linkurl]}ad.php?id=1"></SCRIPT></div>
  10.   <div class="header_guider">
  11.   <ul>
  12.     <li>·近日新闻</li>
  13. <li>·近日新闻</li>
  14. <li>·<a href="{$MODULE[guestbook][linkurl]}index.php?keyid=0">意见反馈留言本</a></li>
  15. <li>·近日新闻</li>
  16. <li>·近日新闻</li>
  17. <li>·近日新闻</li>
  18.   </ul>
  19.   </div>
  20.   <div class="clearboth"></div>
  21. </div>
  22. <!--频道列表-->
  23. <div id="Whatever" align="center">
  24.     <ul class="globalnav" id="TabPage1">
  25.         <li {if $channelid==0}id="Tabi" class="Selected"{/if}><a href="{PHPCMS_PATH}">首页</a></li>
  26.   <li class="nav_sep">|</li>
  27.       <!--{loop $CHANNEL $channel}-->
  28.         <li {if $channelid==$channel['channelid']}id="Tabi" class="Selected"{/if}><a href="{$channel[linkurl]}" >{$channel[channelname]}</a></li>
  29.   <li class="nav_sep">|</li>
  30.    <!--{/loop}-->
  31.     </ul>
  32. </div>
  33. </div>
  34. <!--{if $channelid}-->
  35. <div class="header_submenu">
  36.   <ul id="subnav">
  37.     <li><a href="{$CHA[linkurl]}"> {$CHA[channelname]}首页</a></li>
  38.     {tag_频道一级栏目}
  39.     <li><a href="{$CHA[linkurl]}type.php">分类</a></li>
  40.     <li><a href="{$CHA[linkurl]}special/">专题</a></li>
  41.     <li><a href="{$MODULE[guestbook][linkurl]}index.php?keyid={$channelid}">留言本</a> </li>
  42.     <li><a href="{$CHA[linkurl]}contribute.php">投稿</a></li>
  43.     <li><a href="{$CHA[linkurl]}search.php">搜索</a></li>
  44.   </ul>
  45. </div>
  46. <!--{/if}-->
复制代码
使用该代码可以通过修改CSS去获得您想要的风格。其中删除了RSS,时间显示和。增加了近日新闻板块。

修改后的样子是:


这是初版也许不大详细,请大家见谅!

[ 本帖最后由 5life 于 2007-5-13 12:32 PM 编辑 ]

本帖子中包含更多资源

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

x

评分

参与人数 4威望 +2 鲜花 +22 收起 理由
zhangzhi2010 + 1
75784326 + 1
淡淡风 + 20 精品文章
winliuxq + 2 原创内容,继续努力!

查看全部评分

发表于 2007-5-13 10:29:00 | 显示全部楼层
沙发,支持这种教程!!!
发表于 2007-5-13 10:32:00 | 显示全部楼层
太好了!5life 辛苦了!!!!!!鲜花N朵!!!!!!
发表于 2007-5-13 10:59:34 | 显示全部楼层
刚接触着程序,正需要呢!希望出个完整的模版制作教程。

制作最简单的模板,把制作过程,需要改的地方,制作模版的大体步骤讲清楚就好了!
这方面的教程太少了,有的也是太零碎了。研究起来很费时间!如果大大有时间整理下
我等后辈,万分感谢!
发表于 2007-5-13 14:51:53 | 显示全部楼层
万分感谢!
发表于 2007-6-3 22:42:45 | 显示全部楼层

好东西,经常出一点

好东西,经常出一点
发表于 2007-6-5 10:13:43 | 显示全部楼层
:lol :lol
好东西
谢谢了
发表于 2007-8-27 19:22:55 | 显示全部楼层

感谢楼主

感谢楼主造福phpcms用户!
发表于 2007-8-27 19:33:23 | 显示全部楼层
支持个,不错  
发表于 2007-9-23 21:18:23 | 显示全部楼层
phpcms是个好东西,不过就是对于新手模板制作是一头雾水,要摸索好久啊!
发表于 2007-10-13 10:43:02 | 显示全部楼层
正在找这个啊!
谢啦!
发表于 2007-11-8 12:59:59 | 显示全部楼层
好铁 留名 谢谢!
发表于 2007-11-9 16:51:22 | 显示全部楼层
顶起^_^
发表于 2007-12-21 10:42:49 | 显示全部楼层
LZ真是牛人,I服了YOU
发表于 2007-12-25 20:53:01 | 显示全部楼层
支持,感谢楼主
www.jiaopu.com
您需要登录后才可以回帖 登录 | 点击这里注册

本版积分规则

小黑屋|Archiver|phpcms网站管理系统 ( 京ICP备14011169 )

GMT+8, 2019-9-22 12:05 , Processed in 0.261768 second(s), 11 queries , Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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