本帖最后由 上水2010 于 2012-3-7 17:06 编辑
前日看了官方教程,终于实现通过xml在门户调用品牌空间数据,可以在前台DIY商城数据了。
激动之余发现官方放出来的模板就有2个,一个横排,一个竖排,当让不够用了,于是乎仔细分析了下模板参数,自己写了几个模板存了起来,用的时候调用起来就方便多了。一下是本人一些心得,与大家交流下。都是很初级的东西,高手见笑了。
品牌空间DIY模板参数 2012-3-7
原始横向模板代码
<div class="module cl xl xl1">
<ul style="height:145px; list-style:none;">
[loop]
<li style="list-style:none; background:none;overflow:hidden; display:block; float:left; height:140px;">
<div style="height:140px; width:120px; overflow:hidden; text-align:center; vertical-align:middle; outline:medium none; display:table-cell; ">
<a href="{url}" target="_blank" style="border:1px solid #DDDDDD; display:table-cell; overflow:hidden; width:120px; height:90px;">
<img src="{pic}" style="max-width: 120px; max-height: 90px; width:expression(this.width > 120 ? 120 :true); height:expression(this.height > 90 ? 90 :true); "> //这里可简化,请看修改后的。
</a><span style="display:block">
<font color="#EF8A25 ">会员价格:{price}元</font><br /><a href="{url}" target="_blank">{subject}</a></span></div></li>[/loop]</ul></div>
图片的比例是原始的,高度不统一,不是很整齐哦。
————————————————————————————————————————————————————
修改后的横向模板 <div class="module cl xl xl1"> <ul style="height:145px; list-style:none;">//可去掉 [loop] <li style="list-style:none; background:none;overflow:hidden; display:block; float:left; height:140px//模块高度;"> <div style="height:140px//调整图片内边距高度; width:120px//调整图片内边距宽距; overflow:hidden; text-align:center; vertical-align:middle; outline:medium none; display:table-cell; "> <a href="{url}" target="_blank" style="border:1px solid #DDDDDD//图片边框颜色; display:table-cell; overflow:hidden; width:120px; height:90px;"> <img src="{pic}" style="width: 120px; height: 90px; "> //这是简化后的代码,请与上面仔细比较下 </a> <span style="display:block"> <font color="#EF8A25 ">会员价格:{price}元</font><br /><a href="{url}" target="_blank">{subject}</a> </span> </div> </li> [/loop] </ul> </div>
嘿嘿,整齐多了吧。别忘了另存为自己的模板啊
多多指教,修改代码其乐无穷
www.bctv.com.cn
|