量产部落 论坛 量产吧论坛 独家建站模板
收藏本版

独家建站模板 今日: 0|主题: 21|排名: 30 

自适应模板技术支持:
一、搜索页搜索框自适应:
1、模板common.css最底部添加
  1. @media (max-width:650px){#scbar_txt,.scbar_narrow #scbar_txt{width:calc(98vw - 135px)}.scbar_hot_td{display:none}}        
复制代码
2、在模板module.css找到下面一行代码
  1. #scform_srchtxt { padding: 0 10px; width: 460px; background: transparent; outline: none; }
复制代码
替换成
  1. #scform_srchtxt { padding: 0 10px; width: 100%; background: transparent; outline: none; }
复制代码
二、判断相关内容如果是在论坛页才显示:
  1. <!--{if $_G['basescript'] == 'forum' || $_G['basescript'] == 'misc'}-->相关内容<!--{/if}-->
复制代码
三、图片自适应:
1、本站所提供模板的module.css第1317行左右(如果不是本站提供的模板可以忽略此步):
  1. .zoom { cursor: pointer; width: 50%;display: block;margin: auto;}
复制代码
改为:
  1. .zoom { cursor: pointer; }
复制代码
2、模板common.css最底部添加:
  1. @media(max-width:960px){#postlist .plc .t_f img,#postlist .plc .tattl img{max-width:100%;height:auto;}}
复制代码
四、登录弹窗自适应:
1、模板common.css最底部添加:
  1. @media (max-width:650px){input{font-size:12px;}.fwin .rfm,.nfl .f_c .rfm{width:auto;margin:0 auto;}.rfm{width:auto;}.rfm th{width:6em;} .nfl .f_c{width:auto;}}
复制代码
五、瀑布流自适应:
1、模板common.css最底部添加:
  1. @media (max-width:650px){#waterfall {height: initial !important;width: 100% !important;column-count: 3;column-gap: 10px;}#waterfall li {width: 100% !important;margin: 0 0 5px 0;position: initial !important;float: none;display: inline-block;}#waterfall .c {text-align: center;}#waterfall .c .z {float: none;}#waterfall .c .nopic {display: inline-block;}#waterfall .c img,#waterfall .c .nopic {max-width: 100%;}#waterfall {column-count: 2;column-gap: 6px;width: auto !important;}#waterfall .nopic {height: 80px !important;}}
复制代码
六、底部自适应:
1、模板common.css最底部添加:
  1. @media (max-width:650px){#ft{padding-top:12px;padding-bottom:12px;}#ft:after{content:"";}#flk{float:none;text-align:center;}#frt,#flk .xs0{display:none;}#flk strong:after{content:" ";display:block;}  #ft{background:transparent;border-top:1px solid #E3E3E3 !important;color:#999;}}
复制代码
七、搜素框滑动
1、模板common.css最底部添加:
  1. /* 搜素框滑动 */
  2. #scbar_txt{transition:all 0.25s ease;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease}#scbar_txt:hover,#scbar_txt:focus{width:450px}
复制代码
八、发帖框表情自适应:
1、模板common.css最底部添加:
  1. @media (max-width:650px){#fastpostsml_menu, #e_sml_menu{left:50%!important;margin-left:-152px;}}
复制代码
九、发帖框图片和附件上传弹出框自适应:
1、模板common.css最底部添加:
  1. @media (max-width:650px){.fwinmask{padding:15px;width:98% !important;margin:0 auto;}}
复制代码

公告 公告: U启源码定制 - 定制U盘启动制作工具 admin 2019-9-21    

小黑屋|微信号|公众号|LCB.CLUB ( 鲁ICP备13008317号 | 鲁公网安备37028502170158号 )

GMT+8, 2019-11-14 01:11 , Processed in 0.061416 second(s), 15 queries .

Powered by Discuz!

© 2013-2019 LCB.CLUB

返回顶部 返回版块