簡單實用的縱書代碼和應用實例

華中天地論壇 » 電腦知識 » 簡單實用的縱書代碼和應用實例

pakon

管理員

帖子 4562
註冊 2013-6-29
用戶註冊天數 3956

發表於 2013-8-12 18:03
61.15.176.52

分享私人訊息

謝謝【紫夢】佳作分享！

【轉貼】簡單實用的縱書代碼和應用實例（僅供參考）

【僑友網】发表时间：2013-08-12 04:47:12 【紫夢】

簡單實用的縱書代碼和應用實例
（僅供參考）

縱書代碼

<＊table align="center"><tr><td><＊div style="writing-mode:tb-rl;height:300;"> <＊font face="標楷體" color=black size=6> 簡單實用的縱書代碼和應用實例。 <＊/font> <＊/div> <＊/td></tr> <＊/table>

（縱書代碼中的 height:300 為書寫高度，可根據需求調節高度。）

復制使用代碼時，請將＊號除掉！

應用實例（1）

靜聽濤聲
鍾聲
靜聽濤聲夜已深，
漫天迷霧擾江潯。
蒼茫維港風波惡，
惶恐灘頭月半陰。
佔領中環溫舊夢，
筆伐橫議斷孤吟。
凄然不作零丁嘆，
苟利國家應用心。

應用實例（1）的縱書代碼如下：

<＊table align="center"><tr><td><div style="writing-mode:tb-rl;height:340;"><＊font face="標楷體" color=black size=6>靜聽濤聲 <＊font face="標楷體" color=black size=5>    鍾聲 靜聽濤聲夜已深， 漫天迷霧擾江潯。 蒼茫維港風波惡， 惶恐灘頭月半陰。 佔領中環溫舊夢， 筆伐橫議斷孤吟。 凄然不作零丁嘆， 苟利國家應用心。 </div></td></tr></＊table>

復制使用代碼時，請將＊號除掉！

書寫在背景圖片上

書寫在背景圖片的代碼如下：

<＊table cellSpacing=0 cellPadding=0 width="770" height="518" align=center background="http://i1085.photobucket.com/albums/j439/cywong1941/card130728-770.jpg" border=0> <＊tr><td> <＊table align="center"><＊tr><td><＊div style="writing-mode:tb-rl;height:340;"> 靜聽濤聲     鍾聲 靜聽濤聲夜已深， 漫天迷霧擾江潯。 蒼茫維港風波惡， 惶恐灘頭月半陰。 佔領中環溫舊夢， 筆伐橫議斷孤吟。 凄然不作零丁嘆， 苟利國家應用心。</div></td></tr> <＊/table></td></tr><＊/table>

復制使用代碼時，請將＊號除掉！

試貼操作：
1.首先登入您自己的帳戶→→登入后，點擊頁面左上角〈寫博文〉的按鈕→→進入到您的網頁編輯器頁面。
2.把上面的代碼復制好，點開您的網頁編輯器左上方的〈源碼按鈕〉，然後把代碼貼上去，再換上您要貼的文字內容、圖片網址→→點擊預覽按鈕，預覽其效果，也可試發布出去，您會發現貼出去的結果可能和預覽有些少差距（這是因為目前的編輯器是HTML語言，而現在多數網站的網頁除HTML外還加了CSS等語言語法增強功能……所以有時會出現偏差。），需自行再調整（可以從您的〈編輯帖文〉頁面，點擊右邊的〈編輯〉按鈕→→進入您的網頁編輯器頁面，把已發佈的帖文重新再編輯）。
3.試操作完畢后，可以從您的〈編輯帖文〉頁面右邊的〈刪除〉按鈕把已發佈的帖文刪除掉。

（參看下列圖示）

您名下的〈網頁編輯器〉頁面圖

您名下的〈編輯帖文〉頁面圖

應用實例（2）

與僑友網網友同樂
鍾聲
網園漫步助延年，
笑語歡聲共比肩。
闊論高談多創意，
逍遙駐影樂陶然。

應用實例（2）的代碼如下

<＊table cellSpacing="10" cellPadding="40" width="750" height="500" align=center background="http://i1085.photobucket.com/albums/j439/cywong1941/card130726-750.jpg" border=0> <tr><td><＊div style="writing-mode:tb-rl;height:380;"> 與僑友網網友同樂<＊/font>      鍾聲 <＊font face="標楷體" color=black size=6> 網園漫步助延年， 笑語歡聲共比肩。 闊論高談多創意， 逍遙駐影樂陶然。 <＊/div></td></tr><＊/table></td></tr><＊/table>

復制使用代碼時，請將＊號除掉！

應用實例（3）

蘇州園林
   鍾聲
  其一
走過假山又短亭，
小橋流水草青青。
樓台池館春秋意，
垂柳荷塘勝畫屏。
  其二
曲院幽幽別有天，
依欄細語意纏綿。
風荷露梗仰頭笑，
秋水伊人柳樹邊。

應用實例（3）的代碼如下

<＊table cellSpacing=0 cellPadding=10 width=820 height=558 align=center background=http://i1085.photobucket.com/albums/j439/cywong1941/mt130811-820.jpg border=0> <＊tr><td> <＊table align="center"> <tr><td> <＊div style="writing-mode:tb-rl;height:340;"> <＊font face="標楷體" color=yellow size=6> 蘇州園林 <＊font face="標楷體" color=yellow size=5>   鍾聲   其一 走過假山又短亭， 小橋流水草青青。 樓台池館春秋意， 垂柳荷塘勝畫屏。   其二 曲院幽幽別有天， 依欄細語意纏綿。 風荷露梗仰頭笑， 秋水伊人柳樹邊。 <＊/font> </div></td></tr><＊/table> <＊/td></tr><＊/table>

復制使用代碼時，請將＊號除掉！

（★☆）萬用實例
—半自動調節背景圖片的寬度和高度

編輯中......