极简蓝自适应模板帮忙修改一下首页diy文件

6233496

极简蓝自适应模板帮忙修改一下首页diy文件   麻烦帮我弄一下 谢谢

我知道答案 回答被采纳将会获得1 贡献 + 1 金币 已有3人回答

qzuser1212

用户需求，电脑端三列帖子模块，手机端自适应为一列

qzuser1212

1. diy模块模板代码

1. <style>               
   
2. .forumdev {width:100%;padding:0 0 ;font-size:14px;}
   
3. .forumdev ul {padding:0 2px;list-style-type:none;}
   
4. .forumdev ul li{height:36px;line-height:36px;width:100%;overflow:hidden;background:url('source/plugin/nimba_forumdev/dotline.gif') repeat-x center bottom;}
   
5. .forumdev ul li span{float:right;margin: 0 0 0 5px;color:#999;}
   
6. </style>       
   
7. 
   
8. <div class="forumdev">
   
9.   <ul>
   
10. [loop]
    
11. <li><span>{lastpost}</span><a href="{url}" title="{title}"{target}>{title}</a></li>
    
12. [/loop]
    
13.   </ul>
    
14. </div>

复制代码

2. 修改template/domi_bluely/common下的extend_common.css,
在最后加下边的代码

1. @media (max-width:575.98px) {
   
2.     .frame-1-1-1-l, .frame-1-1-1-c, .frame-1-1-1-r, .frame-2-1-r, .frame-1-2-l{
   
3.         width: 100%;
   
4.         float: none;
   
5.     }
   
6.     .block{
   
7.         margin: 0 12px;
   
8.     }
   
9. }

复制代码

canwu

好看，，不错，，