很想了解板块顶部是怎么实现的

仙教圣教主 2018-10-7 2800


如图所示 谢谢

最后于 2018-10-7 被仙教圣教主编辑 ,原因: 错别字
鑫宇网络-版权声明 1、本主题所有言论和图片纯属会员个人意见,与鑫宇网络立场无关。
2、本站所有主题由该帖子作者发表,该帖子作者仙教圣教主鑫宇网络享有帖子相关版权。
3、鑫宇网络管理员和版主有权不事先通知发贴者而删除本文。
4、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者仙教圣教主鑫宇网络的同意。
5、帖子作者须承担一切因本文发表而直接或间接导致的民事或刑事法律责任。
6、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责。
7、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意。
最新回复 (14)
全部楼主
  • admin 2018-10-7
    0 引用 2
    简单。把我做好的代码扣你网站上就可以了
  • 仙教圣教主 楼主 2018-10-7
    0 引用 3
    admin 简单。把我做好的代码扣你网站上就可以了
    我用了您的代码    但是还是不显示  我用的是默认主题添加的代码!
  • admin 2018-10-7
    0 引用 4
    仙教圣教主 我用了您的代码 但是还是不显示 我用的是默认主题添加的代码!
    添加好需要清除下缓存
  • admin 2018-10-7
    0 引用 5
    仙教圣教主 我用了您的代码 但是还是不显示 我用的是默认主题添加的代码!
    <div class="card pa-sm">
    		<div class="card-body">
    			<dl class="row">
    				<dt style="width: 68px" class="vtop">
    					<img src="<?php echo $forum['icon_url'];?>" width="60" height="60" class="forum_icon">
    				</dt>
    				<dd class="vtop">
    					<div class="text-small">
    						<span style="font-size: 15px;" class="font-weight-bold">『<?php echo $forum['name'];?>』</span> 
    						<span><span class="text-grey text-small">版块主题:</span><b><?php echo $forum['threads'];?> </b></span> 
    						<span><span class="text-grey text-small">今日主题:</span><b><?php echo $forum['todaythreads'];?></b></span> 
    						<span><span class="text-grey text-small">今日回帖:</span><b><?php echo $forum['todayposts'];?></b></span>
    					</div>
    					<div class="text-middle text-muted" style="line-height: 2;">
    					<?php echo $forum['brief'];?>	 
    					</div>
    	
    			<?php if($forum['announcement'] || $forum['modlist']) { ?>
    			<div class="text-middle text-muted" style="line-height: 2;"> 公告:<span class="icon-volume-up"></span>
    				<?php if($forum['announcement']) { ?>
    					<?php echo $forum['announcement'];?>
    				<?php  } ?>
    				
    				<?php if($forum['modlist']) { ?>
    				<?php  } ?>
    </div>
    <?php foreach ($forum['modlist'] as $mod) { ?>
    		<div class="text-small" style="line-height: 2"><span class="text-grey">版主:</span>
    			<a  class="text-muted text-nowrap">
    			<img src="<?php echo $mod['avatar_url'];?>" class="avatar-1"> <?php echo $mod['username'];?></a> &nbsp;
    		</div>
    <?php  } ?>
    				<?php } ?>
    				</dd>
    			</dl>
    		</div>
    	</div>
    	<style>
    dl.row, ul.row {
    	display: table;
    	width: 100% !important;
    	clear: both;
    }
    dl.row, dl.row > dt, dl.row > dd, ul.row, ul.row > li {
    	margin: 0px;
    	padding: 0px;
    }
    dl.row > dt, dl.row > dd, ul.row > li {
    	display: table-cell;
    	vertical-align: middle;
    }
    dl.row > dt, dl.row > dd, ul.row > li {
    	list-style: none;
    	min-height: 1.6rem;
    }
    dl.row > dt, dl.row > dd {
    	width: auto;
    }
    dl.row > dt {
    	font-weight: normal;
    }
    ul.row.vtop > li, ul.row > li.vtop {
    	vertical-align: top;
    }
    dl.row.vtop > dt, dl.row.vtop > dd, dl.row > dt.vtop, dl.row > dd.vtop {
    	vertical-align: top;
    }
    ul.row.vbottom > li, ul.row > li.vbottom {
    	vertical-align: bottom;
    }
    dl.row.vbottom > dt, dl.row.vbottom > dd, dl.row > dt.vbottom, dl.row > dd.vbottom {
    	vertical-align: bottom;
    }
     
    	</style>

    这是完整代码,添加到hook forum_breadcrumb_after.htm 这个钩子处即可

  • 仙教圣教主 楼主 2018-10-7
    0 引用 6
    admin &lt;div&nbsp;class=&quot;card&nbsp;pa-sm&quot;&gt; &lt;div&nbsp;c ...
    hook  forum_breadcrumb_after.htm  小哥哥    这个文件在哪里? 
  • 仙教圣教主 楼主 2018-10-7
    0 引用 7
    已解决  谢谢大哥
  • 1400808 2018-10-10
    0 引用 8
    仙教圣教主 已解决 谢谢大哥

    怎么做到的,能不能告诉我!!!!

    那个东西在哪里??怎么搞

  • Monst 2019-2-24
    0 引用 9
    多个版主变成了竖行,
  • 1713281933 2019-8-14
    0 引用 10
    admin &lt;div&nbsp;class=&quot;card&nbsp;pa-sm&quot;&gt; &lt;div&nbsp;c ...
    hook  forum_breadcrumb_after.htm    这个钩子在哪里
  • Lucasen 2019-8-22
    0 引用 11
    hook  forum_breadcrumb_after.htm  请问这个文件在那里我在hook这个文件夹里面没有找到
  • liufu 11月前
    0 引用 12

    不是很明白,





    原来是插件不兼容
    多图文列表展示 v1.2
    ax_thumb_list

  • 784700 3月前
    0 引用 13
    默认主题没有hook    forum_breadcrumb_after.htm这个文件
  • 784700 3月前
    0 引用 14
    不显示
  • 784700 3月前
    0 引用 15
    高级回复无权上传图片?禁它干嘛
返回
发新帖