Discuz 3.4小黑屋坐牢房效果
Discuz 3.4小黑屋牢房样式美化，效果如下，喜欢的可以自己改下：以Discuz 3.4为例：
1、找到文件default\forum\darkroom.htm，将代码整个替换成下面的：
<!--{template common/header}-->
<div class="cl" style="position:relative;">
<div class="comiis_bigad cl"><a href="http://www.yzjhlt.club/gg/" style="margin-top: 10px;margin-left: 0px;margin-right: 0px;"><img src="template/comeing_city_c8/comeing/xhw.png" width="100%" class="vm comiis_noloadimage"></a></div>
<div class="comiis_svg_box" style="bottom:-6px;padding-bottom: 20px;">
<div class="comiis_svg_a" style="top: 10px;"></div>
<div class="comiis_svg_b" style="top: 15px;"></div>
</div>
</div>
<div class="mbw cl">
<div class="lil">
<ul class="lib cl">
<div id="list_new">
<!--{if $crimelist}-->
<!--{eval $i = 0;}-->
<!--{loop $crimelist $crime}-->
<!--{eval $i++;}-->
<li style="border-radius: 5px;">
<div id="darkroomuid_$crime" {if $i % 2 == 0} class="alt"{/if}>
<div class="t">
<p class="list_cjimg" style="width: 80px;height: 80px;">
{avatar($member['uid'], 'middle')}
<img src="你的网站图片路径/xiaoheiwu2.png" style="position:absolute;width: 120px;height:120px;background:rgba(0,0,0,0);border:0px;padding:0px;">
</p>
<h5><a href="home.php?mod=space&uid=$crime" target="_blank">$crime</a></h5>
<h5><span class="price">$crime (截止日期 $crime)</span></h5>
<h6><em><i>操作时间:</i><span title="$crime">$crime</span></em></h6>
</div>
<div class="b cl">
<details>
<summary><i>执行法官:</i><font color="#FF0000"></font>
<a href="space-uid-1.html" target="_blank"><font color="#D80101"> admin</font></a>
<span class="y"><c><i>点击展开详情</i></c></span>
</summary>
<div class="lijs" id="memo_darkroomuid_$crime" style="">
<span class="bg_e"><em style="border-bottom:1px dashed #000">
<font color="red">$crime</font> 您好:<br>  由于您违反社区版规，您的账户已被执行法官:<font color="red">admin</font> 设置为: <font color="#f60">$crime</font> (截止日期: $crime)。<font color="#8A0202">操作理由:$crime</font> 如果您对以上操作有任何异议。<br>
<a href="你可以自己弄一个申诉网页或者帖子地址" target="_blank"><font class="y" style="border-bottom:1px dashed #000" color="#0180F7">请点击这里进行申诉!</font></a>
</em></span>
</div>
</details>
</div>
</div>
</li>
<!--{/loop}-->
<!--{if $dataexist == 1}-->
<div class="bm bw0 pgs cl">
<span class="pgb y">
<div class="pg">
<a href="javascript:;" class="nxt" id="darkroommore" cid="$cid">{lang more}</a>
</div>
</span>
</div>
<!--{/if}-->
<!--{else}-->
<li>
<div class="t" colspan="6" align="center">{lang darkroom_no_users}</div>
</li>
<!--{/if}-->
</div>
</ul>
</div>
</div>
<script type="text/javascript">
(function() {
if($('darkroommore')) {
$('darkroommore').onclick = function() {
var obj = this;
var cid = parseInt(obj.getAttribute('cid').valueOf());
var url = 'forum.php?mod=misc&action=showdarkroom&cid=' + cid + '&t=' + parseInt((+new Date()/1000)/(Math.random()*1000));
var table = $('darkroomtable');
var tablerows = table.rows.length;
obj.style.display = 'none';
var x = new Ajax('JSON');
x.getJSON(url, function(s) {
if(s && s.message) {
var smsg = s.message.split('|');
if(smsg == 1) {
obj.setAttribute('cid', smsg);
obj.style.display = 'block';
}
var list = s.data;
for(i in list) {
if($('darkroomuid_' + list.uid)) {
continue;
}
var newtr = table.insertRow(tablerows);
if(tablerows % 2 == 0) {
newtr.className = 'alt';
}
newtr.insertCell(0).innerHTML = '<a href="home.php?mod=space&uid=' + list.uid + '" target="_blank">' + list.username + '</a>';
newtr.insertCell(1).innerHTML = list.action;
newtr.insertCell(2).innerHTML = list.groupexpiry;
newtr.insertCell(3).innerHTML = list.dateline;
newtr.insertCell(4).innerHTML = list.reason;
tablerows++;
}
}
});
};
}
})();
</script>
<!--{template common/footer}-->2、找到文件default/common/common.css，将样式添加到最底部，后台更新缓存即可
.mbw {
margin-bottom: 20px !important;
margin-left: 70px;
}
.cl {
zoom: 1;
}
.lil, .lib, .lib1 {
width: 100%;
}
.lib {
position: relative;
left: -20px;
width: 960px;
}
.lib li {
float: left;
margin: 0 0 10px 24px;
width: 295.5px;
}
.lib li > div {
padding: 9px;
width: 295px;
border: #fff 1px solid;
border-radius: 4px;
background: #fff;
}
.lib li > div {
padding: 9px;
border: #ddd 1px solid;
border-radius: 4px;
box-shadow: 0 0 5px #ccc;
}
.lib li .t {
overflow: hidden;
}
.lib li p.list_cjimg {
float: left;
display: flex;
margin-right: 10px;
width: 80px;
height: 80px;
border-radius: 4px;
background: #f4f4f4;
line-height: 80px;
justify-content: center;
align-items: center;
}
.lib li p.list_cjimg {
float: left;
margin-right: 10px;
}
.lib li p.list_cjimg img {
display: inline-block;
max-width: 80px;
max-height: 80px;
border-radius: 4px;
vertical-align: middle;
}
.lib li p.list_cjimg img {
display: inline-block;
max-width: 80px;
max-height: 80px;
border-radius: 7px;
vertical-align: middle;
}
.lib li .t h5 {
font-size: 13px;
line-height: 28px;
}
.lib li .t h5 .price {
margin-right: 6px;
color: #f60;
font-weight: 400;
font-size: 12px;
}
em, cite, i {
font-style: normal;
}
.lib li .t h6 em i {
color: #999;
}
element.style {
}
.lib li .b {
margin-top: 10px;
padding-top: 7px;
border-top: #ddd 1px dashed;
line-height: 20px;
}
summary {
user-select: none;
outline: 0;
}
.lib li .lijs {
bottom: 0;
left: -10px;
}
.lijs {
position: relative;
padding: 9px 9px 0;
width: 270px;
border-top: none;
border-bottom: none;
line-height: 20px;
}
.lijs span {
display: inline-block;
overflow: hidden;
padding: 6px 8px;
width: 256px;
border-radius: 4px;
background: #f4f4f4;
}
.lijs span {
margin-top: 5px;
display: inline-block;
overflow: hidden;
padding: 6px 8px;
width: 100%px;
border-radius: 4px;
background: #999;
}
.bg_e {
background: #f8f8f8 !important;
}
.cl:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
https://www.dismall.com/thread-25730-1-1.html
页:
[1]