月卡充值积分

 找回密码
 立即注册
快捷导航
DLSite! BBS»DLSite首页 › Discuz专区 › 分类信息多功能商城 高仿

分类信息多功能商城 高仿

[复制链接]
dlsite 2023-6-14 22:34:31 | 显示全部楼层

论坛-> 分类信息 -> 帖子页模板：

<style>
         @media screen and (max-width: 500px) {
                 .jnpar_left{
                         text-align: center;
                         border: 1px solid #D9D9D9;
                 }
                 .piczs {
    float: left;
    display: inline;
    margin-right: 12px;
    width: 100%;
}
                 .jnpar_right{
                         width: 100%;
                 }

         .jnpar_moreline th{line-height: 20px;}
         }
         @media screen and (min-width: 501px) {
                 .jnpar_left{
                         float: left;
                         width: 240px;
                         border: 1px solid #D9D9D9;
                 }
                 .piczs {
    float: left;
    display: inline;
    margin-right: 12px;
    width: 302px;
    height: 302px;
}
                 .jnpar_right{
                         float: left;
                         width: 433px;
                         margin-left: 10px;
                 }                 
         }
         .jnpar_baseinfo{
                 margin: 5px auto;
         }
         .jnpar_online{
                 height: 50px;
                 line-height: 35px;
                 font-family: '微软雅黑';
                 font-size: 14px;
                 border-bottom: 1px solid #EEE;
                 overflow: hidden;/*超出部分隐藏*/
                 white-space: nowrap;/*不换行*/
                 text-overflow:ellipsis;/*超出部分文字以...显示*/
         }
         .jnpar_onlines{
                 height: 50px;
                 line-height: 35px;
                 font-family: '微软雅黑';
                 font-size: 14px;
                 border-bottom: 1px solid #EEE;
                 overflow: hidden;/*超出部分隐藏*/
                 white-space: nowrap;/*不换行*/
                 text-overflow:ellipsis;/*超出部分文字以...显示*/
         }
         span1 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    margin-right: 2px;
    padding: 0 3px;
    background: #f90;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    border-radius: 2px;
}
         .kf {
    padding: 0 0 5px 13px
}
.jnpar_baseinfo a{
color: #0894ec;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.mbm {
    margin-bottom: 10px !important;
}

.cl {
    zoom: 1;
}
a{text-decoration: none;}
.kf li {
    float: left;
    display: inline;
    margin-top: 10px;
    height: 30px;
    background: #fff;
    line-height: 30px
}

.kf li a {
    display: block;
    border-radius: 3px
}

.kf li a i {
    display: inline;
    margin-right: 2px;
    padding: 0 7px 0 22px;
    background-position: 6px center;
    background-repeat: no-repeat;
    color: #fff
}

.kf li a.a1 {
    border: #2aaaf4 1px solid;
    color: #0579bc
}

.kf li a.a1 i {
    float: left;
    background-color: #2aaaf4;
    background-image: url(https://www.dz-x.net/img/i_tel.gif)
}

.kf li a.a2 {
padding-right: 6px;
    border: #ffa200 1px solid;
    color: #ff7e00;
    text-align: center
}

.kf li a.a2 i {
    float: left;
margin-right: 6px;
    background-color: #ffa200;
    background-image: url(/source/plugin/jnpar_sortshop/images/i_qq.gif)
}

.kf li a.a2:hover {
    background-color: #ffa200;
    color: #fff
}
         .jnpar_moreline{
                 min-height: 50px;
                 font-family: '微软雅黑';
                 font-size: 14px;
                 border-bottom: 1px solid #EEE;
         }
         .jnpar_moreline th{width: 90px;}
         .commidy_title{
                 display: inline-block;
                 min-width: 70px;
                 text-align: right;
                 margin: 5px 15px;
                 font-weight: bold;
                 font-size: 15px;
         }
         .price_y{
                 text-decoration: line-through;
                 color: #BBB;
                 margin-left: 10px;
         }
         .price_n{
         font-family: Arial;
                 color: #f60;
                 font-size: 24px;
         }
         .count_red{
                 color: red;
         }
         .jnpar_buybtn{
                color: #E5511D;
                border-color: #F0CAB6;
                background: #FFE4D0;
                display: block;
                cursor: pointer;
                height: 38px;
                text-align: center;
                font-family: "Hiragino Sans GB","microsoft yahei",sans-serif;
                font-size: 16px;
                line-height: 38px;
                border-width: 1px;
                border-style: solid;
                -moz-border-radius: 2px;
                -webkit-border-radius: 2px;
                border-radius: 2px;
         }
         .jnpar_buyline{
                 text-align: center;
                 margin-top: 20px;
                 margin-bottom: 15px;
         }
         .jnpar_desc{
                 height: 40px;
                 line-height: 40px;
                 margin-top: 15px;
                 margin-bottom: 10px;
                 border-bottom: 1px solid #f60;
         }
         .jnpar_desc .ctitle{
                 color: white;
                 background: #f60;
                 line-height: 40px;
                 font-size: 16px;
                 text-align: center;
                 width: 100px;
                 float: left;
                 text-align: center;
         }
         .cdesc{
                 line-height: 30px;
                 display: inline-block;
                padding-left:10px;
         }
        .cv {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    margin-right: 2px;
    padding: 0 3px;
    background: #f90;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    border-radius: 2px;
        }
        span2 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    margin-right: 2px;
    padding: 0 3px;
    background: #237ffd;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    border-radius: 2px;
}
         .jnpar_moreline table{
                 min-height: 50px;
                 line-height: 50px;
         }
         .entervip{
                 color: white;
                 font-size: 12px;
                 background: #f60;
                 border-radius: 5px;
                 line-height: 15px;
                 margin-top: 10px;
                 padding: 5px;
                 margin-left: 10px;
                 display: inline-block;
         }
         .entervip a{
                 color: white;
                 text-decoration: none;
         }
