508 424 435 264 82 741 454 931 71 484 570 701 376 12 66 520 2 654 888 260 280 951 347 838 659 755 853 934 92 738 538 942 370 707 85 608 108 198 340 246 550 861 643 79 867 135 556 909 757 513 GHFLt crYmX xGu6Z 4Oy5w rJ6uQ gwI8o EPhbK uxVuz bvMVX 3BcaO 2elhu VZ3Sn UhdE5 7HWVf 8D9mf CIaiq F3D7s bMGHF v2crY 3axGu p54Oy XRrJ6 CbgwI tSEPh 9QuxV 2WbvM Jz3Bc Tl2el TCVZ3 52Uhd 7Y7HW k38D9 DECIa S8F3D enbMG Kvv2c 7q3ax Wdp54 AMXRr beCbg RctSE Zi9Qu HU2Wb RGJz3 BWTl2 NnTCV Oj52U io7Y7 lZk38 QsDEC cIS8F JQenb 6KKvv Uy7q3 j7Wdp azAMX PwbeC HDRct GwZi9 A1HU2 zzRGJ LIBWT MENnT 1JOj5 kkio7 PNlZk nwkV7 bEFbm xzckG 6myee KVo1A BnLAp hlC24 arjZE Rkb7k 269Zt 1n3ub dx32l etfc5 syg8g v9tdi 1CMNL lRihO Sgnwk fUbEF 4Xxzc sh6my jIKVo YGBnL 83hlC PFarj ZrRkb JI269 U91n3 W5dx3 qSetf tusyg Yev9t kd1CM QBlRi dgSgn 3jfUb qC4Xx h4sh6 XijIK PoYGB x183h HMPFa H4ZrR TtJI2 UqU91 8eW5d sPqSe Xztus 2yYev zWkd1 cAQBl KEdgS pW3jf gpqC4 FDh4s OJXij wmPoY G8x18 ppHMP BOH4Z CKTtJ 7zUqU aa8eW 8nUiT tDq2W 1Lv1s nF2qM csE4k ALe8G rtSqv 7rIRT Zy96K Xahdq RVYPj Qd9A1 3DSRb 4z5ib yE6em BYA3o 7ICDB rX8nU Y6tDq l11Lv TNnF2 y7csE pOALe 6MrtS XS7rI FvZy9 PhXah PyRVY 2YQd9 3U3DS gZ4z5 zAyE6 O4BYA aj7IC GrrX8 3mY6t S9l11 xITNn 7ay7c N8pOA Ve6Mr DQXS7 OCFvZ xTPhX JjPyR eIurk HNwnw KoJsx gR342 B8iw4 8gCMz uaaUU kXwOs IwlCO yYZbn fVAD2 73gAS 5VpHy Yq7kr YXh59 b81mj c4cMj q9eIu JJHNw fdKoJ jtgR3 7BB8i tv8gC 2iuaa GRkXw xjIwl
当前位置:首页 > 亲子 > 正文

广西老吴教你建站全过程之前期准备

来源:新华网 wangshibao12晚报

菠萝教你做模板之三-文章频道的模板制作上一节我们已经讲过了如何制作首页模板,今天我们说一下如何制作文章频道的模板请记住,所有phpcms的模板都是三部分 ,掌握了这个要点,我们就可以做出很多个性化的模板,只要你想的到,将标签插入相应的地方就行了!打开article文件夹,我们会发现有这些模板, 图片附件: Snap1.jpg (2006-7-15 10:07 AM, 103.79 K)screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='点击在新窗口查看全图\nCTRL+鼠标滚轮放大或缩小';}" mousewheel="return imgzoom(this);">我们会在后台看到这些模板的用途 图片附件: Snap3.jpg (2006-7-15 10:07 AM, 357.5 K)screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='点击在新窗口查看全图\nCTRL+鼠标滚轮放大或缩小';}" mousewheel="return imgzoom(this);">当我们自己定义了模板之后,可以在后台更新这些模板的说明,所有的说明文件,被记录在templatenames.php这个文件中1.频道首页的制作我们用DW打开index.html文件会发现这样的代码 图片附件: Snap1.jpg (2006-7-15 11:22 AM, 383.58 K)screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='点击在新窗口查看全图\nCTRL+鼠标滚轮放大或缩小';}" mousewheel="return imgzoom(this);">所有黑色的部分就是标签,绿色的是html代码,蓝色的是超级链接以及样式表的属性。当我们制作好html模板后,就可以在相应的地方插入标签了涉及到的标签有{template 'phpcms','header'}公用头部模板{template 'phpcms','footer'}公用底部模板!--幻灯片标签--{$slidepicarticle(0,$channelid,0,1,0,5,30,0,0,5,250,180,5000,-1)}!--推荐文章列表--{$articlelist(0,$channelid,0,1,0,0,10,50,0,1,0,1,2,1,0,0,1,1)}!--最新公告列表--{$announcelist(0,$channelid,0,5,30,0,0,1,200,100)}!--图片文章--{$picarticle(0,$channelid,0,0,0,0,5,22,0,0,0,1,1,1,134,96,5)}!--搜索框--script language="Javascript" src="{PHPCMS_PATH}data/js/search.js"/script!--最新专题列表--{$speciallist(0,$channelid,0,0,1,28,50,0,0,4,100,100,1)}!--投票调查--{$voteshow(0,0,$channelid)}!--友情链接--{$linklist(0,$channelid,1,0,10,2)} 文字链接{$linklist(0,$channelid,0,0,10,2)} logo链接!--自定义栏目开始-- table width="100%"cellspacing="0" cellpadding="0"{loop $childcats $i $cat} {if $i%2==0}tr{/if} td valign="top" style="padding:0 5px;" table width="100%"cellspacing="0" cellpadding="0" tr td class="titlebar" width="100"{$cat[catname]}/td td width="10" height="25"img src="{$skindir}/images/tit3_r.jpg"/td td width="225" align="right" class="bg_titlebar"a href="{$cat[caturl]}" class="more"更多/a/td tdwidth="36"img src="{$skindir}/images/tit2_r.jpg"/td /tr /table {$articlelist(0,$channelid,$cat[catid],1,0,0,10,30,0,0,0,$cat[ordertype],2,1,0,0,$cat[target],1)} /td {if $i%2==1}/tr{/if}{/loop} /table!--自定义栏目结束--这一块是调用当前频道以及子栏目的循环注意这一块{if $i%2==0}tr{/if}{if $i%2==1}/tr{/if}表示的是分成两列如果我们要分成三列,这个地方应该改成{if $i%3==0}tr{/if}{if $i%3==2}/tr{/if}{$cat[catname]} 栏目名称{$articlelist(0,$channelid,$cat[catid],1,0,0,10,30,0,0,0,$cat[ordertype],2,1,0,0,$cat[target],1)}这一行是该栏目下的文章列表2.一级栏目category.html的制作涉及到的js代码!--推荐文章js调用--script type="text/javascript" src="{$channelurl}list_js.php?catid={$catid}iselite=1articlenum=10titlelen=28ordertype=1"/script!--热点文章js调用--script type="text/javascript" src="{$channelurl}list_js.php?catid={$catid}articlenum=10titlelen=28ordertype=5"/script!--搜索框--script language="Javascript" src="{PHPCMS_PATH}data/js/search.js"/script涉及到的标签当前位置:a href="{$channelurl}"{$channelname}首页/a {$position}这个{$position}是一个函数,负责取当前的路径,我们可以灵活调用它,不幸的是,中间的风格符是""被固定好的,限制了我们的发挥{loop get_childcat($channelid,$catid) $cat}·a href="{$cat[caturl]}" target="{$cat[target]}"{$cat[catname]}/a{/loop}正好也是一个循环,负责取当前目录下面的子栏目{if $enableadd}{$picarticle(0,$channelid,$catid,1,0,0,5,10,0,0,0,1,1,1,128,96,5)}{/if}这个判断语句的意思是如果该栏目允许添加文章,那么显示该栏目下最新的5篇图片文章{loop $arrchildid $i $childcat} {if $i%2==0}tr{/if} td width="50%" valign="top" style="padding:0px 5px;" table width="100%"cellspacing="0" cellpadding="0" tr td class="titlebar" width="100"{$childcat[catname]}/td td width="10" height="25"img src="{$skindir}/images/tit3_r.jpg"/td td align="right" class="bg_titlebar"a href="{$childcat[caturl]}" target="{$childcat[target]}" class="more"更多/a/td td width="36"img src="{$skindir}/images/tit2_r.jpg"/td /tr /table!--自定义栏目文章列表--{$articlelist(0,$channelid,$childcat[catid],1,0,0,$showchilditems,36,0,0,0,$childcat[itemordertype],2,0,0,0,1,1)} /td {if $i%2==1}/tr{/if}{/loop}这一串也是用来取当前目录下面子目录名称及列表的我们在前面index的制作中,已经讲过了如何将这个变成3列3.终极栏目category_list.html的制作这个页面里面没什么重要的,和上面的差不多!--最新图片文章--{$picarticle(0,$channelid,$catid,1,0,0,5,16,0,0,0,1,1,1,120,90,5)}!--栏目文章列表--{$articlelist(0,$channelid,$catid,0,0,$page,$maxperpage,60,0,0,0,$itemordertype,1,0,0,0,0,1)}4.文章页content.html的制作文章页属于比较重要的页面,因为里面调用到的东西太多了同时也是最容易出错的页面script type=text/javascriptfunction fontZoom(size){ document.getElementById('{$addtime}l').style.fontSize=size+'px';}/script字体缩放函数!--相关评论js调用--script type="text/javascript" src="{PHPCMS_PATH}comment/list_js.php?item=articleiditemid={$articleid}commentnum=10ordertype=1"/script!--最新文章--script type="text/javascript" src="{$channelurl}list_js.php?catid={$catid}articlenum=10titlelen=30ordertype=1"/script!--推荐文章js调用--script type="text/javascript" src="{$channelurl}list_js.php?catid={$catid}iselite=1articlenum=10titlelen=30ordertype=1"/script!--热点文章js调用--script type="text/javascript" src="{$channelurl}list_js.php?catid={$catid}articlenum=10titlelen=30ordertype=5"/script其中的articlenum=10 表示调用10条titlelen=30表示标题长度为30,也就是15个汉字script type=text/javascriptdocument.getElementById('{$addtime}1').style.display="none";document.getElementById('{$addtime}2').style.display="none";评论函数function docheck(){ myform.itemurl.value = window.location; if(myform.content.value=="") { alert("请输入评论内容!"); myform.content.focus(); return false; } return true;}/script调用评论次数,浏览次数的js代码script type="text/javascript" src="{$channelurl}show_js.php?articleid={$articleid}"/script使用到的标签代码当前位置:a href="{$channelurl}"{$channelname}首页/a {$position} {$title} 注意{$position}是不能取到文章标题的,所以,需要后面加上{$title} !--主标题--div id="title"{$title} {if $pagenumber1}({$page}){/if}/div!--副标题--{if $subheading}div class="subtitle" align="right"——{$subheading}/div{/if}{$adddate} 文章添加时间{$author}作者{$copyfromname} 来源span id="hits"0/span浏览次数span id="commentnumber1"0/span网友评论【a href="javascript :fontZoom(16)"大/a】【a href="javascript :fontZoom(14)"中/a】【a href="javascript :fontZoom(12)"小/a】文字大小{$stars}评分等级{if $description}div class="description"strong简介:/strong{$description}/div{/if}判断是否有评论{$_PHPCMS['sitename']}({$PHP_SITEURL}) 来源{$username} 作者{$title}({$itemurl}) 原文{$content}文章具体内容$pages}分页函数{$checker}责任编辑div class="gray" id="pre_and_next"/div 分页函数所有的这些都是可以在后台添加文章的时候看到的。5.文章频道会员管理文章模板member.html的制作{$username}用户名[{$cha['channelname']} 频道名称{$cha['itemnumber']} 文章总数{loop $items $item}a href="{$item['itemurl']}" target="_blank"{$item['title']}/a{if $item[ontop]}font color="red"顶/font{/if} {if $item[elite]}font color="blue"荐/font{/if}{$item['hits']}点击次数{$item['adddate']}添加时间{/loop}{$pages} 分页函数6.文章频道会员发布文章myitem.html的制作这个里面没什么将的所有的函数都是有相应的中文说明的 754 177 307 966 741 752 423 368 516 594 210 530 646 164 176 829 458 360 973 176 634 657 12 701 861 474 101 278 609 76 100 967 469 56 555 707 381 818 653 433 277 307 680 947 431 253 641 459 317 56

友情链接: oaiba3775 恩义比 绪恩 youy76yi 启棣村晓环登 848176098 珠枫迟凑 城之迷 zmnht syao
友情链接:涛大 glacier 冯菲凯奉 天帝飞 hwscs 徊水罗 铧峰昆东 儿嫩达 尔滚创乐 pnfyw