為了讓原本在 header 內的 Nav (Menu) 有自己的高度而不必再調整高度
1. CSS 從 position 方式改為 float方式。
2. 從 header -> mainArea 的下方。


▲ 電腦版樣式


▲ 手機版樣式

最近發現推文的人數增多了，Facebook, Plurk, Twitter的按鈕增加在各部落格與網站當中，下面是一些例文...

Facebook 推文按鈕語法(文字範例)
↓直接拷貝到適當的html文當中。
<a href="javascript: void(window.open('http://www.facebook.com/share.php?u='.concat(encodeURIComponent(location.href)) ));">[Facebook推文]</a>

Facebook 推文按鈕語法(圖片範例)
↓直接拷貝到適當的html文當中。
<a href="javascript:
void(window.open('http://www.facebook.com/share.php?u='.concat(encodeURIComponent(location.href))
));"><img src="http://www.YourName.xx/images/banner_facebook.gif" width="120" height="32"
border="0" /></a>
↑[http://www.YourName.xx/images/banner_facebook.gif]請注意放置位置。

素材︰


Plurk噗浪推文按鈕語法(文字範例)
↓直接拷貝到適當的html文當中。
<a href="javascript: void(window.open('http://www.plurk.com/?qualifier=shares&status=' .concat(encodeURIComponent(location.href)) .concat(' ') .concat('(') .concat(encodeURIComponent(document.title)) .concat(')')));">[Plurk推文]</a>

Plurk噗浪推文按鈕語法(圖片範例)
↓直接拷貝到適當的html文當中。
<a href="javascript:
void(window.open('http://www.plurk.com/?qualifier=shares&status='
.concat(encodeURIComponent(location.href)) .concat(' ') .concat('(')
.concat(encodeURIComponent(document.title)) .concat(')')));"><img
src="http://www.YourName.xx/images/banner_plurk.gif" width="120" height="32" border="0" /></a>
↑[http://www.YourName.xx/images/banner_plurk.gif]請注意放置位置。

素材︰


Twitter推文按鈕語法(文字範例)
↓直接拷貝到適當的html文當中。
<a href="javascript: void(window.open('http://twitter.com/home/?status='.concat(encodeURIComponent(document.title)) .concat(' ') .concat(encodeURIComponent(location.href))));">[Twitter推文]</a>

Twitter推文按鈕語法(圖片範例)
↓直接拷貝到適當的html文當中。
<a href="javascript:
void(window.open('http://twitter.com/home/?status='.concat(encodeURIComponent(document.title))
.concat(' ') .concat(encodeURIComponent(location.href))));"><img
src="http://www.YourName.xx/images/banner_twitter.gif" width="120" height="32" border="0" /></a>
↑[http://www.YourName.xx/images/banner_twitter.gif]請注意放置位置。

素材︰