goTOP
採用獨自開發 RWD Bo-Blog插件 對應電腦版與手機版網頁。一次上架多版本對應、顯示迅速方便。
October 27, 2017
為了讓原本在 header 內的 Nav (Menu) 有自己的高度而不必再調整高度
1. CSS 從 position 方式改為 float方式。
2. 從 header -> mainArea 的下方。


點擊在新視窗中瀏覽此圖片
▲ 電腦版樣式

點擊在新視窗中瀏覽此圖片
▲ 手機版樣式
December 26, 2009
最近發現推文的人數增多了,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]請注意放置位置。

素材︰點擊在新視窗中瀏覽此圖片
分頁: 1/1 第一頁 1 最後頁 [ 顯示模式: 摘要 | 清單 ]