BBCode使用教學!

一些好用的自由、綠色、免費軟體,好用app、雲端服務。經試用過,就會放在這,推薦給大家。
※之前受邀在公務員學習網撰寫的文章,因為單位改制,文章都無法連結了,好在發布過的文章都有放在個人這塊版區中,歡迎參閱。

BBCode使用教學!

文章yunol » 週六 6月 11, 2011 8:55 pm

phpBB3取消了後台開啟HTML的設定,官方認為開啟HTML很危險,有可能使系統崩潰,既然如此,我就儘量的將各位有需求的html功能加入BBCode。

之前phpBB2具有的BBCode功能就略過。

插入Flash,將Flash的路徑貼上反白,接著點選Flash的BBCode按鈕,前方flash的 = 後面,輸入寬高,寬高以 , 點隔開。注意:Flash檔案不要有Loading的畫面!
代碼: 選擇全部
[flash=400,350]http://yunol.com.tw/swf/five.swf[/flash]

範例:


插入mp3音樂,貼上mp3路徑,反白,點選mp3的BBCode按鈕,就OK了,這個BBCode的後方,一個輻射狀態的綠色按鈕,還提供下載mp3檔案。
範例:

Podcast



插入YouTube影片,複製YouTube網址列上面的網址,&後面不要複製然後反白,按下youtube的BBCode按鈕即可。
BBCode_YouTube.png
BBCode_YouTube.png (240.7 KiB) 被瀏覽 60251 次

範例:


插入Vimeo影片,複製Vimeo網址列上面的網址,按下Vimeo的BBCode按鈕即可,關於Vimeo網站,可參考以下網頁:
viewtopic.php?f=25&t=25149" onclick="window.open(this.href);return false;" onclick="window.open(this.href);return false;" onclick="window.open(this.href);return false;" onclick="window.open(this.href);return false;

插入flv,貼上flv路徑,反白,點選flv的BBCode按鈕,就OK了。
範例:


插入iframe,點選iframe= ,=後面貼上iframe網頁路徑,[iframe=]寬,高,邊[/iframe]之間寫上寬,高,邊。就OK了。

文字顏色,將文字輸入之後反白,再點選顯示文字色盤的BBCode按鈕,再挑選顏色,就OK了!

文字背景,將文字輸入之後反白,按下background=的BBCode按鈕,在 = 後方填入顏色,
色碼查詢可參考http://yunol.com.tw/color01.htm

參考:
PhpBB3 BBCode Database
圖檔
頭像
yunol
Site Admin
 
文章: 6562
註冊時間: 週日 11月 16, 2003 11:50 pm
來自: 台中

Re: BBCode使用教學!

文章kuom » 週日 6月 12, 2011 11:47 pm

問好 于姐

剛剛去看,于姐貼"毒藥"這首歌的引言
再試著貼這一首~[background=]【分享】[/background]演唱:伍思凱

[youtube]http://youtu.be/DhGdE2MceoU[/youtube]

再點"預覽",怎會不見如于姐所貼"毒藥"一曲的影音檔出現呢?
反白文字時,只選"問好"兩字,在反白時,卻除了"問好"兩字沒反白外,反而其餘沒選的字,反而"反白"~再試兩次,也是一樣結果~
有上方"問好 于姐"-粗線的藍字,是我將"[/b]"與[b]的位置移動後,再依于姐所教方法,變藍色字體~
點選文字背景的結果,如上方-"[background=]【分享】[/background]",那一個步驟沒做嗎?

請教 于姐 謝謝!
巧笑倩兮,是謂"<font color=red>玲瓏</font>";反視自省,是謂"<font color=red>剔透</font>".
宏觀己者,能笑傲平生;出世也心安;入世也難得
__<font color=red>真英雄</font>是也___
kuom
 
文章: 802
註冊時間: 週三 1月 26, 2005 8:01 am
來自: T.C.I.

Re: BBCode使用教學!

文章yunol » 週一 6月 13, 2011 8:16 pm

kuom 寫:問好 于姐

剛剛去看,于姐貼"毒藥"這首歌的引言
再試著貼這一首~[background=]【分享】[/background]演唱:伍思凱

[youtube]http://youtu.be/DhGdE2MceoU[/youtube]

再點"預覽",怎會不見如于姐所貼"毒藥"一曲的影音檔出現呢?
反白文字時,只選"問好"兩字,在反白時,卻除了"問好"兩字沒反白外,反而其餘沒選的字,反而"反白"~再試兩次,也是一樣結果~
有上方"問好 于姐"-粗線的藍字,是我將"[/b]"與[b]的位置移動後,再依于姐所教方法,變藍色字體~
點選文字背景的結果,如上方-"[background=]【分享】[/background]",那一個步驟沒做嗎?

請教 于姐 謝謝!

文字背景要將文字反白,然後點選background=,在等於的後方填入背景顏色,要用英文。
例如黃色,就填入yellow
代碼: 選擇全部
[background=yellow]例如黃色,就填入yellow[/background]


至於反白文字跳開問題,嘿嘿,會不會你滑鼠的問題啦! :-t 我測試了一下都不會這樣子阿,滑鼠用了多久?我前陣子也會這樣,換了一個超讚的無線滑鼠,就沒問題了。

不好意思,貼YouTube影音解釋的不夠清楚,我在原文補上圖了,是要複製上面網址列的網址,複製到 & 符號之前。
圖檔
圖檔
頭像
yunol
Site Admin
 
文章: 6562
註冊時間: 週日 11月 16, 2003 11:50 pm
來自: 台中

新增內嵌FB

文章yunol » 週五 8月 23, 2013 10:17 am

找出FB訊息的獨立連結,連結反白,按下FB即可!

FB的HTML 替換代碼
代碼: 選擇全部
<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/zh_TW/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-post" data-href="{URL}"></div>
圖檔
頭像
yunol
Site Admin
 
文章: 6562
註冊時間: 週日 11月 16, 2003 11:50 pm
來自: 台中

新增內嵌G+

文章yunol » 週日 10月 05, 2014 8:31 pm

複製G+網址貼上反白按下G按鈕即可!

G+的HTML 替換代碼
代碼: 選擇全部
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<div class="g-post" data-href="{URL}"></div>
圖檔
頭像
yunol
Site Admin
 
文章: 6562
註冊時間: 週日 11月 16, 2003 11:50 pm
來自: 台中


回到 自由、綠色、免費軟體、好用app、雲端服務。

誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 1 位訪客

cron