[实例教程] E-Dragon CMS教程：信息块使用实例（图文调用） [第5页]-不二法门，平面设计师的五星级助手，提供业界最新AI,EPS,CDR,PNG,GIF,JPG,FLA等素材下载

2008年圣诞节精美素材专题您的当前位置：首页 → 易龙产品 → 实例教程

E-Dragon CMS教程：信息块使用实例（图文调用）

正文字体：大中小2007-7-31 作者：佚名来源：E-Dragon 原创

五、现在我们把这个做好的信息块插入到模板中。依次点击：模板，然后选择您要编辑的模板。点击修改。
先用鼠标在模板需要插入的指定位置点击一下，然后再点击右边的信息块名称，这样信息块标签就会插入到指定位置了。本例中我们将他插入到了首页模板中。如图九中红线部分。

（图九）

最终效果如本站首页中http://www.e-dragon.com.cn/中右边的图文信息。

最后我们来说说如何多列并排显示。上面所说的例子，最终效果是单列的图文显示。如何才能多列并排显示呢。如果您有基本的CSS知识，则很容易看懂以下的多列并排显示的块循环模板内容：

<div style="width:124px; text-align:center; border:1px #CCCCCC solid; padding:2px; margin-bottom:8px; float:left;">
<div style="height:100px; overflow:hidden;"><a href="/html/tutorial/2007-07-31/200707311506442NXWQ7X9SI.shtml"><img src="{$SysData:picpath$}" alt="E-Dragon CMS教程：信息块使用实例（图文调用）" width="120" style="border:1px #CCCCCC solid;" /></a></div>
<a href="/html/tutorial/2007-07-31/200707311506442NXWQ7X9SI.shtml" title="E-Dragon CMS教程：信息块使用实例（图文调用）">{$SysData:titlestyle$40$...$}</a>
</div>

其实你会发现，多列显示就多了一个float:left; 当然您还可以调整图片显示的宽度和高度。这样你就可以做出一个完全符合你心意的图文调用信息块了。
而且，只要您采用的静态文件格式为shtml或者asp。那么以后即使频繁对信息块的改动。也不用重新发布页面。

第1页 [1] [2] [3] [4] [5] 第5页

TOP5热点栏目：

棚拍人体

相关信息

《电磁人》Daft Punks图标png图标

[商业UI设计]“蜜桃心情”千千静听界面设计

[商业UI设计]“开心之钥”千千静听界面设计

[VI案例]标志设计VI设计房地产整合推广

精美并实用的4图轮显广告代码(flash+js)

效果好并实用的相册展示JS代码

[EPS格式]Go Media出品潮流EPS格式矢量素材Set1.

[EPS格式]Go Media出品潮流EPS格式矢量素材Set1.

[EPS格式]Go Media出品潮流EPS格式矢量素材Set1.

[EPS格式]Go Media出品潮流EPS格式矢量素材Set1.

留言载入中...请稍后...

最多500个字符

本站所有提供的素材全部经过打开测试和精心挑选，仅供大家学习使用，请不要用于商业用途。如需作商业用途，请与原作者联系。
网友提交的评论和留言属网友个人意见，与本网站立场无关。
请尊重网上道德，遵守中华人民共和国各项有关法律法规。
以上资料除注明为本站原创以外，均为各方收集或网友推荐所得。以共享、研究为目的，不存在任何商业考虑。
目前有些文章未注明作者或出处或标注错误，并非不尊重作者及出处网站，而是因为有些资料来源的不规范。如果有了解作者或出处的朋友，请告知，本网站将立即更正注明，并公开向作者或出处单位道歉。
被摘录的对象如有异议，请与本站联系，联系方式见页尾，本站确认后将立即撤下。
本站原创的内容如需转载需获得本站授权。