账号通
    

账号  

密码  

4307

查看

10

回复
主题:分享一款图片列表[已更新图片] [收藏主题] 转到:  
otbbs 当前离线

1605

主题

12

广播

2

粉丝
添加关注
级别:高一年

用户积分:8980 分
登录次数:1225 次
注册时间:2006/8/7
最后登录:2023/11/29
otbbs 发表于:2009/10/16 15:43:00   | 只看该作者 查看该作者主题 楼主 
科汛在线考试系统(NET)

更多标签(原文)请见:http://hi.baidu.com/蓝纱


 


演示图片说明!!



此主题相关图片如下:a52946b3f3a7338ad8335a4d.jpg
a52946b3f3a7338ad8335a4d.jpg


CSS代码如下:


<style type="text/css">
     .inner{border:1px solid #E1E1E1; padding:10px; overflow:hidden; zoom:1;}
#innertm{border:1px solid #E1E1E1;background:url(liwu.gif) no-repeat;overflow:hidden;}
#innertm #dgfm{filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;}
.innerAD{border:1px solid #E1E1E1;padding: 1px; overflow:hidden;}
/*今日更新*/ .hot_play{width:666px;_ width:664px;overflow:hidden; zoom:1; height:350px; position:relative;}.hot_play ul{width:743px; float:left;}.hot_play li{float:left; position:relative; width:95px; margin:4px 19px 16px 0;overflow:hidden;}.hot_play p{text-align:center; height:16px;overflow:hidden; white-space:nowrap;}.hot_play p.word_cut{text-overflow:ellipsis; width:95px;}.hot_play a img{background:url(loading.gif) no-repeat scroll center center;width:86px; height:120px; padding:2px; border:1px solid #cfcfcf;}.hot_play a:hover img{padding:1px;border:2px solid #8ECFF9}.hot_play span,.ent_list span{display:block; width:79px; height:15px; padding:0 3px; line-height:15px; color:#fff; text-align:center; position:absolute; left:4px; top:107px;}.hot_play span.back,.ent_list span.back,.details_list span.back{background:#000; filter:Alpha(Opacity=50); opacity:0.5;}.hot_play a{font-weight:bold;}.hot_play #grade{clear:both; width:65px; margin:8px auto 0 auto; cursor:default; position:relative;}.hot_play #grade ul{width:65px;}.hot_play #grade li{clear:both;height:2px;background:#ddd; width:65px; overflow:hidden; margin:1px 0 2px 0;}.hot_play #grade li div{background:#007EBC; height:2px;}
.hot_play1{width:666px;_ width:664px;overflow:hidden; zoom:1; position:relative;height:180px;}.hot_play1 ul{width:743px; float:left;}.hot_play1 li{float:left; position:relative; width:95px; margin:4px 19px 10px 0;overflow:hidden;}.hot_play1 p{text-align:center; height:16px;overflow:hidden; white-space:nowrap;}.hot_play1 p.word_cut{text-overflow:ellipsis; width:95px;}.hot_play1 a img{width:86px; height:120px; padding:2px; border:1px solid #cfcfcf;}.hot_play1 a:hover img{border-color:#8ECFF9;border:2px solid #8ECFF9}.hot_play1 span,.ent_list span{display:block; width:79px; height:15px; padding:0 3px; line-height:15px; color:#fff; text-align:center; position:absolute; left:4px; top:107px;}.hot_play1 span.back,.ent_list span.back,.details_list span.back{background:#000; filter:Alpha(Opacity=50); opacity:0.5;}.hot_play1 a{font-weight:bold;}.hot_play1 #grade{clear:both; width:65px; margin:8px auto 0 auto; cursor:default; position:relative;}.hot_play1 #grade ul{width:65px;}.hot_play1 #grade li{clear:both;height:2px;background:#ddd; width:65px; overflow:hidden; margin:1px 0 2px 0;}.hot_play1 #grade li div{background:#007EBC; height:2px;}
.clearfix{overflow:hidden; zoom:1;}
</style>

一:在后台新建标签名为:{LB_图片1}


标签内容如下:


[loop={@num}]
<li> <a href="
{@linkurl}" ><img src="{@photourl}" /> </a> <span class="dp_icon"></span> <span class="back"></span> <span>{@classname}</span>
<p class="word_cut"><a href="
{@linkurl}" title="">{@title}</a></p>
</li>
[/loop]


二:在你要插入的地方插入:
<!---个性图片展示-->
<div class="inner">
          <div class="hot_play may_like" >
            <ul class="clearfix">
              {LB_图片1}
            </ul>
          </div>
        </div>
<!---个性图片展示结束-->

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
cn2009 当前离线

1515

主题

3

广播

2

粉丝
添加关注
级别:高一年

用户积分:6151 分
登录次数:170 次
注册时间:2008/12/28
最后登录:2020/9/8
cn2009 发表于:2009/10/30 21:57:00   | 只看该作者 查看该作者主题 沙发 
科汛在线考试系统(NET)
请教下作者,怎么调节标题和图片之间的距离呢?怎么调都不管用呀?看你这个演示图片距离刚刚好,我做的就上下拉开了比较大的距离了,有点夸张啊。另外这个图片是什么呢?loading.gif ,没有呀?
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
cf809 当前离线

366

主题

0

广播

0

粉丝
添加关注
级别:三年级

用户积分:1988 分
登录次数:136 次
注册时间:2009/8/10
最后登录:2012/5/17
cf809 发表于:2009/10/30 21:36:00   | 只看该作者 查看该作者主题 藤椅 
科汛在线商城系统(NET)
非常不错,值得收藏。
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
cn2009 当前离线

1515

主题

3

广播

2

粉丝
添加关注
级别:高一年

用户积分:6151 分
登录次数:170 次
注册时间:2008/12/28
最后登录:2020/9/8
cn2009 发表于:2009/10/30 21:18:00   | 只看该作者 查看该作者主题 板凳 
科汛智能建站系统
非常不错,值得收藏。
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
otbbs 当前离线

1605

主题

12

广播

2

粉丝
添加关注
级别:高一年

用户积分:8980 分
登录次数:1225 次
注册时间:2006/8/7
最后登录:2023/11/29
otbbs 发表于:2009/10/30 20:29:00   | 只看该作者 查看该作者主题 报纸 
顶上去,让需要的人分享到~
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
wwwwxx 当前离线

75

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:128 分
登录次数:2 次
注册时间:2009/10/13
最后登录:2009/11/5
wwwwxx 发表于:2009/10/16 18:16:00   | 只看该作者 查看该作者主题 地板 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
wwwwxx 当前离线

75

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:128 分
登录次数:2 次
注册时间:2009/10/13
最后登录:2009/11/5
wwwwxx 发表于:2009/10/16 18:16:00   | 只看该作者 查看该作者主题 7楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
wwwwxx 当前离线

75

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:128 分
登录次数:2 次
注册时间:2009/10/13
最后登录:2009/11/5
wwwwxx 发表于:2009/10/16 18:16:00   | 只看该作者 查看该作者主题 8楼 
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
chenkun 当前离线

96

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:332 分
登录次数:145 次
注册时间:2009/12/6
最后登录:2016/12/14
chenkun 发表于:2010/1/8 11:35:00   | 只看该作者 查看该作者主题 9楼 

文字与图片是那里调节呀!!

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
abrush 当前离线

354

主题

0

广播

0

粉丝
添加关注
级别:三年级

用户积分:1946 分
登录次数:74 次
注册时间:2008/12/17
最后登录:2012/8/24
abrush 发表于:2009/10/16 17:08:00   | 只看该作者 查看该作者主题 10楼 
做在线知识付费 选科汛云开店
 只能看到百度  看不到图
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.17188秒 powered by KesionCMS 9.0