查看: 207210|回复: 4975

[使用帮助] v9模板制作教程(二)

    [复制链接]
发表于 2010-11-2 18:34:24 | 显示全部楼层 |阅读模式
今天开始讲v9模板制作的第二节课
上节课讲到了v9模板修改的地方在哪
这次讲怎么修改!
关于标签的解释可以去下面的帖子看看
http://bbs.phpcms.cn/thread-230311-1-1.html
1、首先修改首页模板index.html
修改前向大家介绍下v9的工作模式,v9和他的前身phpcms 2008是一样的都是“标签调用头部 +首页部分+ 标签调用底部”
所以按照从头开始的顺序
第一步打开heard.html
现在我们开始分析header.html的构造
[hide]
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. 上面是W3C网页标准
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />{CHARSET}" =字符集 (gbk或者utf-8)
  6. <meta http-equiv="X-UA-Compatible" content="IE=7" />
  7. <title>{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}</title>
  8. 判断语句 翻译:如果设置了标题并且标题不为空,则显示标题,否则显示网站名称

  9. <meta name="keywords" content="{$SEO['keyword']}">
  10. <meta name="description" content="{$SEO['description']}">
  11. <link href="{CSS_PATH}reset.css" rel="stylesheet" type="text/css" />
  12. <link href="{CSS_PATH}default_blue.css" rel="stylesheet" type="text/css" />
  13. 上面2行是外部css的调用{CSS_PATH}
  14. <script type="text/javascript" src="{JS_PATH}jquery.min.js"></script>
  15. <script type="text/javascript" src="{JS_PATH}jquery.sGallery.js"></script>
  16. <script type="text/javascript" src="{JS_PATH}search_common.js"></script>
  17. 上面3行是网页的js调用
  18. </head>
  19. <body>
  20. <div class="body-top">
  21. <div class="content">
  22. {pc:content action="position" posid="9" order="id" num="10" cache="3600"}
  23. <div id="announ">
  24. <ul>
  25. {loop $data $k $v}
  26. <li><a href="{$v[url]}">{$v[title]}</a></li>
  27. {/loop}
  28. </ul>
  29. </div>
  30. {/pc}
  31. <script type="text/javascript">
  32. $(function(){
  33. startmarquee('announ',22,1,500,3000);
  34. })
  35. </script>
  36. <div class="login lh24 blue"><a href="{APP_PATH}index.php?m=content&c=rss&siteid={get_siteid()}" class="rss ib">rss</a><span class="rt"><script type="text/javascript">document.write('<iframe src="{APP_PATH}index.php?m=member&c=index&a=mini&forward='+encodeURIComponent(location.href)+'&siteid={get_siteid()}" allowTransparency="true" width="300" height="24" frameborder="0" scrolling="no"></iframe>')</script></span></div>
  37. </div>
  38. </div>
  39. <div class="header">
  40. <div class="logo"><a href="/"><img src="{IMG_PATH}v9/logo.jpg" /></a></div>


  41. 下面是搜索部分

  42. <div class="search">
  43. <div class="tab" id="search">
  44. {php $j=0}
  45. {php $search_model = getcache('search_model_'.$siteid, 'search');}
  46. {loop $search_model $k=>$v}
  47. {php $j++;}
  48. <a href="javascript:;" style="outline:medium none;" hidefocus="true" {if $j==1 && $typeid=$v['typeid']} class="on" {/if}>{$v['name']}</a>{if $j != count($search_model)}<span> | </span>{/if}
  49. {/loop}
  50. {php unset($j);}
  51. </div> <div class="bd">
  52. <form action="{APP_PATH}index.php" method="get" target="_blank">
  53. <input type="hidden" name="m" value="search"/>
  54. <input type="hidden" name="c" value="index"/>
  55. <input type="hidden" name="a" value="init"/>
  56. <input type="hidden" name="typeid" value="{$typeid}" id="typeid"/>
  57. <input type="hidden" name="siteid" value="{$siteid}" id="siteid"/>
  58. <input type="text" class="text" name="q" id="q"/><input type="submit" value="搜 索" class="button" />
  59. </form>
  60. </div>
  61. </div>

  62. 搜索部分结束
  63. <div class="banner"><script language="javascript" src="{APP_PATH}index.php?m=poster&c=index&a=show_poster&id=1"></script></div>
  64. <div class="bk3"></div>
  65. <div class="nav-bar">
  66. <map>
  67. {pc:content action="category" catid="0" num="25" siteid="$siteid" order="listorder ASC"}
  68. <ul class="nav-site">
  69. <li><a href="{siteurl($siteid)}"><span>首页</span></a></li>
  70. {loop $data $r}
  71. <li class="line">|</li>
  72. <li><a href="{$r[url]}"><span>{$r[catname]}</span></a></li>
  73. {/loop}
  74. </ul>
  75. {/pc}
  76. </map>
  77. </div>
  78. {if $top_parentid}
  79. <div class="subnav">
  80. {pc:content action="category" catid="$top_parentid" num="15" siteid="$siteid" order="listorder ASC"}
  81. {loop $data $r}
  82. <a href="{$r[url]}">{$r[catname]}</a><span> | </span>
  83. {/loop}
  84. {/pc}
  85. {if $modelid}<a href="{APP_PATH}index.php?m=content&c=search&catid={$catid}">搜索</a>{/if}
  86. </div>
  87. {/if}
  88. </div>
