最新網誌

編輯 關閉
圖片
網誌日期:2009-06-27 23:57

Rose Blog 最新文章分類表簡易制作

我之前一直用在線編輯器整文章分類表, 但係只要明白基本語法, 在 blog 內也可以整到, 而且更適合一般朋友使用,大家不妨試吓用這方法制作一個別具特式的分類表.

首先把我提供的HTML語法貼到 html 發文模式內, 再返回一般模式

在表格內打上要連結的名稱 ( 如下圖一樣)

<P align=left>在表格內打上要連結的名稱 ( 如下圖一樣)</P>
<DIV align=left>
<TABLE style="BACKGROUND-IMAGE: url(http://img178.imageshack.us/img178/3038/86224364on0.gif); WIDTH: 95%" cellSpacing=2 cellPadding=3 align=left bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD><FONT color=#a93cc4><A href="http://hk.myblog.yahoo.com/RoseBlog-HelloMissYam">ABCD</A></FONT></TD>
<TD><FONT color=#a93cc4><A href="http://hk.myblog.yahoo.com/RoseBlog-HelloMissYam">EFGH</A></FONT></TD>
<TD><FONT color=#a93cc4>IJKL</FONT></TD>
<TD><FONT color=#a93cc4>&nbsp;MNOP</FONT></TD>
<TD><FONT color=#a93cc4>&nbsp;1234</FONT></TD>
<TD><FONT color=#a93cc4>&nbsp;5678</FONT></TD>
<TD><FONT color=#a93cc4>&nbsp;1234</FONT></TD></TR>
<TR>
<TD><FONT color=#a93cc4>&nbsp;<A href="http://hk.myblog.yahoo.com/RoseBlog-HelloMissYam">Rose Blog</A></FONT></TD>
<TD><FONT color=#a93cc4>&nbsp;1234</FONT></TD>
<TD><FONT color=#a93cc4>&nbsp;1234</FONT></TD>
<TD><FONT color=#a93cc4>&nbsp;1234</FONT></TD>
<TD><FONT color=#a93cc4>&nbsp;1234</FONT></TD>
<TD><FONT color=#a93cc4>&nbsp;1234</FONT></TD>
<TD><FONT color=#a93cc4>&nbsp;1234</FONT></TD></TR></TBODY></TABLE></DIV>
<DIV align=left>&nbsp;</DIV>
<P align=left>&nbsp;</P>

ABCD EFGH IJKL  MNOP  1234  5678  1234
 Rose Blog  1234  1234  1234  1234  1234  1234
 

 

 

 

打好名稱後,便要做超連結, highlight 個名稱, 按下工具列地球icon, 出現一個欄, 貼上URL Link 按OK

如果想改變字色,像平日發文一樣 highlight D 字, 在工具列選字色  便可以了.

完成上述動作後,有超連結的地方有 underline, 按下去便會前往目的地. ( 試試按吧)

           
           
           

 

 

 

 

文章分類表小秘訣:   

我今次提供的是 6 x 3 共28 格, 如果要增加減少格數, 可以看下面這一组語法, 試下自己的加或減少格數, 熟能生巧,大家吸收能力唔同,好難藉此讓每位明白,但試完範例後,應該會掌握到一點的,再去加減便容多了.

 

祝各位享受學習的樂趣~

歡迎引用轉載 rose blog ,

請連同 logo 帶走.

RoseBlog

 

延伸閱讀: 

http://hk.myblog.yahoo.com/RoseBlog-HelloMissYam/article?mid=595

