discuz

推荐列表 站点导航

当前位置:首页 > 建站教程 > discuz >

discuz 门户上一篇,下一篇缩略图显示分享

来源:网络整理  作者:网络  发布时间:2020-12-10 14:41
到template\default\portal\view !--{if $article[prearticle]}--em{lang pre_article}a href=http://www.ym97.com/discuz/{$article[prearticle][url]}{$arti...

.next_photo a img{width: 120px;height: 90px;}




<div class="a_photo"> <!--{if $article['prearticle']}--><a href="{$article['prearticle']['url']}"> <img src="image/xgt/$article['prearticle'][pic]" alt="$article['prearticle'][title]"/><li href="{$article['prearticle']['url']}">{lang pre_article}</li><!--{/if}-- </a> </div> <div class="next_photo"> <!--{if $article['nextarticle']}--><a href="{$article['nextarticle']['url']}"> <img src="image/xgt/$article['nextarticle']['pic']" alt="$article['nextarticle']['title']"/><li href="{$article['prearticle']['url']}">{lang next_article}</li></a>  
.next_photo a{float:right;}
<!--{if $article['prearticle']}--><em>{lang pre_article}<a href="{$article['prearticle']['url']}">{$article['prearticle']['title']}</a></em><!--{/if}--> <!--{if $article['nextarticle']}--><em>{lang next_article}<a href="{$article['nextarticle']['url']}">{$article['nextarticle']['title']}</a></em><!--{/if}-->  


.a_photo li{ background: #E6E6E6 none repeat scroll 0% 0%;color: #333;text-align: center;width: 120px;height:30px;line-height: 30px;list-style:none; }
替换代码
.a_photo img { width: 120px;height:90px;}

到template\default\portal\view
.next_photo li{background: #E6E6E6 none repeat scroll 0% 0%;color: #333;text-align: center;width: 120px;height: 30px;line-height: 30px;list-style:none;}
我是分别给上一篇下一篇加了个DIV 方便好控制,如果有模板的找对应的文件view
02 css控制也给出


.a_photo { float:left;margin:-129px 0 0 10px;background:#fff;width: 120px;height: 120px;}
.next_photo {float:right;margin:-129px 10px 0 0;background:#fff;width: 120px;height: 120px;}

相关热词: discuz

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://www.juheyunku.com/jz/discuz/2209.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

discuz 门户上一篇,下一篇缩略图显示分享

2020-12-10 编辑:网络


.next_photo a img{width: 120px;height: 90px;}




<div class="a_photo"> <!--{if $article['prearticle']}--><a href="{$article['prearticle']['url']}"> <img src="image/xgt/$article['prearticle'][pic]" alt="$article['prearticle'][title]"/><li href="{$article['prearticle']['url']}">{lang pre_article}</li><!--{/if}-- </a> </div> <div class="next_photo"> <!--{if $article['nextarticle']}--><a href="{$article['nextarticle']['url']}"> <img src="image/xgt/$article['nextarticle']['pic']" alt="$article['nextarticle']['title']"/><li href="{$article['prearticle']['url']}">{lang next_article}</li></a>  
.next_photo a{float:right;}
<!--{if $article['prearticle']}--><em>{lang pre_article}<a href="{$article['prearticle']['url']}">{$article['prearticle']['title']}</a></em><!--{/if}--> <!--{if $article['nextarticle']}--><em>{lang next_article}<a href="{$article['nextarticle']['url']}">{$article['nextarticle']['title']}</a></em><!--{/if}-->  


.a_photo li{ background: #E6E6E6 none repeat scroll 0% 0%;color: #333;text-align: center;width: 120px;height:30px;line-height: 30px;list-style:none; }
替换代码
.a_photo img { width: 120px;height:90px;}

到template\default\portal\view
.next_photo li{background: #E6E6E6 none repeat scroll 0% 0%;color: #333;text-align: center;width: 120px;height: 30px;line-height: 30px;list-style:none;}
我是分别给上一篇下一篇加了个DIV 方便好控制,如果有模板的找对应的文件view
02 css控制也给出


.a_photo { float:left;margin:-129px 0 0 10px;background:#fff;width: 120px;height: 120px;}
.next_photo {float:right;margin:-129px 10px 0 0;background:#fff;width: 120px;height: 120px;}

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://www.juheyunku.com/jz/discuz/2209.shtml

相关文章

风云图片

推荐阅读

返回discuz频道首页