【原创视频】帝国CMS仿站视频教程七:首页模版的制作【企业网站】

来源:互联网   编辑:思良  发表时间:2016-03-28  关注度:1065  

思良:周末一般不能上网,家里有农活,结婚前在家都做太子,结婚后到老婆这边工作,周末要做苦力,什么时候是个头啊。

视频后发,上传错误,替换了上一个视频,,好找有个备份,只能明天搞了。

地址: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>&middot; <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)?>&hellip;[<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 里的东西。(视频中忘记修改了。。。。)

    支付宝扫码领红包,不用多说,用过的人都知道,双赢的,你得红包,我得到同等推广红包,比如你扫到1元,我也得1元,大家得到的红包可以去实体店消费!新用户至少10元以上哦,每天都有!希望大家每天来本站扫码!感谢感谢!

    把打赏改成扫码红包了!支持本站就扫码下!


下一篇:【原创视频】帝国CMS仿站视频教程六:列表模版制作【企业网站】


上一篇:【原创视频】帝国CMS仿站视频教程八:发布测试文章,设置栏目更新缓存检测各个模版【企业网站】


小提示:按 回车[Enter]键 返回,按 ←键 返回上一页, 按 →键 进入下一页。

网友评论(0条评论)

选择头像
     

新闻评论(共有 0 条评论)

手机访问

本站APP

联系我

加我微信