discuz 附件美化 仿魔客吧

一些站是需要注册或者金币才能下载,严重违背互联网的分享精神,在此分享出来。
其实这个效果算不上插件。严格上来说是风格的二次修改,然后再增加了css就出来的效果。

使用说明:
第一步
首先把下面的css放到你的风格里你的风格css地址路径是
template你的风格commonextend_common.css

/* 论坛附件美化 */  
.button {
    width: 200px;
    float: left;
    margin: 10px 0px;
    z-index: 2;
}

.button a {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    display: block;
    height: 50px;
    width: 200px;
    position: relative;
    z-index: 2;
    color: white;
    font: bold 17px/50px Helvetica,Verdana,sans-serif;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    background: -webkit-linear-gradient(top,#00b7ea 0%,#009ec3 100%);
}

.vm {
    vertical-align: middle;
}

table {
    empty-cells: show;
    border-collapse: collapse;
}

.button p {
    background: #222;
    display: block;
    height: 40px;
    width: 180px;
    margin: -50px 0 0 10px;
    text-align: center;
    font: 12px/45px Helvetica,Verdana,sans-serif;
    color: #fff;
    position: absolute;
    z-index: 1;
    -webkit-transition: margin 0.5s ease;
    transition: margin 0.5s ease;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    text-decoration: none;
    text-transform: uppercase;
}

.button:hover .top {
    margin: -80px 0 0 10px
}

.button:hover .bottombottom {
    margin: -10px 0 0 10px;
}

.buttonright {
    float: left;
    margin-left: 20px;
    font-size: 14.9px;
    font-family: Tahoma,"Microsoft Yahei",SimSun,Helvetica,sans-serif;
    padding-top: 14px;
}

.buttonright em {
    color: #CC0000;
    font-weight: bold;
}

.buttonright a {
    text-decoration: none;
    font-size: 14px;
    font-family: Tahoma,"Microsoft Yahei",SimSun,Helvetica,sans-serif;
}

.t_f .buttonright a {
    text-decoration: none;
}

.user_list a img {
    margin-bottom: 8px;
    border: none;
} 

第二步上传附件里的discuzcode.php文件到你风格论坛模板路径下
template你的风格forum
utf-8:discuzcode.rar
gbk:discuzcode_gbk.zip

第三步
按钮图标自己设计一个,放在:/static/image/filetype/rar.gif

参考文章:
http://bbs.chajian110.com/thread-18410-1-1.html


 继续浏览关于 discuz 的文章

 本文最后更新于 2019/07/21 03:21:21,可能因经年累月而与现状有所差异

 引用转载请注明:icret > 教程 > discuz 附件美化 仿魔客吧