帝国论坛帝国网站管理系统交流区帝国CMS使用交流模板制作技巧系列:让你的ECMS模板更“自动化” 【本版专题贴子】  
 3/13    |‹ ‹‹ 1 2 3 4 5 6 7 8 9 10 ›› ›|
主题:模板制作技巧系列:让你的ECMS模板更“自动化” [加入收藏夹]   

禾火木风
用户头衔:嘉宾

精华贴   :11
发贴数   :5478
经验值   :14181
注册时间:2006-03-02
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 21 楼]

"自动化"其实就是'selfinfo'和循环标签,以及带模板的导航标签这三个.....好好利用,可以做出你想要的各种效果,比如现在的站点地图不怎么亲,你就可以结合导航标签来做....开拓你的想像.帝国,一切皆有可能

下面说的就是一些常见问题和网页优化的技巧(个人观点,仅供参考)

六、图片在左,标题和简介在右的类似混排效果
经常有人问帝国怎么实现类似的效果,WC每次都只回答用万能标签...........好人做到底,弄个出来吧

标签调用: [ecmsinfo]栏目ID/专题ID,显示条数,标题截取数,是否显示栏目名,操作类型,模板ID,1[/ecmsinfo]

页面模板内容
[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]

列表内容模板
(list.var)

<table cellspacing="0" cellpadding="0" width="290" border="0">
<tbody>
  <tr>
   <td width="140" rowspan="2" align="center" heiht="100"><div><a href="[!--titleurl--]"><img src="[!--titlepic--]" art="[!--oldtitle--]" width="130" height="92" /></a></div></td>
   <td width="210"><a href="[!--titleurl--]">[!--title--]</a></td>
  </tr>
  <tr>
   <td><a href="[!--titleurl--]">[!--smalltext--]</a></td>
  </tr>
</tbody>
</table>



上传以下图片:




梦想设计 成就你的设计梦想
2006-07-03 15:47:43 已设置保密 顶部 回复 引用 报告 编辑 删除

禾火木风
用户头衔:嘉宾

精华贴   :11
发贴数   :5478
经验值   :14181
注册时间:2006-03-02
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 22 楼]

现在DIV+CSS比较流行,说一下用li来做文字标题列表.你不一定非要去用DIV构造网页,因为不是每个人都对这个熟悉,但你不应该放弃用li来做列表........代码会省很多,也很容易控制

标签调用: <ul>[ecmsinfo]栏目ID/专题ID,显示条数,标题截取数,是否显示栏目名,操作类型,模板ID,0[/ecmsinfo]</ul>
样式
ul  {
padding:  0;
margin:  0;
}
li  {
padding:  0px;
margin:  0px;
list-style:  none;
background:  url(icon_li4.gif)  no-repeat  left  center;/*用背景图定义前面的小图标    */
}
ul不放在磁面模板里,主要是为了方便控制不同的显示效果,某部分不同,只需要指定个ID或者class就可以了.这里以带时间的无序列表为例

页面模板内容
[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]

列表内容模板
(list.var)

<li><a href="[!--titleurl--]" title="[!--oldtitle--]">[!--title--]</a> <span class="date">([!--newstime--])</span></li>


如果是需要时间是放在右侧对齐的,则改为

<span class="date">([!--newstime--])</span><li><a href="[!--titleurl--]" title="[!--oldtitle--]">[!--title--]</a></li>

定义一个样式
.date {
float: right;
}



七、一行二列的比较简单的实现方法(CSS控制)

模板标签和上面说的一样
下面是调用的代码
<table width="100%" border="0" cellspacing="4" cellpadding="0">
      <tr>
       <td width="27%" align="center"><div class="mar-t_s"> <a href="http://hongxiu.msn.com.cn/a/a/01293/1292849.shtml"><img src="images/03.jpg" width="135" height="90" /></a>
           <div><a href="http://hongxiu.msn.com.cn/a/a/01293/1292849.shtml">花花生活圈</a></div>
       </div></td>
       <td><ul class="li_float">[ecmsinfo]栏目ID/专题ID,显示条数,标题截取数,是否显示栏目名,操作类型,模板ID,0[/ecmsinfo]</ul></td>
      </tr>
     </table>


