"RWD/theme" 修訂間的差異
(→RWD 整體畫面視覺(body寬度 選單欄長度 施工中 很亂) |
(→RWD 整體畫面視覺(body寬度 選單欄長度 施工中 很亂) |
||
| 行 17： | 行 17： | ||
## 箭頭動畫 | ## 箭頭動畫 | ||
##* (將箭頭加進去) | ##* (將箭頭加進去) | ||
| − | $strnav.="\t\t<dt><a href='#'>".subst(請去掉我)r($v,1)."<div class='arrow'></div></a></dt>\n";*/ 要刪除括弧 | + | ##*<nowiki>$strnav.="\t\t<dt><a href='#'>".subst(請去掉我)r($v,1)."<div class='arrow'></div></a></dt>\n";*/ 要刪除括弧</nowiki> |
| − | ##* | + | ##*<nowiki><dt><a href='#'>工具<div class='arrow'></div></a> </dt></nowiki> |
#頁首頁尾 | #頁首頁尾 | ||
| − | #*$telephone="電話：02-XXXXXXXX";< | + | #*$telephone="電話：02-XXXXXXXX"; |
| + | #*<nowiki><div id='header'>".SLOGAN."</div></nowiki> | ||
| + | #*<nowiki><div id=content style='float:center;'>\n";</nowiki> | ||
| + | #*<nowiki>$html2="</div>\n<div id='footer'>".SLOGAN."</nowiki> | ||
| + | #*<nowiki>".$telephone."</div></body>\n</html>";</nowiki> | ||
#字體大小工具箱 | #字體大小工具箱 | ||
#*新增$font_Size="字級："; | #*新增$font_Size="字級："; | ||
於 2022年1月16日 (日) 17:07 的修訂
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>
- 箭頭動畫
- (將箭頭加進去)
- $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>
- 漢堡表單製作
- 頁首頁尾
- $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>";
- 字體大小工具箱
- 新增$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()'>
