8.2版巧用标签，做首页多格调用
<P><FONT face=Verdana>1.把以下代码放到后台的“风格界面——风格界面模版总管理——（编辑相应模版）”<BR>把调用代码加到：分页面模板(page_index) ——template.html(0) <BR><!--Div rollboder End-->上方</FONT></P><FONT face=Verdana></FONT><P><FONT face=Verdana><BR><!--顶部多格调用--><BR><style type=\"text/css\"><BR><!--<BR>.top_nav_topic UL {<BR>BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(images/hot_top_topic_bg.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 100%; BORDER-RIGHT-WIDTH: 0px<BR>}<BR>.top_nav_topic UL LI {<BR>PADDING-LEFT: 18px; OVERFLOW: hidden; LINE-HEIGHT: 22px; HEIGHT: 22px; BACKGROUND: url(images/listbg.gif) no-repeat; <BR>}<BR>--><BR></style><BR><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><BR> <tr><BR> <td width=\"220\" valign=\"top\">{$label.dv/Flashshow}</td><BR> <td valign=\"top\"><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><BR> <tr><BR> <td width=\"50%\" valign=\"top\">{$label.dv/top_left_topic}</td><BR> <td width=\"50%\" valign=\"top\">{$label.dv/top_right_topic}</td><BR> </tr><BR> </table></td><BR> </tr><BR></table><BR><!--顶部多格调用--></FONT></P>
<P><FONT face=Verdana>2.后台的“风格界面——自定义标签管理——dv——（自定义标签）”</FONT></P>
<P><FONT face=Verdana><BR>分别添加3个静态标签<BR>Flashshow<BR>top_left_topic<BR>top_right_topic</FONT></P>
<P><FONT face=Verdana><BR>1>Flashshow</FONT></P>
<P><FONT face=Verdana>标签名称：Flashshow</FONT></P>
<P><FONT face=Verdana>缓存时间：100</FONT></P>
<P><FONT face=Verdana>输出内容：<BR><DIV class=mainbox><BR><DIV id=Tab><BR><DIV class=Menubox><BR><UL><BR><LI class=hover id=flash1 onclick=\"setTab(\'flash\',1,3)\">最新摄影作品</LI><BR><LI id=flash2 onclick=\"setTab(\'flash\',2,3)\">热门摄影作品</LI></UL></DIV><BR><DIV class=Contentbox><BR><DIV id=con_flash_1>{$label.dv/show} </DIV><BR><DIV id=con_flash_2 style=\"DISPLAY: none\">{$label.dv/hotshow} </DIV></DIV></DIV></DIV><BR>保存</FONT></P>
<P><FONT face=Verdana></FONT></P>
<P><FONT face=Verdana>2>top_left_topic<BR>标签名称：top_left_topic</FONT></P>
<P><FONT face=Verdana>缓存时间：100</FONT></P>
<P><FONT face=Verdana>输出内容：</FONT></P>
<P><FONT face=Verdana><DIV class=mainbox><BR><DIV id=Tab><BR><DIV class=Menubox><BR><UL><BR><LI class=hover id=top_left1 onclick=\"setTab(\'top_left\',1,4)\">摄影教程</LI><BR><LI id=top_left2 onclick=\"setTab(\'top_left\',2,4)\">后期处理</LI><BR><LI id=top_left3 onclick=\"setTab(\'top_left\',3,4)\">器材百科</LI></UL></DIV><BR><DIV class=Contentbox><BR><DIV class=top_nav_topic id=con_top_left_1>{$label.dv/photograph}</DIV><BR><DIV class=top_nav_topic id=con_top_left_2 style=\"DISPLAY: none\">{$label.dv/photoshop}</DIV><BR><DIV class=top_nav_topic id=con_top_left_3 style=\"DISPLAY: none\">{$label.dv/syqc}</DIV></DIV></DIV></DIV><BR>保存</FONT></P>
<P><FONT face=Verdana>3>top_right_topic<BR>标签名称：top_left_topic</FONT></P>
<P><FONT face=Verdana>缓存时间：100</FONT></P>
<P><FONT face=Verdana>输出内容：</FONT></P>
<P><FONT face=Verdana><DIV class=mainbox><BR><DIV id=Tab><BR><DIV class=Menubox><BR><UL><BR><LI class=hover id=top_right1 onclick=\"setTab(\'top_right\',1,3)\">情感码头</LI><BR><LI id=top_right2 onclick=\"setTab(\'top_right\',2,3)\">动网交流</LI></UL></DIV><BR><DIV class=Contentbox><BR><DIV class=top_nav_topic id=con_top_right_1>{$label.dv/mood}</DIV><BR><DIV class=top_nav_topic id=con_top_right_2 style=\"DISPLAY: none\">{$label.dv/dvbbs}</DIV></DIV></DIV></DIV><BR>保存</FONT></P>
<P><FONT face=Verdana>3.新建几个论坛调用标签</FONT></P>
<P><FONT face=Verdana>我在此建了8个<BR>分别为show hotshow photograph photoshop syqc mood txfs dvbbs</FONT></P>
<P><FONT face=Verdana>这些可以根据需要增减</FONT></P>
<P><FONT face=Verdana>对调用标签的一些说明<BR>1>show是动网论坛默认的图片调用标签可以借用<BR> hotshow是拷贝show标签的，在此我作为热门图片调用</FONT></P>
<P><FONT face=Verdana>2>其他的都类似，可根据需要自行选择调用内容。</FONT></P>
<P><FONT face=Verdana>4.现对静态标签top_left_topic做一说明</FONT></P>
<P><FONT face=Verdana>参照Flashshow可以看出两者的变化</FONT></P>
<P><FONT face=Verdana>Flashshow是采用的两列方式，而top_left_topic是采用的三列方式<BR>当采用四列或更多时，按照规律更改即可<BR>下面红色字体</FONT></P>
<P><FONT face=Verdana><DIV class=mainbox><BR><DIV id=Tab><BR><DIV class=Menubox><BR><UL><BR><LI class=hover id=<FONT color=#ff0000>top_left1</FONT> onclick=\"setTab(<FONT color=#ff0000>\'top_left\',1,4</FONT>)\">摄影教程</LI><BR><LI id=<FONT color=#ff0000>top_left2</FONT> onclick=\"setTab(<FONT color=#ff0000>\'top_left\',2,4</FONT>)\">后期处理</LI><BR><LI id=<FONT color=#ff0000>top_left3</FONT> onclick=\"setTab(<FONT color=#ff0000>\'top_left\',3,4</FONT>)\">器材百科</LI></UL></DIV><BR><DIV class=Contentbox><BR><DIV class=top_nav_topic id=<FONT color=#ff0000>con_top_left_1</FONT>>{$label.dv/photograph}</DIV><BR><DIV class=top_nav_topic id=<FONT color=#ff0000>con_top_left_2 </FONT>style=\"DISPLAY: none\">{$label.dv/photoshop}</DIV><BR><DIV class=top_nav_topic id=<FONT color=#ff0000>con_top_left_3</FONT> style=\"DISPLAY: none\">{$label.dv/syqc}</DIV></DIV></DIV></DIV></FONT></P>
<P><FONT face=Verdana>5.将图片拷到images下</FONT></P><FONT face=Verdana>我采用的是行高22px的，根据需要可以用PS更换图片</FONT>
页:
[1]