织梦(dedecms)仿站课程第十一讲—幻灯片的制作

fieldset{padding:10px;}

织梦(dedecms)仿站教程第十一讲—幻灯片的制作我们还是顺着做吧,这一讲说说幻灯片代码的制作。首先打开index.htm文档,找到幻灯片部分的代码。就是下面这段代码:

    <DIV id=ifocus> <DIV id=ifocus_pic> <DIV ><UL> <LI><A href="http://www.quanji.cn/news/1/6004.html" target=_blank><IMG src="{dede:global.cfg_templets_skin/}/images/8a99a2b421ca012bc0cd09a6afb3fbc6.jpg"></A> </LI> <LI><A href="http://www.quanji.cn/news/1/5719.html" target=_blank><IMG src="{dede:global.cfg_templets_skin/}/images/3cdbd2277083179ced6ceb7d43b2a9b0.jpg"></A> </LI> <LI><A href="http://www.quanji.cn/news/1/5717.html" target=_blank><IMG src="{dede:global.cfg_templets_skin/}/images/8f1290848b91947cd5da282100186889.jpg"></A> </LI> </UL> </DIV> <DIV id=ifocus_opdiv></DIV><DIV id=ifocus_tx> <UL> <LI class=current1> <H1>梅威瑟VS奥提兹纽约召开新闻发布会</H1>28号早些时候,保持不败的P4P冠军弗罗伊德.梅威瑟与WBC次中量级冠军维克多.奥提兹在纽约城的胡德逊剧场召开了一场新闻发布会,正式宣布9月17日二人在拉斯维加斯米… <LI class=normal> <H1>帕奎奥12回合点数完胜莫斯利(附视频)</H1>在刚刚结束的一场次中量级拳王争霸战中,“亚洲驱逐舰”帕奎奥十二回合点数完胜三个级别的五度世界拳王“糖块”莫斯利,一边倒的赢得了胜利。… <LI class=normal> <H1>“幽灵”帕弗里克10回合点胜洛佩兹(附视频)</H1>  刚刚在美国米高梅大酒店进行的一场10回合超中量级比赛中,前中量级冠军,美国“幽灵”凯利.帕弗里克(37-2,32KO)以点数95-95、98-92、99-91战胜… </LI></UL></DIV></DIV> <DIV id=ifocus_btn> <UL> <LI><A href="http://www.quanji.cn/news/1/6004.html" target=_blank><IMG alt=梅威瑟VS奥提兹纽约召开新闻发布会 src="{dede:global.cfg_templets_skin/}/images/small0a72185a177baff67a7d8f51309318211.jpg"></A> </LI> <LI><A href="http://www.quanji.cn/news/1/5719.html" target=_blank><IMG alt=帕奎奥12回合点数完胜莫斯利(附视频) src="{dede:global.cfg_templets_skin/}/images/small3cdbd2277083179ced43b2a9b01304902616.jpg"></A> </LI> <LI><A href="http://www.quanji.cn/news/1/5717.html" target=_blank><IMG alt=“幽灵”帕弗里克10回合点胜洛佩兹(附视频) src="{dede:global.cfg_templets_skin/}/images/small88d20203a724955448a75cc241304833918.jpg"></A> </LI> </UL> </DIV></DIV>

代码有些长,此段代码可分为三段,大图部分、标题和简介部分、小图部分。我们将上面这段代码修改为织梦模板的代码:

    <DIV id=ifocus> <DIV id=ifocus_pic> <DIV ><UL> {dede:arclistflag=’f’ row=’3′} <LI><A href="[field:arcurl/]" target=_blank><IMG src="[field:litpic/]"></A> </LI> {/dede:arclist}> </UL> </DIV> <DIV id=ifocus_opdiv></DIV> <DIV id=ifocus_tx> <UL> {dede:arclist flag=’f’ limit=’0,1′} <LI class=current1> <H1>[field:title /]</H1>[field:infos /] {/dede:arclist} {dede:arclist flag=’f’ limit=’1,2′} <LI class=normal> <H1>[field:title /]</H1>[field:infos /] {/dede:arclist}> </LI></UL></DIV></DIV> <DIV id=ifocus_btn> <UL> {dede:arclist flag=’f’ row=’3′} <LI><A href="[field:arcurl/]" target=_blank><IMG alt=[field:title function=’html2text(@me)’/] src="[field:litpic/]"></A> </LI> {/dede:arclist}> </UL> </DIV> </DIV>

保存后,查看前台效果:代码解释参考http://help.dedecms.com/v53/archives/tag/global/arclist/好了,幻灯片代码部分讲完了接受失败也等于给了自己从零开始的机会,接受失败更是一种智者的宣言和呐喊;

织梦(dedecms)仿站课程第十一讲—幻灯片的制作

相关文章:

你感兴趣的文章:

标签云: