關於部落格
登入


管理介面


我的優仕網


  • 65555

    累積人氣

  • 0

    今日人氣

    8

    追蹤人氣

素材應用:公告欄套入文字語法

公告欄套入文字語法:

<div align=center>
<table style="
WIDTH: 400px; BACKGROUND-REPEAT: no-repeat; BORDER-COLLAPSE: collapse; HEIGHT: 388px" cellSpacing=0 cellPadding=0 background=http://i002.radikal.ru/0802/14/dfd70dcf007c.gif border=0>
<tbody>
<tr>
<td>

<div align="center" style="width: 135; height: 153; padding-left: 40px; padding-top: 20px">

<p align=center><strong><font face=標楷體 color=#0000cc size=5>祝福果實</font></strong></p>
<p style="LINE-HEIGHT: 150%" align=left><font color=#008000 size=3>
祝福就像小花,開滿了整片的心田,那是喜悅的果實。</font> </p>
</div></td></tr></tbody></table></div>

語法說明:

<table style="WIDTH: 400px(公告欄圖寬); BACKGROUND-REPEAT: no-repeat; BORDER-COLLAPSE: collapse; HEIGHT:388px(公告欄圖高)" cellSpacing=0 cellPadding=0 background=http://i002.radikal.ru/0802/14/dfd70dcf007c.gif(公告欄網址) border=0>

<div align="center(文字框置中)" style="width: 174(文字框寬度); height: 153(文字框高度); padding-left: 40px(文字離文字框向右多少px); padding-top: 20px(文字離文字框頂多少px)">

ps:文字框大小位置是以輸入的文字為主,所以要有耐心測試喔^^

<p align=center(文字置中)><strong><font face=標楷體(字體) color=#0000cc(字色) size=5(字大小)>祝福果實(文標題)

ps:若這段文標題不想用,直接刪除或不輸入文字就可以看不到它。

<p style="LINE-HEIGHT: 150%(文字行距)" align=left(文字靠右)><font color=#008000(字色) size=3(字大小)>祝福就像小花,開滿了整片的心田,那是喜悅的果實。(內文)

ps:文字的設定還有許多,若您知道指令,就將語法加入,都是可以的,若有不想設定的語法,可以直接刪除,若內文字多要分段,就加入 <br>  這個指令,一個是段行,兩個是空一行,以此類推。

作法:

複製上列公告欄+文字語法→貼入文章發表語法區(將文章發表下方的 觀看HTML原始碼打勾,顯示的視窗就是文章語法區),

更改第一段的圖址寬高,第二段文字框寬高位置,第三段文標題位置字體色大小,第四段內文字體色大小行距

都好之後,點一下預覽鍵,看看文字是否有在公告欄圖的適當位置,若是沒有就調一下文字框的位置及寬高尺寸,一直到文字出現在公告欄適當位置了,就可以發表了。

 

↑以上就是如何將文字套入公告欄的語法^^

現今韓風起,許多漂亮可愛美麗的韓圖片素材,真的好多好多,若是不想用Flash製作,可以試試這種方法,只要加入語法,就能將圖片變成留言板或公告欄了。

成果展示

 

 

 

 

 

 

 

 

 

 

 

 

成果語法:

<div align=center>
<table style="WIDTH: 400px; BACKGROUND-REPEAT: no-repeat; BORDER-COLLAPSE: collapse; HEIGHT: 388px" cellSpacing=0 cellPadding=0 background=http://i002.radikal.ru/0802/14/dfd70dcf007c.gif border=0>
<tbody>
<tr>
<td>
<div style="PADDING-LEFT: 40px; WIDTH: 135px; PADDING-TOP: 20px; HEIGHT: 153px" align=center>
<p align=center><strong><font face=標楷體 color=#0000ff size=5>祝福果實</font></strong></p>
<p style="LINE-HEIGHT: 150%" align=left><font color=#008000 size=3>祝福就像小花,開滿了整片的心田,那是喜悅的果實。<br><br>
<p align=center>玄音敬祝好友們<br>平安快樂<br>開心天天<br>97.04.31</p>
</font></div></tr></tbody></table></div>




 

 

 

引用來源: 紫蘿琳 隨藝坊
http://tw.myblog.yahoo.com/jw!YFl.6UmaHk9bFp1B_BIetSfj/profile


調 色 盤 ( 可微調 )                 色碼表查詢 

來源引用:
http://tw.myblog.yahoo.com/happy-ok/article?mid=31109&sc=1

小經驗分享: 
優仕網的【心情小扎】有支援 『公告欄套入文字語法』喔!
 





 

祝福果實

祝福就像小花,開滿了整片的心田,那是喜悅的果實。

 

 

 

 

 

 

 

 

 

 

 

玄音敬祝好友們
平安快樂
開心天天
97.04.31

相簿設定
標籤設定
相簿狀態