XOOPS輕鬆架 大橋國小自訂版面修改筆記

 

  • 限制滑動圖片(榮譽榜)的寬度到640PX(若沒有設限,在響應式版面內,圖片會太大佔據整個版面)
xoops/modules/tadtools/ResponsiveSlides/responsiveslides.css
約184行處
.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
margin: 0 auto; /*auto 一定要寫,否則不會置中*/
max-width:640px;
  }

 

讓school 2013 theme 畫面縮小時選單仍會出現(讓手機可以選選單)


\\www\www-data\xoops\modules\tadtools\bootstrap3\css\bootstrap.css
第4203行

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
  overflow-y: auto;
}
/*修改這一行,把min-width:768px 改成200px*/
@media (min-width: 200px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
跳至工具列