close

公告欄套入文字語法:

<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製作,可以試試這種方法,只要加入語法,就能將圖片變成留言板或公告欄了。

成果展示

 

祝福果實

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

arrow
arrow
    文章標籤
    教學
    全站熱搜
    創作者介紹
    創作者 鳳鳳幸福滿滿部落 的頭像
    鳳鳳幸福滿滿部落

    鳳鳳部落格!平安快樂!幸福滿滿!

    鳳鳳幸福滿滿部落 發表在 痞客邦 留言(0) 人氣()