HTML 詞法字典:  http://www.iams.sinica.edu.tw/lab/wbtzeng/lifeinfo/html_use.htm

 

 

 

  • 這是私人回應
  • 檢舉

    麗頤YK 2009-10-27 10:53

    我已經把你提供的HTML語法貼到 html 發文模式內, 但係返回一般模式之後沒有表格出現,為甚麼會錦?

    語法:

    <TD>
    <TR><FONT color=#a93cc4>&nbsp;</FONT></TD>
    <TR><FONT color=#a93cc4>&nbsp;</FONT></TD>
    <TR><FONT color=#a93cc4>&nbsp;</FONT></TD>
    <TR><FONT color=#a93cc4>&nbsp;</FONT></TD>
    <TR><FONT color=#a93cc4>&nbsp;</FONT></TD>
    <TR><FONT color=#a93cc4>&nbsp;</FONT></TD></TR>

    檢舉

    Rose2009-10-27 11:09

    因我早前曾編輯過此文令文內語法弄亂了而不能復原, 我而家再比你, 你試吓做吖.

    <P align=left>在表格內打上要連結的名稱 ( 如下圖一樣)</P>
    <DIV align=left>
    <TABLE style="BACKGROUND-IMAGE: url(http://img178.imageshack.us/img178/3038/86224364on0.gif); WIDTH: 95%" cellSpacing=2 cellPadding=3 align=left bgColor=#ffffff border=1>
    <TBODY>
    <TR>
    <TD><FONT color=#a93cc4><A href="http://hk.myblog.yahoo.com/RoseBlog-HelloMissYam">ABCD</A></FONT></TD>
    <TD><FONT color=#a93cc4><A href="http://hk.myblog.yahoo.com/RoseBlog-HelloMissYam">EFGH</A></FONT></TD>
    <TD><FONT color=#a93cc4>IJKL</FONT></TD>
    <TD><FONT color=#a93cc4>&nbsp;MNOP</FONT></TD>
    <TD><FONT color=#a93cc4>&nbsp;1234</FONT></TD>
    <TD><FONT color=#a93cc4>&nbsp;5678</FONT></TD>
    <TD><FONT color=#a93cc4>&nbsp;1234</FONT></TD></TR>
    <TR>
    <TD><FONT color=#a93cc4>&nbsp;<A href="http://hk.myblog.yahoo.com/RoseBlog-HelloMissYam">Rose Blog</A></FONT></TD>
    <TD><FONT color=#a93cc4>&nbsp;1234</FONT></TD>
    <TD><FONT color=#a93cc4>&nbsp;1234</FONT></TD>
    <TD><FONT color=#a93cc4>&nbsp;1234</FONT></TD>
    <TD><FONT color=#a93cc4>&nbsp;1234</FONT></TD>
    <TD><FONT color=#a93cc4>&nbsp;1234</FONT></TD>
    <TD><FONT color=#a93cc4>&nbsp;1234</FONT></TD></TR></TBODY></TABLE></DIV>
    <DIV align=left>&nbsp;</DIV>
    <P align=left>&nbsp;</P>

  • 檢舉

    麗頤YK 2009-10-25 16:46

    我已經把你提供的HTML語法貼到 html 發文模式內, 但係返回一般模式之後沒有表格出現,為甚麼會錦?
    檢舉

    Rose2009-10-27 00:13

    把你說不行的 html 語法貼給我看看才答你為什麽吧.
  • 請看看My BL0G是否正確?
    檢舉

    Rose2009-08-30 22:32

    正確呀,只係未加入文字連結而巳
  • 檢舉

    ☆傻盈~◆ 2009-08-22 12:55

    可以引用嗎??
  • 檢舉

    ☆傻盈~◆ 2009-08-20 19:25

    點解我一打字,佢就凸晒出尼既??
    檢舉

    Rose2009-08-20 22:00

    唔明你意思講mud, 有圖解給我看過究竟嗎?
  • 這是私人回應
    這是私人回覆
  • 呢排改唔到自訂欄位,唔知點解?
    我就當發文咁試下,我改到4×2,哈哈..不過,貼出黎唔見左個背景,點解??
    <TABLE style="BACKGROUND-IMAGE: url(http://i681.photobucket.com/albums/vv172/WaterLily_Lily/backgrounds/Squa
    re/back_016.gif); WIDTH: 95%" border=1 cellSpacing=2 cellPadding=3 bgColor=#ffffff>
    <TBODY>
    <TR>
    <TD>
    <P align=center><FONT color=#a93cc4>&nbsp;A</FONT></P></TD>
    <TD>
    <P><FONT color=#a93cc4>&nbsp;1)</FONT></P>
    <P><FONT color=#a93cc4>&nbsp;2)&nbsp;</FONT></P>
    <P><FONT color=#a93cc4>&nbsp;3)</FONT></P>
    <P><FONT color=#a93cc4>&nbsp;4)</FONT></P></TD></TR>
    <TR>
    <TD>
    <P align=center><FONT color=#a93cc4>&nbsp;B</FONT></P></TD>
    <TD>
    <P><FONT color=#a93cc4>&nbsp;1)</FONT></P>
    <P><FONT color=#a93cc4>&nbsp;2)</FONT></P>
    <P><FONT color=#a93cc4>&nbsp;3)</FONT></P></TD></TR>
    <TR>
    <TD>
    <P align=center><FONT color=#a93cc4>&nbsp;C</FONT></P></TD>
    <TD>
    <P><FONT color=#a93cc4>&nbsp;1)</FONT></P>
    <P><FONT color=#a93cc4>&nbsp;2)</FONT></P>
    <P><FONT color=#a93cc4>&nbsp;3)</FONT></P></TD></TR>
    <TR>
    <TD>
    <P align=center><FONT color=#a93cc4>&nbsp;D</FONT></P></TD>
    <TD><FONT color=#a93cc4>&nbsp;1) </FONT></TD></TR></TBODY></TABLE>
    檢舉

    Rose2009-07-22 13:23

    試吓換過一幅圖吧~  唔穩定呀~

    or  用我比的範例去試咗先啦

  • 檢舉

    無言的女孩 2009-07-17 11:49

    thank thank thank thank......
  • I can't , y ???

    檢舉

    Rose2009-07-22 13:25

    Sorry 我而家至睇到你回應,如果仍有疑問可以再提出來. 
  • 檢舉

    angel 2009-07-01 13:40

    rose:都萛做到文章分類,但還大一個問題.就是怎樣整走自定欄位條黃色邊框呢,見妳的分類無邊框,這樣美觀很多.

    thankk.gif image by yuetoil靚女
  • 檢舉

    小子 2009-06-30 11:04

    門外漢,看到〔一舊雲〕,但欣賞妳的善意!
  • 檢舉

    Ng仔 2009-06-29 21:48

    哦!
  • 檢舉

    ★幸福公主★ 2009-06-29 16:09

    Thx
  • 檢舉

    angel 2009-06-29 16:01

    rose 我要學文章分類,所以我引用妳這篇啦
    tUZ0FY1245724520.gif image by yuetoil
  • 這是私人回應
  • 這是私人回應
    這是私人回覆
  • 檢舉

    粉將軍 2009-06-28 22:05

    多謝分享,引用喇!
    檢舉

    Rose2009-06-28 23:14

    晚上好! 多謝粉將軍欣賞這篇分享
  • 檢舉

    green apple 2009-06-28 16:06

    這篇教學好有用喎,得閒試下先得,謝謝你的分享 ~~

    檢舉

    Rose2009-06-28 23:15

    有空閒試吓玩都好, 照着做一點也不難
  • 檢舉

    姆明 2009-06-28 14:19

    Rose,
    午安, 好有用的教學,感激!
    檢舉

    Rose2009-06-28 23:16

    晚上好姆明
  • 檢舉

    lai 2009-06-28 12:39

    rose;真多謝你無私的分享,上次的文章分類用編輯器我做成功,今次又教多大家一種另外的文章分類方法,你真係一個有愛心她肯幫助人

    但有些問題我想提出研究一下.用編輯器做分類,只能在做表格分類時加上表格.但成個完成後,如突然想加多個.就要由頭做過.

    而這個最新文章分類表,我都做到,佐但預覽時看到,發表後就沒有了表格.我知是不支援.但我下載flash10,試了多次都不下載到.

    但好感謝你,沒有你的教導,我的blog做不到呢.

    thankyou.gif picture by vasevasevase

     

     

  • 這是私人回應
    這是私人回覆
  • 檢舉

    angel 2009-06-28 08:10

    rose m01.gif picture by yuetoil每一頁的教學都很詳細,讓我這半桶水blog友 可以美化blog

    妳的新背景同邊框很靚.多謝妳分享.

    檢舉

    Rose2009-06-28 10:53

    早晨 angel,

    好多謝你欣賞我這套邊框.

  • 檢舉

    天下無敵 2009-06-28 02:36

    你好嗎呢排~~
    檢舉

    Rose2009-06-28 03:06

    我正在無聊, 所以出D教學玩吓

其他BLOG友發表的相關內容

喜愛此BLOG的人同時都愛看

  • 沒有相關訂閱