</style>
<div class="jnpar_baseinfo cl">
        <div class="piczs">
                <img src="{cphoto_9_value}" width="100%" alt="" title="" style="">
        </div>
        <div class="jnpar_right">
                <div class="jnpar_moreline">
                        <table><tbody><tr><th><span class="commidy_title">{price_n_9}:</span></th><td style="line-height: 20px;padding: 6px 0;"><span class="price_n">￥{price_n_9_value}</span><span class="price_y">￥{price_y_9_value}</span><span class="entervip"><a href="" target="_blank">新版应用中心上线,享更多资源,点击直达</a></span></td></tr></tbody>
            </table>
        </div>
        <div class="jnpar_moreline">
            <table>
                <tbody>
                    <tr>
                        <th><span class="commidy_title">更新日期:</span></th>
                        <td><span class="cdesc">{cdesc_9_value}</span></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="jnpar_moreline">
            <table>
                <tbody>
                    <tr>
                        <th><span class="commidy_title">兼容版本:</span></th>
                        <td>{services_9_value}</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="jnpar_moreline">
            <table>
                <tbody>
                    <tr>
                        <th><span class="commidy_title">适配编码:</span></th>
                        <td>{encoding_9_value}</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="jnpar_onlines">
            <ul class="kf mbm cl">
                <li><a href="tencent://message/?uin={kfqq_9_value}" id="wx_dkf" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" title="联系QQ客服" class="a2"><i>QQ客服</i>{kfqq_9_value}</a>
                </li>
            </ul>
            <div class="tip tip_0" id="wx_dkf_menu" style="position: absolute; z-index: 301; left: 739px; top: 216.7px; display: none;">
                <div class="cl"><img src="/source/plugin/jnpar_sortshop/images/qrcode-qun.png" width="218" height="218"></div>
                <div class="tip_horn"></div>
            </div>
        </div>
{cresource_9_value}       
</div></div>
<div style="clear: both;"></div>
<div class="jnpar_desc cl"><div class="ctitle">应用介绍</div></div>

分类信息多功能商城 电脑+手机版8.2
设置 -> 购买后显示模板

<div style="padding:5px;border:dashed red 1px;font-family: 微软雅黑,'PingFang SC', Droidsansfallback;margin: 0 6px;"><div style="border-bottom:dashed gray 1px;margin-bottom:15px;"><style>@keyframes rans {from{backgroud-position: 0 0;}to{background-position: 2000px 0;}}</style> <font style="background: -webkit-linear-gradient(18deg, #3300CC, #660099, #990066, #CC0033, #FF9999, #FF4400, #3300CC);         background: -moz-linear-gradient(18deg, #3300CC, #660099, #990066, #CC0033, #FF9999, #FF4400, #3300CC);         background: -ms-linear-gradient(18deg, #3300CC, #660099, #990066, #CC0033, #FF9999, #FF4400, #3300CC);animation: rans 18s linear infinite;-webkit-background-clip: text;color: transparent;"><strong><font size="2">您已购买，以下为付费下载内容：(<font color="red">↓↓↓本资源的提取码是：2023</font>)</font></strong></font></div><strong><a href='{{value}}'>{{value}}</a></strong></div>

设置 -> 按钮模板

<style>
         @media screen and (max-width: 500px) {
.jgb {
    height: 40px;
    line-height: 40px;
}

.mt5 {
    margin-top: 5px;
}

.cl {
    zoom: 1;
}

.jgb a.az2 {
    background-image: url(https://www.dz.net/img/icon_gm.gif);
}

.jgb a.az, .jgb a.az2 {
    float: left;
    padding: 0 15px 0 40px;
    border-radius: 2px;
    background-color: #f60;
    background-image: url(/source/plugin/jnpar_sortshop/images/azico.gif);
    background-position: 15px center;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
}
                 .btn_pc{display: none;}
                 .btn_mobile{display: block;}                 
         }
         @media screen and (min-width: 501px) {
.jgb {
    height: 40px;
    line-height: 40px;
}

.mt5 {
    margin-top: 5px;
}

.cl {
    zoom: 1;
}

.jgb a.az2 {
    background-image: url(/source/plugin/jnpar_sortshop/images/icon_gm.gif);
}

.jgb a.az, .jgb a.az2 {
    float: left;
        position: relative;
        left: 2%;
    padding: 0 36px 0 66px;
    border-radius: 2px;
    background-color: #f60;
    background-image: url(/source/plugin/jnpar_sortshop/images/azico.gif);
    background-position: 35px center;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
}
                 .btn_pc{display: block;}
                 .btn_mobile{display: none;}
         }
</style>
<div class="jnpar_buyline jgb mt5 cl btn_pc"><a class="az az2 jnpar_buybtn" href="javascript:;" onclick="showWindow('jnpar_pay_win1','{{buyurl}}','get','0');return false;" target="_blank">购买下载</a></div>
<div class="jnpar_buyline jgb mt5 cl btn_mobile"><a class="az az2 jnpar_buybtn" href="{{buyurl}}">购买下载</a></div>
回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

发新帖
TA的新帖
温馨提示

关于 注册码 问题

      由于近期经常大量注册机器人注册发送大量广告，本站开启免费入群领取注册码注册网站账号，注册码在群公告上贴着...

关于 注册码 问题

      由于近期经常大量注册机器人注册发送大量广告，本站开启免费入群领取注册码注册网站账号，注册码在群公告上贴着...

Archiver|手机版|小黑屋|DLSite

GMT+8, 2024-12-4 01:37

Powered by Discuz! X3.5 and PHP8

快速回复 返回顶部 返回列表