ul  {
padding:  0;
margin:  0;
}
.li_float li  {
width:  49%;
padding:  0px;
margin:  0px;
float:  left;
list-style:  none;
background:  url(icon_li4.gif)  no-repeat  left  center;/*用背景图定义前面的小图标    */
}

[该贴被修改 2 次,最后修改时间 2006-07-03 16:28:30 ]


梦想设计 成就你的设计梦想
2006-07-03 15:59:51 已设置保密 顶部 回复 引用 报告 编辑 删除

禾火木风
用户头衔:嘉宾

精华贴   :11
发贴数   :5478
经验值   :14181
注册时间:2006-03-02
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 23 楼]

上面最后说的那个效果如图所示

上传以下图片:




梦想设计 成就你的设计梦想
2006-07-03 16:28:53 已设置保密 顶部 回复 引用 报告 编辑 删除

gnotihz
用户头衔:书生

精华贴   :0
发贴数   :23
经验值   :104
注册时间:2006-06-10
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 24 楼]

不错的讲.支持一个./




2006-07-03 17:16:16 已设置保密 顶部 回复 引用 报告 编辑 删除

wwwkkkf
用户头衔:嘉宾 *

精华贴   :0
发贴数   :3422
经验值   :5877
注册时间:2006-02-20
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 25 楼]

只能支持!



54998765(at)qq.com      41jk.com
2006-07-03 18:00:30 已设置保密 顶部 回复 引用 报告 编辑 删除

phamlily
用户头衔:进士 *

精华贴   :1
发贴数   :1442
经验值   :2557
注册时间:2006-03-28
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 26 楼]

偶对禾火兄的景仰之情犹如那个滔滔的江水连绵不绝。啥时偶用模板也能达到你的境界啊



我是菜鸟……跳过……
2006-07-04 09:09:49 已设置保密 顶部 回复 引用 报告 编辑 删除

wm_chief
用户头衔:管理员

精华贴   :21
发贴数   :48941
经验值   :114161
注册时间:2002-10-30
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 27 楼]

偶对禾火兄的景仰之情犹如那个滔滔的江水连绵不绝。啥时偶用模板也能达到你的境界啊




[零基础入门教程] [模板制作教程] [采集使用教程]
2006-07-04 09:56:56 已设置保密 顶部 回复 引用 报告 编辑 删除

hylang
用户头衔:书生

精华贴   :0
发贴数   :46
经验值   :255
注册时间:2006-06-22
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 28 楼]

好东西 下回去研究研究 我代表我公司所有人 感谢你



最牛IQ脑筋急转弯 http://www.niuiq.cn
2006-07-04 10:40:54 已设置保密 顶部 回复 引用 报告 编辑 删除

pppaaa
用户头衔:举人

精华贴   :0
发贴数   :148
经验值   :902
注册时间:2006-02-08
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 29 楼]
禾火木风兄能否将你做好的标签整理一下提供下载!!
禾火木风兄能否将你做好的标签整理打包一下,给我们这些菜菜们下载享用一下!!

代表全体菜菜们在此表示深深的谢意!!




2006-07-04 10:59:26 已设置保密 顶部 回复 引用 报告 编辑 删除

eftax
用户头衔:举人

精华贴   :0
发贴数   :243
经验值   :974
注册时间:2006-02-11
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 30 楼]

好东西  下回去研究研究  我代表我公司所有人  感谢你  
me too!



资讯提供者!
http://www.VRCFO.com

2006-07-10 11:10:10 已设置保密 顶部 回复 引用 报告 编辑 删除
 3/13    |‹ ‹‹ 1 2 3 4 5 6 7 8 9 10 ›› ›|

快速回复
内容

表情
使用EBB代码 使用smile代码 显示签名 自动分析url 自动分析img
     【进入高级模式】   (按 Ctrl+Enter 直接提交)
    顶部  加入收藏夹
关于帝国 | 广告服务 | 联系我们 | 法律声明 | 隐私条款 | 许可协议
Powered by: EBB Version 2.2.1