Discuz 3.4小黑屋坐牢房效果

CodeAE

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[uid]" {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[uid]" target="_blank">$crime[username]</a></h5>
              <h5><span class="price">$crime[action] (截止日期 $crime[groupexpiry])</span></h5>
              <h6><em><i>操作时间:</i><span title="$crime[dateline]">$crime[dateline]</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[uid]" style="">
                  <span class="bg_e"><em style="border-bottom:1px dashed #000">
                    <font color="red">$crime[username]</font> 您好:<br>&emsp;&emsp;由于您违反社区版规，您的账户已被执行法官:<font color="red">admin</font> 设置为: <font color="#f60">$crime[action]</font> (截止日期: $crime[groupexpiry])。<font color="#8A0202">操作理由:$crime[reason]</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[0] == 1) {
                        obj.setAttribute('cid', smsg[1]);
                        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;
}