極簡藍自適應模板幫忙修改一下首頁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

好看，，不錯，，