moudy 发表于 2015-3-23 10:00

live老大,我做了个萍聚手机版的补丁,官方认可么?

本帖最后由 moudy 于 2015-3-25 09:16 编辑

-= 25.03.2015 更新 =-
精简首页内容
去除帖子页签名档显示
支持设置和提醒页的菜单

--= 原帖内容 =--
萍聚现在的手机版不能显示提醒,外链图片看不到,也看不到点评。上传附件貌似也不给力。我做了个css补丁,不修改论坛任何代码,只要页面带上这个css,就能支持手机屏幕。我现在看得效果如下。


css代码如下,live老大可以引用修改。第一段去广告的代码调整一下就可以在手机上显示广告。
@media screen and (max-width : 640px){
    /* ad */
    .focus,.a_h,.a_t,.a_pt,.a_pr,.a_pb,.a_f,#diyleftsidetop,#diy1.area,.a_h td,.bm.lk
    {
      display:none!important;
    }
   
    /* general */
    #toptb,#cse-search-box,#nv,.hdc h2,#ft,#scrolltop,iframe,
    /* post list */
    .pbn, td.icn,td.num,td.by,tr.ts,#thread_types,
    /* post */
    .pls p,.tns,.pil,.avatar,.y,.addflw,.pti .authi a,.pti .authi img,#um p:nth-child(3),table.plhin td.plc.plm, td.ptm.pbn.plc.vwthd
    {
      display:none!important;
    }

    body,
    table.plhin td,
    .mn,
    .wp,
    .hasfsl,
    .favatar,
    .pls .o,
    .pi,
    .pi *,
    .mbn img,
    .hasfsl,
    blockquote,
    .wp, th, #wp.wp, #wp .mn, .pls, div.hd, div.pcht
    {
      width: auto ;
      height: auto ;
      border: none ;
      margin: auto ;
      
      background: none;
    }

    /* post list */
    th.common, div.um {
      padding-right:0;
    }

    div#ct.wp.cl {
      margin: 0 !important;
    }

    /* post */
    div.wp.cl, table.plhin td, form#fastpostform td, div.pls *, #forumnewshow
    {
      float: left;
    }
   
    td.pls,
    .mbn img
    {
      width: 100% !important;
      height: auto !important;
      background-color: #eee !important;
    }

    /* post: SEND MESSAGE */
    .pls .o .pm2 {
      background: none;
      border: 1px solid #ccc;
      border-radius: 10px;
      margin: 9px;
      width: 70px;
    }

    /* search bar */
    #scbar,
    #scbar_form,
    #scbar_form table {
      width:auto;
    }
    .scbar_txt_td {
      padding-left: 5px;
      height: 42px;
    }
    #scbar_txt {
      border: none;
      background: none;
      width:100%;
    }
    #scbar_btn {
      margin-top: 7px;
      margin-left: 7px;
      height: 30px;
      width: 30px;
    }

    /* new post */
    form #subject {
      width: 98%;
    }
    form div.tedt, .m_c .tedt, #e_attach_menu, .pbt.cl .quote {
      width: auto !important;
    }

    /* forum homepage */
    .fl_g, .fl_g dl {
      margin: unset !important;
      width: unset !important;
      padding-left: unset !important;
    }
    .fl_tb tr, .fl_tb td, .fl_tb td h2 {
      float: left;
      width: auto;
      padding-right: 5px;
    }
    td.fl_i, td.fl_icn, td.fl_by, div.fl_icn_g, p.xg2,
    .fl_g dl dd, .fl_tb td p {
      display: none;
    }

    /* setting */

    .ct2_a .mn {
      width: 100%;
      float: none;
      display: table-footer-group;
    }
    .ct2_a {display: table; }
    .ct2_a .appl {
      width: auto;
      display: table-header-group;
      background-color: #eee;
    }
    .ct2_a .appl li {float: left;}
    .ct2_a .appl li em {display: none;}

    .tfm .px,
    .tfm .tedt{
      width: auto;
      overflow: visible;
    }
}

live 发表于 2015-3-23 10:10

非常感谢!麻烦把源代码发给我 live@dolc.de,我上传试试。

诸葛小花 发表于 2015-3-23 10:10

{:5_370:}
你真好,有技能而且热心~~~~

JonnySun 发表于 2015-3-23 10:10

不错啊{:3_251:}

hyliu 发表于 2015-3-23 10:12

厉害!

fall 发表于 2015-3-23 10:17

niu!!

chocomoo 发表于 2015-3-23 10:18

moudy萌萌大

良乡 发表于 2015-3-23 10:22

无数人被挂墙头了,还好没有我
{:4_278:}

moudy 发表于 2015-3-23 10:42

本帖最后由 moudy 于 2015-3-25 09:08 编辑

live 发表于 2015-3-23 10:10
非常感谢!麻烦把源代码发给我 ,我上传试试。

代码已经加到首页里了

angjzy 发表于 2015-3-23 10:52

SUGOI
页: [1] 2 3
查看完整版本: live老大,我做了个萍聚手机版的补丁,官方认可么?