RWD/theme

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<dt><a href='#'>".subst(請去掉我)r($v,1)."<div class='arrow'></div></a></dt>\n";*/ 要刪除括弧
      • <dt><a href='#'>工具<div class='arrow'></div></a> </dt>
3. 頁首頁尾
   • $telephone="電話：02-XXXXXXXX";
   • <div id='header'>".SLOGAN."</div>
   • <div id=content style='float:center;'>\n";
   • $html2="</div>\n<div id='footer'>".SLOGAN."
   • ".$telephone."</div></body>\n</html>";
4. 字體大小工具箱
   • 新增$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()'>