【原创视频】帝国CMS仿站视频教程七:首页模版的制作【企业网站】
思良:周末一般不能上网,家里有农活,结婚前在家都做太子,结婚后到老婆这边工作,周末要做苦力,什么时候是个头啊。
视频后发,上传错误,替换了上一个视频,,好找有个备份,只能明天搞了。
地址:http://img.jygawx.com//jc/2013/3/skyfz9.mp4 (没错两个//)
灵动标签:
超链接:<?=$bqsr['titleurl']?> 限制标题数的标签:<?=esub($bqr[title],35)?> 标题:<?=$bqr['title']?>可以用于itle=
图片路径:<?=$bqr['titlepic']?> 时间:<?=date('Y-m-d',$bqr[newstime])?> 简介:?=esub($bqr[smalltext],135)?>不知道可以查看帮助
九,制作封面模版 首页模版
【1】,简介和联系我们修改
为什么先修改这些后替换超链接、头部,底部?先替换了CSS超链接,就不好找代码了。
虽然有标签可以调用内容或内容简介,但是调用起来又太麻烦,调用内容不好控制数字,比如联系我们的内容有地图,也不能显示出来吧,调用内容简介,又不能按样式显示,即不能分行等,所以建议直接按首页样式修改文字,反正简介和联系我们很少改的。
注意记得改更多超链接路径。
【2】,新闻中心修改
注意记得改更多超链接路径。
1,使用灵动标签调用新闻列表,为什么用灵动而不用万能?灵动直接从数据库调用数据,而万能需要调用标签模版,增加了服务器负担。
按首页样式,指定调用新闻中心栏目,调用2篇,显示时间,自定义灵动标签为:
[e:loop={60,2,0,0}]
<a href="<?=$bqsr['titleurl']?>" target="_blank"><?=$bqr['title']?></a> <br>
[/e:loop]
按照模版样式,查看上面的灵动标签,替换成:
[e:loop={60,2,0,0}]
<li>· <a href="<?=$bqsr['titleurl']?>" title="<?=$bqr['title']?>" target="_blank"><?=$bqr['title']?></a><span><?=date('Y-m-d',$bqr[newstime])?></span></li>
[/e:loop]
2,使用灵动调用新闻头条 按首页样式,指定新闻中心栏目,调用1篇,条件是必须有图片
[e:loop={60,1,0,1}]
<a href="<?=$bqsr['titleurl']?>" target="_blank"><?=esub($bqr[title],35)?></a> <br>
[/e:loop]
按照模版样式修改成:
[e:loop={60,1,0,1}]
<div class="cont">
<div class="c-l-tj">
<div class="img"><a href="<?=$bqsr['titleurl']?>"><img src="<?=$bqr['titlepic']?>" width="107" height="63" /></a></div>
<div class="tuijian">
<div class="title"><a href="<?=$bqsr['titleurl']?>" title="<?=$bqr['title']?>" target="_blank"><?=esub($bqr[title],35)?></a></div>
<div class="txt"> <?=esub($bqr[smalltext],135)?>…[<a href="<?=$bqsr['titleurl']?>" target="_blank">更多</a>]</div></div>
</div>
</div>
[/e:loop]
【3】:滚动产品展示的制作
注意记得改更多超链接路径。
灵动标签调用案例列表,按照样式,指定案例栏目,显示图片和标题,调用6篇以上才能滚动,默认就10篇吧,条件是必须有图片
找出重复,代替灵动
一行用TD重复每个产品(<td valign="top">),每个产品中还有个td分开(<td width="18">),所以重复是2个td即可。
[e:loop={62,10,0,1}]
<td valign="top"><table border="0" cellpadding="0" cellspacing="0" style="margin-right:20px;">
<tbody>
<tr>
<td height="100" align="center" valign="middle"><a href="<?=$bqsr['titleurl']?>" target="_blank"><img src="<?=$bqr['titlepic']?>" width="170" height="140" border="0" /></a></td>
</tr>
<tr>
<td height="35" align="center"><a href="<?=$bqsr['titleurl']?>" title="<?=$bqr['title']?>" target="_blank"><?=esub($bqr[title],35)?></a></td>
</tr>
</tbody>
</table></td>
<td width="18"></td>
[/e:loop]
【4】:首页幻灯片的制作
灵动标签调用幻灯片列表,按照样式,指定幻灯片栏目,直接调用图片路径即可,条件是必须有图片,4篇,如果想5篇自己改下代码。
找出重复,代替灵动
<div class="slide"><a stat="sslink-4" href="#" style="background:url(http://img.jygawx.com/yzhngg/image/20150629001048830.jpg) top center no-repeat;"></a></div>
样式a stat="sslink-1到4",所以这里要用到灵动的调用序号标签$bqno
修改后代码:
[e:loop={59,4,0,1}]
<div class="slide"><a stat="sslink-<?=$bqno?>" href="#" style="background:url(<?=$bqr['titlepic']?>) top center no-repeat;"></a></div>
[/e:loop]
【5】,替换超链接、头部,底部
【6】,修改<title>[!--pagetitle--]</title>和<meta 里的东西。(视频中忘记修改了。。。。)