RWD/theme
RWD 整體畫面視覺(body寬度 選單欄長度 施工中 很亂
- 更動部分
- <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' />
- 選單更改 (漢堡選單 箭頭動畫
- 漢堡表單製作
- <input type="checkbox" name="menu-switcher" id="menu-switcher" />
- <label for="menu-switcher" class="hamburger">
- </label>
- 箭頭動畫
- (將箭頭加進去)
- 漢堡表單製作
-
- <a href='#'>工具</a>
-
- 頁首頁尾
- $telephone="電話:02-XXXXXXXX";".SLOGAN."\n";\n </body>\n</html>";
$html2="
- $telephone="電話:02-XXXXXXXX";
- 字體大小工具箱
- 新增$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()'>