RWD/theme

出自 全民科學平台
於 2022年1月16日 (日) 17:01 由 林芸伍 (對話 | 貢獻) 所做的修訂 (RWD 整體畫面視覺(body寬度 選單欄長度 施工中 很亂)
前往: 導覽搜尋


RWD 整體畫面視覺(body寬度 選單欄長度 施工中 很亂

  1. 更動部分
    • <meta name="viewport" content="width=device-width, initial-scale=1" />
    • menu.css 改變 margin auto 但看似沒變化
    • 移動theme.php 中 style.css 和 menu.css的位置 方法如下
    • <link rel='stylesheet' type='text/css' media='screen' href='/".SITE."/jquery.makeCollapsible.css' />
    • <link rel='stylesheet' type='text/css' media='screen' href='/mm/treestyles.css' />
    • <link rel='stylesheet' type='text/css' media='screen' href='/".SITE."/".$style_Num."' />
    • <link rel='stylesheet' type='text/css' media='screen' href='/".SITE."/menu.css' />
  2. 選單更改 (漢堡選單 箭頭動畫
    1. 漢堡表單製作
      • <input type="checkbox" name="menu-switcher" id="menu-switcher" />
      • <label for="menu-switcher" class="hamburger">
      • </label>
    2. 箭頭動畫
      • (將箭頭加進去)
$strnav.="\t\t
<a href='#'>".subst(請去掉我)r($v,1)."
</a>
\n";*/ 要刪除括弧
      • <a href='#'>工具
        </a>
  1. 頁首頁尾
    • $telephone="電話:02-XXXXXXXX";

      \n";
      $html2="
      \n</body>\n</html>";
  2. 字體大小工具箱
    • 新增$font_Size="字級:";
    • 新增改變字體code
    • 新增 <script>
    • 新增 function zoomInInFontSize() {
    • 新增 var obj = document.getElementById('content'),
    • 新增 curSize = ; // 當前字體大小
    • 新增 obj.style.fontSize = '40px';
    • 新增 }
    • 新增 等等
    • 新增改變字體按鈕
    • 新增
      ".$font_Size."<input type='button' value='特大' onclick='zoomInInFontSize()'>
    • 新增 <input type='button' value='大' onclick='zoomInFontSize()'>
    • 新增 <input type='button' value='原始' onclick='zoomFontSize()'>
取自 "http://science4everyone.net/MediaWiki/index.php?title=RWD/theme&oldid=6377"