正在編輯使用者:Rocio/測試頁面

{{色條|#2F4F4F|#DCDCDC||center|內容=<font size="2">♦[[使用者:Rocio/頁面進度|頁面進度]]♦　♦[[使用者:Rocio/編輯記事|編輯筆記]]♦　♦[[使用者:Rocio/測試頁面|測試頁面]]♦　♦[[使用者:Rocio/活動訊息|紀錄訊息]]♦　♦[[使用者:Rocio/編輯資料|編輯資料]]♦</font>}}
{{色條|#DCDCDC|#FFFFFF||center|內容=[[使用者:Rocio/淡水古蹟一覽|古蹟整理]]、[[使用者:Rocio/測試頁面|測試頁面]]、[[使用者:Rocio/測試頁面2|首頁修改1]]、[[使用者:Rocio/測試頁面3|首頁修改2]]、[[使用者:Rocio/老照片故事館|故事館測試]]、[[使用者:Rocio/淡江與淡水的故事|淡江與淡水的故事]]}}


==近期(recent)/隨機(random)頁面==
*limit (列出頁面數量)
*cloumns (分成幾欄)
*namespace (名字空間)
<recent limit="10" columns="2" />

==地圖功能測試==
*多點標記
{{#display_map: 25.175373649396683,121.43288791179657~link:[[紅毛城]]; 25.17530063695488,121.4334887266159~link:http://tamsui.dils.tku.edu.tw/wiki/index.php/%E7%B4%85%E6%AF%9B%E5%9F%8E; 25.174489873519242,121.43174529075623~link:海關碼頭
|zoom=17
|centre=紅毛城
|title=踏查點
|height=300px
|width=400px
}}

==卡片顯示==
<div class="card">
    
      
	    
[[檔案:小白宮20131019.jpg|300px|link=小白宮]]
      
    
    <div class="info"><span class="title">[[小白宮]]</span></div>
</div>

==小工具==
*分享到社群 AddThis
{{#widget:AddThis
|page_name={{PAGENAME}}
|page_url={{fullurl:{{PAGENAME}}}}
|account_id=my-account-id
|logo_url=
|logo_background=FFFFFF
|logo_color=FFFFFF
|brand=My Wiki
|options=favorites, email, facebook, google, more
|offset_top=0
|offset_left=0
}}

==首頁(table)==
{{Titlediv|紀錄片系列}}
{| style="float: left;"
|-
|valign="top" width="30%"|
<div style="float: left; padding: 0 5px 0 5px;">
<font size="3pt">'''[[經略淡水-淡水人的在地觀點]]'''</font>
<choose>
<option>
<div align="left">{{Youtube1|Sm1jAK_oHvQ|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|oYAWbvJyMCo|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|DfA2G5kk8WU|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|ZuJAd0-7G1c|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|hfMzF_2nxOs|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|Xo8oRzgW6Yw|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|m5EHI9lzy9k|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|O5ptL1kGRMI|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|bK9JzcYEB_E|300}}</div>
</option>
</choose>
<p align="left" valign="top">'''人物誌'''<br>[[文創大淡水地區全記錄]]子計畫一，於[[2012年]]8月1日至[[2013年]]7月31日期間由[[淡江大學]]大傳系[[王慰慈]]主任負責執行。</p>
*[[大淡水地區全紀錄人物誌/我心中尚未崩壞的淡水|張建隆《我心中尚未崩壞的淡水》]]
*[[大淡水地區全紀錄人物誌/淡水禮餅獻|林建盛《淡水禮餅獻》]]
*[[大淡水地區全紀錄人物誌/樂在琴衷|黃政德《樂在琴衷》]]
*[[大淡水地區全紀錄人物誌/忠於本色|程許忠《忠於本色》]]
*[[大淡水地區全紀錄人物誌/守滬者|紀榮達《守滬者》]]
*[[大淡水地區全紀錄人物誌/國民美術之魂|劉秀美《國民美術之魂》]]
*[[大淡水地區全紀錄人物誌/都市遊俠|黃瑞茂《都市遊俠》]]
*[[大淡水地區全紀錄人物誌/香草街屋|蔡以倫《香草街屋》]]
*[[大淡水地區全紀錄人物誌/幼見區長|蔡葉偉《幼見區長》]]
</div>
|valign="top" width="30%"|
<div style="float: left; padding: 0 5px 0 5px;">
<font size="3pt">'''[[淡水食貨志-淡水工商業的發展與經營]]'''</font>
<choose>
<option>
<div align="left">{{Youtube1|eExQIet_lBA|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|FzwL_tENv-4|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|UBbbqQAcPNo|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|SWeEmbiuVr4|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|DplhAWs4YvI|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|RPV9K7znskc|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|gXyGQBIjVyM|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|kkjMXs3WTHA|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|KaGXH1y_r6k|300}}</div>
</option>
</choose>
<p align="left" valign="top">'''食貨志'''<br>[[文創大淡水地區全記錄]]子計畫一，於[[2013年]]8月1日起至[[2014年]]7月31日期間由[[淡江大學]]大傳系[[王慰慈]]老師執行。</p>
*[[淡水食貨志/慶銨按摩店|慶銨按摩店]]
*[[淡水食貨志/永吉麻油行|永吉蔴油行]]
*[[淡水食貨志/保安堂參藥行|保安堂參藥行]]
*[[淡水食貨志/淡水長老教會|淡水長老教會]]
*[[淡水食貨志/工研益壽多文化館|工研益壽多文化館]]
*[[淡水食貨志/李天祿布袋戲文物館|李天祿布袋戲文物館]]
*[[淡水食貨志/金枝演社|金枝演社]]
*[[淡水食貨志/琉傳天下藝術館|琉傳天下藝術館]]
*[[淡水食貨志/台灣不二衛生套知識館|台灣不二衛生套知識館]]
</div>
|valign="top" width="30%"|
<div style="float: left; padding: 0 5px 0 5px;">
<font size="3pt">'''[[屯山人說故事]]'''</font>
<choose>
<option>
<div align="left">{{Youtube1|9PuKddQC2Do|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|nO58oUOd6I8|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|v9wWZ9p09jY|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|cRTR7ExRjzg|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|YX58cVlWicE|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|YFHXyhUGhzE|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|oj9433Iup4g|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|qQ8qfqb1NHs|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|2HniAGVpHeU|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|7MJZxO6RxSI|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|ABVjUaZNMCw|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|GyyuA2Wu0iI|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|kdn9QHyRP_M|300}}</div>
</option>
</choose>
<p align="left" valign="top">'''屯山故事'''<br>由[[淡江大學]]資傳系執行製作，[[新北市淡水區屯山國小]]及[[淡江大學]]文學院[[文創大淡水地區全紀錄]]計畫協力完成。透過訪談當地居民、耆老，講述[[屯山社區]]的故事。</p>
</div>
|}

==首頁專題區塊==
<DIV style="float: left; width: 100%;">
<div style="float: left; padding: 0 5px 0 5px; width: 30%;">
<font size="4pt">'''[[經略淡水-淡水人的在地觀點]]'''</font>
<choose>
<option>
<div align="left">{{Youtube1|Sm1jAK_oHvQ|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|oYAWbvJyMCo|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|DfA2G5kk8WU|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|ZuJAd0-7G1c|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|hfMzF_2nxOs|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|Xo8oRzgW6Yw|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|m5EHI9lzy9k|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|O5ptL1kGRMI|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|bK9JzcYEB_E|300}}</div>
</option>
</choose>
<p align="left" valign="top">'''人物誌'''<br>[[文創大淡水地區全記錄]]子計畫一，於[[2012年]]8月1日至[[2013年]]7月31日期間由[[淡江大學]]大傳系[[王慰慈]]主任負責執行。</p>
*[[大淡水地區全紀錄人物誌/我心中尚未崩壞的淡水|張建隆《我心中尚未崩壞的淡水》]]
*[[大淡水地區全紀錄人物誌/淡水禮餅獻|林建盛《淡水禮餅獻》]]
*[[大淡水地區全紀錄人物誌/樂在琴衷|黃政德《樂在琴衷》]]
*[[大淡水地區全紀錄人物誌/忠於本色|程許忠《忠於本色》]]
*[[大淡水地區全紀錄人物誌/守滬者|紀榮達《守滬者》]]
*[[大淡水地區全紀錄人物誌/國民美術之魂|劉秀美《國民美術之魂》]]
*[[大淡水地區全紀錄人物誌/都市遊俠|黃瑞茂《都市遊俠》]]
*[[大淡水地區全紀錄人物誌/香草街屋|蔡以倫《香草街屋》]]
*[[大淡水地區全紀錄人物誌/幼見區長|蔡葉偉《幼見區長》]]
</div>

<div style="float: left; padding: 0 5px 0 5px; width: 30%;">
<font size="4pt">'''[[淡水食貨志-淡水工商業的發展與經營]]'''</font>
<choose>
<option>
<div align="left">{{Youtube1|eExQIet_lBA|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|FzwL_tENv-4|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|UBbbqQAcPNo|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|SWeEmbiuVr4|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|DplhAWs4YvI|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|RPV9K7znskc|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|gXyGQBIjVyM|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|kkjMXs3WTHA|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|KaGXH1y_r6k|300}}</div>
</option>
</choose>
<p align="left" valign="top">'''食貨志'''<br>[[文創大淡水地區全記錄]]子計畫一，於[[2013年]]8月1日起至[[2014年]]7月31日期間由[[淡江大學]]大傳系[[王慰慈]]老師執行。</p>
*[[淡水食貨志/慶銨按摩店|慶銨按摩店]]
*[[淡水食貨志/永吉麻油行|永吉蔴油行]]
*[[淡水食貨志/保安堂參藥行|保安堂參藥行]]
*[[淡水食貨志/淡水長老教會|淡水長老教會]]
*[[淡水食貨志/工研益壽多文化館|工研益壽多文化館]]
*[[淡水食貨志/李天祿布袋戲文物館|李天祿布袋戲文物館]]
*[[淡水食貨志/金枝演社|金枝演社]]
*[[淡水食貨志/琉傳天下藝術館|琉傳天下藝術館]]
*[[淡水食貨志/台灣不二衛生套知識館|台灣不二衛生套知識館]]
</div>

<div style="float: left; padding: 0 5px 0 5px; width: 30%; height: 500px;">
<font size="4pt">'''[[屯山人說故事]]'''</font>
<choose>
<option>
<div align="left">{{Youtube1|9PuKddQC2Do|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|nO58oUOd6I8|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|v9wWZ9p09jY|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|cRTR7ExRjzg|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|YX58cVlWicE|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|YFHXyhUGhzE|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|oj9433Iup4g|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|qQ8qfqb1NHs|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|2HniAGVpHeU|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|7MJZxO6RxSI|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|ABVjUaZNMCw|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|GyyuA2Wu0iI|300}}</div>
</option>

<option>
<div align="left">{{Youtube1|kdn9QHyRP_M|300}}</div>
</option>
</choose>
<p align="left" valign="top">'''屯山故事'''<br>由[[淡江大學]]資傳系執行製作，[[新北市淡水區屯山國小]]及[[淡江大學]]文學院[[文創大淡水地區全紀錄]]計畫協力完成。透過訪談當地居民、耆老，講述[[屯山社區]]的故事。</p>
</div>
</DIV>

==Slidershow test==
 Extension:JavascriptSlideshow的測試
{| align="center"
|-
|
<div>
{{#slideshow:
<div>[[檔案:淡水臺銀日式宿舍-左.jpeg|thumb|500px|淡水臺銀日式宿舍]]</div>
<div>[[檔案:淡水六塊厝漁港.png|thumb|500px|淡水六塊厝漁港]]</div>
<div>[[檔案:六塊厝漁港石滬.jpg|thumb|500px|六塊厝漁港石滬]]</div>
|id=bar refresh=4000 transition=fade
}}
</div>
|}



<!--
{| border="1"
|-
|<slideshow sequence="random" transition="fade" refresh="10000">
<div>[[檔案:淡水臺銀日式宿舍-左.jpeg|thumb|right|300px|淡水臺銀日式宿舍]]</div>
<div>[[檔案:淡水六塊厝漁港.png|thumb|right|300px|淡水六塊厝漁港]]</div>
<div>[[檔案:六塊厝漁港石滬.jpg|thumb|right|300px|六塊厝漁港石滬]]</div>
</slideshow>
|}


<div style="width= 100%; height:300px; padding: 0;">
<slideshow sequence="random" transition="fade" refresh="10000">
<div>[[檔案:淡水臺銀日式宿舍-左.jpeg|thumb|right|300px|淡水臺銀日式宿舍]]</div>
<div>[[檔案:淡水六塊厝漁港.png|thumb|right|300px|淡水六塊厝漁港]]</div>
<div>[[檔案:六塊厝漁港石滬.jpg|thumb|right|300px|六塊厝漁港石滬]]</div>
</slideshow>
</div>
-->

==一堆CSS==
*是說...wiki要實現responsive web design頗困難QAQ"
<DIV style="float:left; width: 100%; ">
<SPAN style="float:left; border:1px solid; border-color:#8b0000; width:10%; border-radius:5px; font-size: 120%; padding-left:10px; margin-right: 10px; height:60px;">'''來源檔案'''<br>選擇要上傳的檔案</span>
<SPAN style="float:left; border:1px solid; border-color:#8b0000; width:10%; border-radius:5px; font-size: 120%; padding-left:10px; margin-right: 10px; height:60px;">'''目標檔案名：'''<br>修改為有意義的檔名</span>
<SPAN style="float:left; border:1px solid; border-color:#8b0000; width:10%; border-radius:5px; font-size: 120%; padding-left:10px; margin-right: 10px; height:60px;">'''圖檔簡述：'''<br>簡單描述圖檔內容或情境</span>
<SPAN style="float:left; border:1px solid; border-color:#8b0000; width:10%; border-radius:5px; font-size: 120%; padding-left:10px; margin-right: 10px; height:60px;">'''檔案描述：'''<br>詳填描述中的各項資料</span>
<SPAN style="float:left; border:1px solid; border-color:#8b0000; width:10%; border-radius:5px; font-size: 120%; padding-left:10px; margin-right: 10px; height:60px;">'''完成上傳'''<br>點最下方"上傳圖檔"按鈕</span>
</DIV>

==一堆特殊符號==
{| class="wikitable" align=center width=100%
! colspan=32 | HTML symbol entities
|- align=center
| '''<span title="&amp;Aacute;">&Aacute;</span>
| '''<span title="&amp;aacute;">&aacute;</span>
| '''<span title="&amp;Acirc;">&Acirc;</span>
| '''<span title="&amp;acirc;">&acirc;</span>
| '''<span title="&amp;acute;">&acute;</span>
| '''<span title="&amp;AElig;">&AElig;</span>
| '''<span title="&amp;aelig;">&aelig;</span>
| '''<span title="&amp;Agrave;">&Agrave;</span>
| '''<span title="&amp;agrave;">&agrave;</span>
| '''<span title="&amp;alefsym;">&alefsym;</span>
| '''<span title="&amp;Alpha;">&Alpha;</span>
| '''<span title="&amp;alpha;">&alpha;</span>
| '''<span title="&amp;amp;">&amp;</span>
| '''<span title="&amp;and;">&and;</span>
| '''<span title="&amp;ang;">&ang;</span>
| '''<span title="&amp;Aring;">&Aring;</span>
| '''<span title="&amp;aring;">&aring;</span>
| '''<span title="&amp;asymp;">&asymp;</span>
| '''<span title="&amp;Atilde;">&Atilde;</span>
| '''<span title="&amp;atilde;">&atilde;</span>
| '''<span title="&amp;Auml;">&Auml;</span>
| '''<span title="&amp;auml;">&auml;</span>
| '''<span title="&amp;bdquo;">&bdquo;</span>
| '''<span title="&amp;Beta;">&Beta;</span>
| '''<span title="&amp;beta;">&beta;</span>
| '''<span title="&amp;brvbar;">&brvbar;</span>
| '''<span title="&amp;bull;">&bull;</span>
| '''<span title="&amp;cap;">&cap;</span>
| '''<span title="&amp;Ccedil;">&Ccedil;</span>
| '''<span title="&amp;ccedil;">&ccedil;</span>
| '''<span title="&amp;cedil;">&cedil;</span>
| '''<span title="&amp;cent;">&cent;</span>
|- align=center
| '''<span title="&amp;Chi;">&Chi;</span>
| '''<span title="&amp;chi;">&chi;</span>
| '''<span title="&amp;circ;">&circ;</span>
| '''<span title="&amp;clubs;">&clubs;</span>
| '''<span title="&amp;cong;">&cong;</span>
| '''<span title="&amp;copy;">&copy;</span>
| '''<span title="&amp;crarr;">&crarr;</span>
| '''<span title="&amp;cup;">&cup;</span>
| '''<span title="&amp;curren;">&curren;</span>
| '''<span title="&amp;dagger;">&dagger;</span>
| '''<span title="&amp;Dagger;">&Dagger;</span>
| '''<span title="&amp;darr;">&darr;</span>
| '''<span title="&amp;dArr;">&dArr;</span>
| '''<span title="&amp;deg;">&deg;</span>
| '''<span title="&amp;Delta;">&Delta;</span>
| '''<span title="&amp;delta;">&delta;</span>
| '''<span title="&amp;diams;">&diams;</span>
| '''<span title="&amp;divide;">&divide;</span>
| '''<span title="&amp;Eacute;">&Eacute;</span>
| '''<span title="&amp;eacute;">&eacute;</span>
| '''<span title="&amp;Ecirc;">&Ecirc;</span>
| '''<span title="&amp;ecirc;">&ecirc;</span>
| '''<span title="&amp;Egrave;">&Egrave;</span>
| '''<span title="&amp;egrave;">&egrave;</span>
| '''<span title="&amp;empty;">&empty;</span>
| '''<span title="&amp;emsp;">&emsp;</span>
| '''<span title="&amp;ensp;">&ensp;</span>
| '''<span title="&amp;Epsilon;">&Epsilon;</span>
| '''<span title="&amp;epsilon;">&epsilon;</span>
| '''<span title="&amp;equiv;">&equiv;</span>
| '''<span title="&amp;Eta;">&Eta;</span>
| '''<span title="&amp;eta;">&eta;</span>
|- align=center
| '''<span title="&amp;ETH;">&ETH;</span>
| '''<span title="&amp;eth;">&eth;</span>
| '''<span title="&amp;Euml;">&Euml;</span>
| '''<span title="&amp;euml;">&euml;</span>
| '''<span title="&amp;euro;">&euro;</span>
| '''<span title="&amp;exist;">&exist;</span>
| '''<span title="&amp;fnof;">&fnof;</span>
| '''<span title="&amp;forall;">&forall;</span>
| '''<span title="&amp;frac12;">&frac12;</span>
| '''<span title="&amp;frac14;">&frac14;</span>
| '''<span title="&amp;frac34;">&frac34;</span>
| '''<span title="&amp;frasl;">&frasl;</span>
| '''<span title="&amp;Gamma;">&Gamma;</span>
| '''<span title="&amp;gamma;">&gamma;</span>
| '''<span title="&amp;ge;">&ge;</span>
| '''<span title="&amp;gt;">&gt;</span>
| '''<span title="&amp;harr;">&harr;</span>
| '''<span title="&amp;hArr;">&hArr;</span>
| '''<span title="&amp;hearts;">&hearts;</span>
| '''<span title="&amp;hellip;">&hellip;</span>
| '''<span title="&amp;Iacute;">&Iacute;</span>
| '''<span title="&amp;iacute;">&iacute;</span>
| '''<span title="&amp;Icirc;">&Icirc;</span>
| '''<span title="&amp;icirc;">&icirc;</span>
| '''<span title="&amp;iexcl;">&iexcl;</span>
| '''<span title="&amp;Igrave;">&Igrave;</span>
| '''<span title="&amp;igrave;">&igrave;</span>
| '''<span title="&amp;image;">&image;</span>
| '''<span title="&amp;infin;">&infin;</span>
| '''<span title="&amp;int;">&int;</span>
| '''<span title="&amp;Iota;">&Iota;</span>
| '''<span title="&amp;iota;">&iota;</span>
|- align=center
| '''<span title="&amp;iquest;">&iquest;</span>
| '''<span title="&amp;isin;">&isin;</span>
| '''<span title="&amp;Iuml;">&Iuml;</span>
| '''<span title="&amp;iuml;">&iuml;</span>
| '''<span title="&amp;Kappa;">&Kappa;</span>
| '''<span title="&amp;kappa;">&kappa;</span>
| '''<span title="&amp;Lambda;">&Lambda;</span>
| '''<span title="&amp;lambda;">&lambda;</span>
| '''<span title="&amp;lang;">&lang;</span>
| '''<span title="&amp;laquo;">&laquo;</span>
| '''<span title="&amp;larr;">&larr;</span>
| '''<span title="&amp;lArr;">&lArr;</span>
| '''<span title="&amp;lceil;">&lceil;</span>
| '''<span title="&amp;ldquo;">&ldquo;</span>
| '''<span title="&amp;le;">&le;</span>
| '''<span title="&amp;lfloor;">&lfloor;</span>
| '''<span title="&amp;lowast;">&lowast;</span>
| '''<span title="&amp;loz;">&loz;</span>
| '''<span title="&amp;lrm;">&lrm;</span>
| '''<span title="&amp;lsaquo;">&lsaquo;</span>
| '''<span title="&amp;lsquo;">&lsquo;</span>
| '''<span title="&amp;lt;">&lt;</span>
| '''<span title="&amp;macr;">&macr;</span>
| '''<span title="&amp;mdash;">&mdash;</span>
| '''<span title="&amp;micro;">&micro;</span>
| '''<span title="&amp;middot;">&middot;</span>
| '''<span title="&amp;minus;">&minus;</span>
| '''<span title="&amp;Mu;">&Mu;</span>
| '''<span title="&amp;mu;">&mu;</span>
| '''<span title="&amp;nabla;">&nabla;</span>
| '''<span title="&amp;nbsp;">&nbsp;</span>
| '''<span title="&amp;ndash;">&ndash;</span>
|- align=center
| '''<span title="&amp;ne;">&ne;</span>
| '''<span title="&amp;ni;">&ni;</span>
| '''<span title="&amp;not;">&not;</span>
| '''<span title="&amp;notin;">&notin;</span>
| '''<span title="&amp;nsub;">&nsub;</span>
| '''<span title="&amp;Ntilde;">&Ntilde;</span>
| '''<span title="&amp;ntilde;">&ntilde;</span>
| '''<span title="&amp;Nu;">&Nu;</span>
| '''<span title="&amp;nu;">&nu;</span>
| '''<span title="&amp;Oacute;">&Oacute;</span>
| '''<span title="&amp;oacute;">&oacute;</span>
| '''<span title="&amp;Ocirc;">&Ocirc;</span>
| '''<span title="&amp;ocirc;">&ocirc;</span>
| '''<span title="&amp;OElig;">&OElig;</span>
| '''<span title="&amp;oelig;">&oelig;</span>
| '''<span title="&amp;Ograve;">&Ograve;</span>
| '''<span title="&amp;ograve;">&ograve;</span>
| '''<span title="&amp;oline;">&oline;</span>
| '''<span title="&amp;Omega;">&Omega;</span>
| '''<span title="&amp;omega;">&omega;</span>
| '''<span title="&amp;Omicron;">&Omicron;</span>
| '''<span title="&amp;omicron;">&omicron;</span>
| '''<span title="&amp;oplus;">&oplus;</span>
| '''<span title="&amp;or;">&or;</span>
| '''<span title="&amp;ordf;">&ordf;</span>
| '''<span title="&amp;ordm;">&ordm;</span>
| '''<span title="&amp;Oslash;">&Oslash;</span>
| '''<span title="&amp;oslash;">&oslash;</span>
| '''<span title="&amp;Otilde;">&Otilde;</span>
| '''<span title="&amp;otilde;">&otilde;</span>
| '''<span title="&amp;otimes;">&otimes;</span>
| '''<span title="&amp;Ouml;">&Ouml;</span>
|- align=center
| '''<span title="&amp;ouml;">&ouml;</span>
| '''<span title="&amp;para;">&para;</span>
| '''<span title="&amp;part;">&part;</span>
| '''<span title="&amp;permil;">&permil;</span>
| '''<span title="&amp;perp;">&perp;</span>
| '''<span title="&amp;Phi;">&Phi;</span>
| '''<span title="&amp;phi;">&phi;</span>
| '''<span title="&amp;Pi;">&Pi;</span>
| '''<span title="&amp;pi;">&pi;</span>
| '''<span title="&amp;piv;">&piv;</span>
| '''<span title="&amp;plusmn;">&plusmn;</span>
| '''<span title="&amp;pound;">&pound;</span>
| '''<span title="&amp;prime;">&prime;</span>
| '''<span title="&amp;Prime;">&Prime;</span>
| '''<span title="&amp;prod;">&prod;</span>
| '''<span title="&amp;prop;">&prop;</span>
| '''<span title="&amp;Psi;">&Psi;</span>
| '''<span title="&amp;psi;">&psi;</span>
| '''<span title="&amp;quot;">&quot;</span>
| '''<span title="&amp;radic;">&radic;</span>
| '''<span title="&amp;rang;">&rang;</span>
| '''<span title="&amp;raquo;">&raquo;</span>
| '''<span title="&amp;rarr;">&rarr;</span>
| '''<span title="&amp;rArr;">&rArr;</span>
| '''<span title="&amp;rceil;">&rceil;</span>
| '''<span title="&amp;rdquo;">&rdquo;</span>
| '''<span title="&amp;real;">&real;</span>
| '''<span title="&amp;reg;">&reg;</span>
| '''<span title="&amp;rfloor;">&rfloor;</span>
| '''<span title="&amp;Rho;">&Rho;</span>
| '''<span title="&amp;rho;">&rho;</span>
| '''<span title="&amp;rlm;">&rlm;</span>
|- align=center
| '''<span title="&amp;rsaquo;">&rsaquo;</span>
| '''<span title="&amp;rsquo;">&rsquo;</span>
| '''<span title="&amp;sbquo;">&sbquo;</span>
| '''<span title="&amp;Scaron;">&Scaron;</span>
| '''<span title="&amp;scaron;">&scaron;</span>
| '''<span title="&amp;sdot;">&sdot;</span>
| '''<span title="&amp;sect;">&sect;</span>
| '''<span title="&amp;shy;">&shy;</span>
| '''<span title="&amp;Sigma;">&Sigma;</span>
| '''<span title="&amp;sigma;">&sigma;</span>
| '''<span title="&amp;sigmaf;">&sigmaf;</span>
| '''<span title="&amp;sim;">&sim;</span>
| '''<span title="&amp;spades;">&spades;</span>
| '''<span title="&amp;sub;">&sub;</span>
| '''<span title="&amp;sube;">&sube;</span>
| '''<span title="&amp;sum;">&sum;</span>
| '''<span title="&amp;sup;">&sup;</span>
| '''<span title="&amp;sup1;">&sup1;</span>
| '''<span title="&amp;sup2;">&sup2;</span>
| '''<span title="&amp;sup3;">&sup3;</span>
| '''<span title="&amp;supe;">&supe;</span>
| '''<span title="&amp;szlig;">&szlig;</span>
| '''<span title="&amp;Tau;">&Tau;</span>
| '''<span title="&amp;tau;">&tau;</span>
| '''<span title="&amp;there4;">&there4;</span>
| '''<span title="&amp;Theta;">&Theta;</span>
| '''<span title="&amp;theta;">&theta;</span>
| '''<span title="&amp;thetasym;">&thetasym;</span>
| '''<span title="&amp;thinsp;">&thinsp;</span>
| '''<span title="&amp;THORN;">&THORN;</span>
| '''<span title="&amp;thorn;">&thorn;</span>
| '''<span title="&amp;tilde;">&tilde;</span>
|- align=center
| '''<span title="&amp;times;">&times;</span>
| '''<span title="&amp;trade;">&trade;</span>
| '''<span title="&amp;Uacute;">&Uacute;</span>
| '''<span title="&amp;uacute;">&uacute;</span>
| '''<span title="&amp;uarr;">&uarr;</span>
| '''<span title="&amp;uArr;">&uArr;</span>
| '''<span title="&amp;Ucirc;">&Ucirc;</span>
| '''<span title="&amp;ucirc;">&ucirc;</span>
| '''<span title="&amp;Ugrave;">&Ugrave;</span>
| '''<span title="&amp;ugrave;">&ugrave;</span>
| '''<span title="&amp;uml;">&uml;</span>
| '''<span title="&amp;upsih;">&upsih;</span>
| '''<span title="&amp;Upsilon;">&Upsilon;</span>
| '''<span title="&amp;upsilon;">&upsilon;</span>
| '''<span title="&amp;Uuml;">&Uuml;</span>
| '''<span title="&amp;uuml;">&uuml;</span>
| '''<span title="&amp;weierp;">&weierp;</span>
| '''<span title="&amp;Xi;">&Xi;</span>
| '''<span title="&amp;xi;">&xi;</span>
| '''<span title="&amp;Yacute;">&Yacute;</span>
| '''<span title="&amp;yacute;">&yacute;</span>
| '''<span title="&amp;yen;">&yen;</span>
| '''<span title="&amp;yuml;">&yuml;</span>
| '''<span title="&amp;Yuml;">&Yuml;</span>
| '''<span title="&amp;Zeta;">&Zeta;</span>
| '''<span title="&amp;zeta;">&zeta;</span>
| '''<span title="&amp;zwj;">&zwj;</span>
| '''<span title="&amp;zwnj;">&zwnj;</span>'''
|}
*資料來源：[http://www.mediawiki.org/wiki/Help:Formatting/zh Help:格式化文本]

==街景小工具測試==
*[http://www.mediawikiwidgets.org/Google_Street_View mediawikiwidgets.org] 提供的範例
{{#widget:Google Street View
|lat=40.758153
|lng=-73.985355
|yaw=370.64659986187695
|pitch=-20
|zoom=0
}}
*[[淡水石滬|測試範例]]
{{#widget:Google Street View
|lat=25.2286209
|lng=121.443871
|width=700
|yaw=320
|pitch=-5
|zoom=1
}}
*[[模板:GSV|街景模板測試]]
<nowiki>{{GSV|25.2286209|121.443871|320|-5|1}}</nowiki>
{{GSV|25.2286209|121.443871|320|-5|1}}
===參數設定===
 翻譯中
{|
|-
|
'''lat''' - 街景位置的緯度。
'''lng''' - 街景位置的經度。
'''height'''、'''width'''：寬跟高的設定，預設width=420; height=350，在輸入的時候注意不需要打px。

'''yaw''' - defines the rotation angle around the camera locus in degrees relative from true north. 
Yaw angles are measured clockwise (90 degrees is true east)
'''pitch''' - defines the angle variance "up" or "down" from the camera's initial default pitch, which is often (but not always) flat horizontal. (
For example, an image taken on a hill will likely exhibit a default pitch that is not horizontal.) 
Pitch angles are measured with negative values looking up (to -90 degrees straight up and orthogonal to the default pitch) and 
positive values looking down (to +90 degrees straight down and orthogonal to the default pitch). 
And for some reason, for static maps, this value must be negated, e.g. negative values look down and positive look up (
don't ask me why the discrepancy).
'''zoom''' - defines the zoom level of this view (effectively proscribing the "field of view") with 0 being fully zoomed-out. 
Different Street View locations may provide higher or lower zoom levels.
 Works '''only for interactive''' street views - for static use '''fov''' parameter instead.
'''fov''' - field of view, similar to zoom, but expressed in degrees for a field of view, default is 90 and maximum is 120. 
Works '''only for static''' street views - for interactive use '''zoom''' parameter instead.
'''static''' - if present, indicates that static image should be inserted instead of an interactive map.
 '''Note:''' some differences between static and interactive maps:
 　use '''fov''' parameter instead of '''zoom'''
 　make sure that you revert the value of '''pitch''' as negative values point down for static street views
 　positioning does not necessarily match on the two - converting from interactive to static will give close enough position, 
but not perfect, manual correction might be required
|}

==時間軸==
<timelinetable title="小悠測試" footer="by Rocio Chen">
2013-09-13|2014-08-31|研究生時期...|學習版
2014-09-01|2015-07-31|研究助理時期...|進階版
2011-09-18|2015-07-31|維基館年資
</timelinetable>

==跑馬燈==
*HTML marquee 跑馬燈參數：
<pre>
方向設定：direction="參數值"；可設定 up（向上）、dun（向下）、left（向左）、right（向右）。
對齊設定：align="參數值"；可設定 top（靠上對齊）、midden（垂直至中）、botton（靠下對齊）。(有些瀏覽器不支援，最好直接在內容設定)
速度設定：scrollamount="參數值" ；可設定為數字，通常設定 1~10 的範圍，數字越大跑得越快。
間隔時間：scrolldelay="數值"；顯示內容每次移動的間隔時間（省略時的預設值：85毫秒／ms）。
長度設定：height="參數值"；數字，自行設定。
寬度設定：width="參數值"；數字，自行設定。
行為設定：behavior="參數值"；可設定 alternate（來回跑）、slide（跑入後停止）。
背景顏色：bgcolor="參數值"；可設定為顏色的色碼，不設定則沒有顏色。
</pre>
===水平===
<marquee>
[[Image:2012-淡水紅毛城2.jpg|200px|紅毛城]]
　[[檔案:于右任墓園正面.JPG|200px|于右任墓]]
　[[檔案:原英商嘉士洋行倉庫1.jpg|200px|殼牌倉庫]]
　[[檔案:淡水臺銀日式宿舍-左.jpeg|200px|臺銀日式宿舍]]
　[[檔案:福佑宮20120325.jpg|200px|福佑宮]]
　[[檔案:淡水海關碼頭3.JPG|200px|海關碼頭]]
　[[檔案:滬尾偕醫館.jpg|200px|滬尾偕醫館]]
</marquee>
===垂直===
*進入後停止 (也許...可以搭配choose，每次隨機出現"一組"照片，可能是古蹟組，或者某一景點一系列，如錦繡莊)。
<choose>
<option>
<marquee direction="up" height="300px" behavior="slide">
<gallery caption="淡水古蹟">
Image:2012-淡水紅毛城2.jpg|[[紅毛城]]
檔案:于右任墓園正面.JPG|于右任墓
檔案:原英商嘉士洋行倉庫1.jpg|殼牌倉庫
檔案:淡水臺銀日式宿舍-左.jpeg|臺銀日式宿舍
檔案:福佑宮20120325.jpg|福佑宮
檔案:淡水海關碼頭3.JPG|海關碼頭
檔案:滬尾偕醫館.jpg|滬尾偕醫館
</gallery>
</marquee>
</option>

<option>
<marquee direction="up" height="300px" behavior="slide">
<gallery caption="淡水歷史建築">
檔案:公司田溪程氏古厝-2.jpg|公司田溪程氏古厝
檔案:木下靜涯故居.jpg|'''[[木下靜涯故居]]'''
檔案:日本警官宿舍1.JPG|<center>日本警官宿舍</center>
</gallery>
</marquee>
</option>

<option>
<marquee direction="up" height="300px" behavior="slide">
<gallery caption="瓦窯坑 [[錦繡莊]]">
檔案:錦繡莊莊門.jpg|[[錦繡莊]]莊門
檔案:錦繡莊莊門(背面).jpg|[[錦繡莊]]莊門(背面)
檔案:錦繡莊古砲台遺跡1.jpg|錦繡莊古砲台遺跡
檔案:錦繡莊石刻-水源.jpg|'''錦繡莊石刻-水源'''
</gallery>
</marquee>
</option>
</choose>
*反覆
<marquee direction="up" height="300px" scrollamount="3">
:[[Image:2012-淡水紅毛城2.jpg|200px]]
:[[檔案:于右任墓園正面.JPG|200px]]
:[[檔案:原英商嘉士洋行倉庫1.jpg|200px]]
:[[檔案:淡水臺銀日式宿舍-左.jpeg|200px]]
:[[檔案:福佑宮20120325.jpg|200px]]
:[[檔案:淡水海關碼頭3.JPG|200px]]
:[[檔案:滬尾偕醫館.jpg|200px]]
</marquee>

==網站banner==
<DIV style="float:left; padding: 0 0 5px 25px; box-shadow: 0 3px 3px #888888; width: 98%; border-radius: 5px; background-image: linear-gradient(to right, #ff8c00 0%, #FFFFFF 100%); margin-bottom: 10px;">

<div style="float:left; wikth: 50%; position: relative;">
[[檔案:Tamsuibanner.png|450px|link=ThisSite:關於]]
<div style="float:left; padding: 5px 0 0 0; position: absolute; bottom: 0;">
<p valign="bottom" style="float:left; font-family:微軟正黑體, sans-serif;"><font color="#FFFFFF" size="5">'''淡水維基館''' </font><font color="#FFFFFF" size="5" face="times new roman">'''''Tamsui Wiki'''''</font>
</p>
</div>
</div>

<div style="float:left; width: 50%; padding: 30px 0 5px 20px;">
<center>
{{Clickable button|特殊:用戶登錄|'''註冊帳號'''|iconPrimary=ui-icon ui-icon-pencil|class=ui-button-green}}{{Clickable button|external=yes|target=https://www.facebook.com/wikitamsui|text='''本館FB'''|iconPrimary=ui-icon ui-icon-heart|class=ui-button-blue}}{{Clickable button|external=yes|target=https://plus.google.com/110706792124314284943|text='''本館G+'''|iconPrimary=ui-icon ui-icon-heart|class=ui-button-red}}
<p style="color: #FFFFFF; font-size: 13pt; font-family:微軟正黑體, sans-serif;">'''[[淡水|淡水發展史]]。[[淡水大事記]]。[[淡水八景]]'''</p>
<hr width="90%">
<font color="#91210b" face="微軟正黑體" size="3">
<p>{{LOCALYEAR}}年{{LOCALMONTH}}月{{LOCALDAY}}日（{{LOCALDAYNAME}}）{{LOCALTIME}}
</p>
</font>
</center>
</div>
</DIV>

<DIV style="float:left; padding: 5px 0 5px 25px; box-shadow: 0 3px 3px #888888; width: 100%; border-radius: 5px; background-color: #ff8c00; margin: 10px 0 10px 0; width: 98%; ">
<p align="center">
<font color="#FFFFFF" face="微軟正黑體" size="3">
'''【統計資料】'''頁面數：[[Special:Statistics|{{NUMBEROFARTICLES}}]]頁｜圖片數：[[Special:Statistics|{{NUMBEROFFILES}}]]張｜點閱數：[[Special:Statistics|{{NUMBEROFVIEWS}}]]次｜註冊人數：[[Special:Statistics|{{NUMBEROFUSERS}}]]位
</font>
</p>
</DIV>

<DIV style="float:left;padding: 0px; box-shadow: 0 5px 5px #888888; WIDTH: 100%;border-radius:10px; background-image: linear-gradient(to top, #cedde2 0%, #FFFFFF 100%); margin-bottom: 10px;">
{| border=0 width="98%" align="center"
|-
|width="60%"|<div style="WIDTH: 55%; HEIGHT: 200px; padding:5px 0 0 5px;">
[[檔案:單車慢遊卡banner.jpg|600px|link=ThisSite:關於]]
<div style="float:left; margin-top: 8px; font-family:標楷體, sans-serif"><font color="#91210b" size="6">淡水維基館 </font><font  color="#91210b" size="5" face="times new roman">''Tamsui Wiki''</font></div></div>
|width="38%"|
<div style="float:left; WIDTH: 100%; padding:0 5px 20px 2px;">
<p align="center">{{Clickable button|特殊:用戶登錄|'''註冊帳號'''|iconPrimary=ui-icon ui-icon-pencil|class=ui-button-green}}{{Clickable button|external=yes|target=https://www.facebook.com/wikitamsui|text='''本館FB'''|iconPrimary=ui-icon ui-icon-heart|class=ui-button-blue}}<!--{{Clickable button|external=yes|target=https://plus.google.com/110706792124314284943|text='''本館G+'''|iconPrimary=ui-icon ui-icon-heart|class=ui-button-red}}-->
</p>
<center><font color="#91210b">
'''[[淡水|淡水發展史]]。[[淡水大事記]]。[[淡水人物錄]]。[[淡水八景]]'''<hr width="90%"><p>'''{{LOCALYEAR}}年 {{LOCALMONTH}}月 {{LOCALDAY}}日（{{LOCALDAYNAME}}）{{LOCALTIME}}'''</p></font></center>
<font color="#91210b">
<p align="left">「[[淡水維基館]]」創建於2013/09/13，旨在紀錄淡水的一切：歷史文化、風土民情、生活點滴、觀光旅遊、吃喝玩樂 ... 等等，只要與淡水有關無所不包。
</p></font>
</div>
|}
</DIV>

<DIV style="float:left;padding: 0px; box-shadow: 0 5px 5px #888888; WIDTH: 100%;border-radius:10px; background-image: linear-gradient(to top, #cedde2 0%, #FFFFFF 100%); margin-bottom: 10px;">
{| border=0 width="98%" align="center"
|-
|width="60%"|<div style="WIDTH: 55%; HEIGHT: 200px; padding:5px 0 0 5px;">
[[檔案:單車慢遊卡banner.jpg|600px|link=ThisSite:關於]]
<div style="float:left; margin-top: 8px; font-family:微軟正黑體, sans-serif"><font color="#91210b" size="5">'''淡水維基館''' </font><font  color="#91210b" size="5" face="Aril">Tamsui Wiki</font></div></div>
|width="38%"|
<div style="float:left; WIDTH: 100%; padding:0 5px 20px 2px;">
<p align="center">{{Clickable button|特殊:用戶登錄|'''註冊帳號'''|iconPrimary=ui-icon ui-icon-pencil|class=ui-button-green}}{{Clickable button|external=yes|target=https://www.facebook.com/wikitamsui|text='''本館FB'''|iconPrimary=ui-icon ui-icon-heart|class=ui-button-blue}}<!--{{Clickable button|external=yes|target=https://plus.google.com/110706792124314284943|text='''本館G+'''|iconPrimary=ui-icon ui-icon-heart|class=ui-button-red}}-->
</p>
<center><font color="#91210b" face="微軟正黑體">
<p align="center">'''{{LOCALYEAR}}年 {{LOCALMONTH}}月 {{LOCALDAY}}日（{{LOCALDAYNAME}}）{{LOCALTIME}}'''<br>'''[[Special:Statistics|{{NUMBEROFARTICLES}}]]個頁面｜[[Special:Statistics|{{NUMBEROFFILES}}]]張圖片｜[[Special:Statistics|{{NUMBEROFVIEWS}}]]次點閱｜[[Special:Statistics|{{NUMBEROFUSERS}}]]位註冊'''
<hr width="90%"></p></font></center>
<font color="#91210b">
<p align="left">「[[淡水維基館]]」創建於2013/09/13，旨在紀錄淡水的一切：歷史文化、風土民情、生活點滴、觀光旅遊、吃喝玩樂 ... 等等，只要與淡水有關無所不包。
</p></font>
</div>
|}
</DIV>

==測試頁面==
*主題頁面：[[使用者:Rocio/淡水古蹟一覽|淡水古蹟]]

==分頁模板測試==
<tabber>
主題(專題)式模板=
{|
|-
|
<DIV style="float:right; border: 2px solid #B3E9B3; border-color: #8B0000; WIDTH: 230px; background-color: #FFFFFF; border-radius: 5px; font-family: 標楷體;"><p align="center"><font size="4">'''[[大淡水地區全紀錄人物誌]]'''</font></p>
<div style="float:left; WIDTH: 65%; margin-bottom:10px; margin-left:8px; margin-right:3px;" align="center">[[檔案:大淡水地區全紀錄人物誌封面.JPG|150px]]</div>
<div style="float:right; WIDTH: 25%; background-color: #FFFFFF; border-radius: 5px; margin-right:10px;">
<font size="4">
'''[[張建隆]]'''<br>'''[[林建盛]]'''<br>'''[[黃政德]]'''<br>'''[[程許忠]]'''<br>'''[[紀榮達]]'''<br>'''[[劉秀美]]'''<br>'''[[黃瑞茂]]'''<br>'''[[蔡以倫]]'''<br>'''[[蔡葉偉]]'''</font>
</div>
</DIV><noinclude>[[Category:模板管理]]</noinclude>
||<!--棒球語錄為選機展出，請維持一定數量之語錄，以免在短時間內重覆相同語錄，另為保持排版不錯亂，語錄字數請勿太多-->
<choose>

<option>
<font size="3"><p align='center'>''大家都想贏，比賽才刺激。''</p></font>
<font size="3"><p align='right'>～[[張泰山]]～</p></font>
</option>

<option>
<font size="3"><p align='center'>''職稱不重要，稱職才重要。''</p></font>
<font size="3"><p align='right'>～[[江仲豪]]～</p></font>
</option>

<option>
<font size="3"><p align='center'>''別人都已經上太空了，<br>我們還在殺豬公。''</p></font>
<font size="3"><p align='right'>～[[李來發]]～</p></font>
</option>

</choose>

|}
|-|

首頁?=
__NOTOC__
<div id="hs"> <!-- home-shell -->
					<div id="hs-bannerR">
						
						[[檔案:淡水落日.jpg]]			
<div id="hs-banner-introR">				
<h1>[[首頁|<font color="#FFFFFF">'''淡水故事維基館 (Tamsui Wiki)'''</font>]]</h1>
</div>
					</div><!-- /hs-banner -->
</div><!-- /home-shell -->
<DIV style="float: left; width:100%; border-radius:5px; font-family: 微軟正黑體; font-size: 15px;">
{{Clickable button|ThisSite:寫淡水|'''寫淡水'''|iconPrimary=ui-icon ui-icon-circle-arrow-e|class=ui-button-red}}{{Clickable button|ThisSite:逛淡水|'''逛淡水'''|iconPrimary=ui-icon ui-icon-circle-arrow-e|class=ui-button-red}}{{Clickable button|ThisSite:讀淡水|'''讀淡水'''|iconPrimary=ui-icon ui-icon-circle-arrow-e|class=ui-button-red}}
</DIV>

<DIV style="float:left; width:100%; border-radius:5px; font-family: 微軟正黑體; font-size: 15px;">
<!--右-->
<DIV style="float:right; width:32%; border-radius:5px; font-family: 微軟正黑體; font-size: 15px;">

==本站概況==
<font size="3" face="微軟正黑體">'''歡迎光臨「淡水維基館」，<br>盡覽淡水，記錄淡水，就從[[特殊:用戶登錄|這裡]]開始。'''</font>
<font size="1" face="微軟正黑體">
<span style="text-align:right;" class="right">'''目前時間：'''{{LOCALYEAR}}年{{LOCALMONTH}}月{{LOCALDAY}}日（{{LOCALDAYNAME}}）{{LOCALTIME}}'''<br>網站現況：'''[[Special:Statistics|{{NUMBEROFARTICLES}}]]個頁面,  [[Special:Statistics|{{NUMBEROFFILES}}]]張圖片,  [[Special:Statistics|{{NUMBEROFVIEWS}}]]次點閱,  [[Special:Statistics|{{NUMBEROFUSERS}}]]位註冊使用者, [[ThisSite:網站日誌|網站日誌]]</span>
</font>
==開始編輯==
<font face="微軟正黑體">
{{Clickable button|使用說明:目錄|'''如何開始編輯'''|iconPrimary=ui-icon ui-icon-help|class=ui-button-green}}
{{Clickable button|使用說明:沙盒|'''試著練習看看'''|iconPrimary=ui-icon ui-icon-pencil|class=ui-button-green}}
{{Clickable button|ThisSite:編輯討論區|'''我有問題發問'''|iconPrimary=ui-icon ui-icon-comment|class=ui-button-green}}</font>
<br>
</DIV>

<!--左-->
<DIV style="float: left; width:67%; border-radius:5px; font-family: 微軟正黑體; font-size: 15px;">
==每週特典==
*本周介紹....

==文化淡水==
*淡水的古蹟XXX....
		
==淡水風聲==
*淡水最近發生了什麼？

</DIV>
</DIV>
</tabber>