复制代码
建议下载个opera浏览器 他的检查页面元素功能超赞!
下一节继续讲主体部分
======================================
http://bbs.phpcms.cn/thread-229576-1-1.html   ············   v9模板教程(一)
http://bbs.phpcms.cn/thread-230310-1-1.html   ············   v9模板教程(三)http://bbs.phpcms.cn/thread-2315屏蔽词汇1-1.html  ············   v9模板教程(四)

评分

参与人数 1PC币 +1 收起 理由
freshcn + 1 热心鼓励

查看全部评分

 楼主| 发表于 2010-11-3 14:08:56 | 显示全部楼层
同样沙发!
回复 支持 反对

使用道具 举报

发表于 2010-11-3 15:42:48 | 显示全部楼层
再次年看看
回复 支持 反对

使用道具 举报

发表于 2010-11-3 15:47:54 | 显示全部楼层
杂编辑了
回复 支持 反对

使用道具 举报

发表于 2010-11-3 15:54:54 | 显示全部楼层
乖哦我来看看
回复 支持 反对

使用道具 举报

发表于 2010-11-3 16:00:09 | 显示全部楼层
乖哦我来看
回复 支持 反对

使用道具 举报

发表于 2010-11-3 16:00:19 | 显示全部楼层
乖哦我来看
回复 支持 反对

使用道具 举报

发表于 2010-11-3 16:15:06 | 显示全部楼层
看一下
回复 支持 反对

使用道具 举报

发表于 2010-11-3 16:16:03 | 显示全部楼层
回复 支持 反对

使用道具 举报

发表于 2010-11-3 16:17:56 | 显示全部楼层
今天开始讲v9模板制作的第二节课
上节课讲到了v9模板修改的地方在哪
这次讲怎么修改!
关于标签的解释可以去下面的帖子看看
回复 支持 反对

使用道具 举报

发表于 2010-11-3 16:20:50 | 显示全部楼层
看看嘛
回复 支持 反对

使用道具 举报

发表于 2010-11-3 16:29:12 | 显示全部楼层
回复 支持 反对

使用道具 举报

发表于 2010-11-3 16:30:47 | 显示全部楼层
看下,学习下
回复 支持 反对

使用道具 举报

发表于 2010-11-3 16:40:30 | 显示全部楼层
666666666666
回复 支持 反对

使用道具 举报

发表于 2010-11-3 16:43:34 | 显示全部楼层
楼主啊一回写的也太少了。 。 多写点。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 点击这里注册

本版积分规则

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

GMT+8, 2019-6-20 05:53 , Processed in 0.191065 second(s), 8 queries , Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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