網誌分類:BLOG CSS HTML設置.語法教學 |
圖片
網誌日期: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> MNOP</FONT></TD>
<TD><FONT color=#a93cc4> 1234</FONT></TD>
<TD><FONT color=#a93cc4> 5678</FONT></TD>
<TD><FONT color=#a93cc4> 1234</FONT></TD></TR>
<TR>
<TD><FONT color=#a93cc4> <A href="http://hk.myblog.yahoo.com/RoseBlog-HelloMissYam">Rose Blog</A></FONT></TD>
<TD><FONT color=#a93cc4> 1234</FONT></TD>
<TD><FONT color=#a93cc4> 1234</FONT></TD>
<TD><FONT color=#a93cc4> 1234</FONT></TD>
<TD><FONT color=#a93cc4> 1234</FONT></TD>
<TD><FONT color=#a93cc4> 1234</FONT></TD>
<TD><FONT color=#a93cc4> 1234</FONT></TD></TR></TBODY></TABLE></DIV>
<DIV align=left> </DIV>
<P align=left> </P>
![]()
打好名稱後,便要做超連結, highlight 個名稱, 按下工具列地球icon, 出現一個欄, 貼上URL Link 按OK
如果想改變字色,像平日發文一樣 highlight D 字, 在工具列選字色
便可以了.

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

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

祝各位享受學習的樂趣~
歡迎引用轉載 rose blog ,
請連同 logo 帶走.
延伸閱讀:
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> </FONT></TD>
<TR><FONT color=#a93cc4> </FONT></TD>
<TR><FONT color=#a93cc4> </FONT></TD>
<TR><FONT color=#a93cc4> </FONT></TD>
<TR><FONT color=#a93cc4> </FONT></TD>
<TR><FONT color=#a93cc4> </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> MNOP</FONT></TD>
<TD><FONT color=#a93cc4> 1234</FONT></TD>
<TD><FONT color=#a93cc4> 5678</FONT></TD>
<TD><FONT color=#a93cc4> 1234</FONT></TD></TR>
<TR>
<TD><FONT color=#a93cc4> <A href="http://hk.myblog.yahoo.com/RoseBlog-HelloMissYam">Rose Blog</A></FONT></TD>
<TD><FONT color=#a93cc4> 1234</FONT></TD>
<TD><FONT color=#a93cc4> 1234</FONT></TD>
<TD><FONT color=#a93cc4> 1234</FONT></TD>
<TD><FONT color=#a93cc4> 1234</FONT></TD>
<TD><FONT color=#a93cc4> 1234</FONT></TD>
<TD><FONT color=#a93cc4> 1234</FONT></TD></TR></TBODY></TABLE></DIV>
<DIV align=left> </DIV>
<P align=left> </P>
麗頤YK 2009-10-25 16:46
Rose2009-10-27 00:13
♀♪蕎蕎♪ீ♥Leeann♥♀ 2009-08-30 22:28
Rose2009-08-30 22:32
☆傻盈~◆ 2009-08-22 12:55
☆傻盈~◆ 2009-08-20 19:25
Rose2009-08-20 22:00
蓮花仙子(修鍊中) 2009-07-22 12:18
我就當發文咁試下,我改到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> A</FONT></P></TD>
<TD>
<P><FONT color=#a93cc4> 1)</FONT></P>
<P><FONT color=#a93cc4> 2) </FONT></P>
<P><FONT color=#a93cc4> 3)</FONT></P>
<P><FONT color=#a93cc4> 4)</FONT></P></TD></TR>
<TR>
<TD>
<P align=center><FONT color=#a93cc4> B</FONT></P></TD>
<TD>
<P><FONT color=#a93cc4> 1)</FONT></P>
<P><FONT color=#a93cc4> 2)</FONT></P>
<P><FONT color=#a93cc4> 3)</FONT></P></TD></TR>
<TR>
<TD>
<P align=center><FONT color=#a93cc4> C</FONT></P></TD>
<TD>
<P><FONT color=#a93cc4> 1)</FONT></P>
<P><FONT color=#a93cc4> 2)</FONT></P>
<P><FONT color=#a93cc4> 3)</FONT></P></TD></TR>
<TR>
<TD>
<P align=center><FONT color=#a93cc4> D</FONT></P></TD>
<TD><FONT color=#a93cc4> 1) </FONT></TD></TR></TBODY></TABLE>
Rose2009-07-22 13:23
試吓換過一幅圖吧~ 唔穩定呀~
or 用我比的範例去試咗先啦
無言的女孩 2009-07-17 11:49
♀♪蕎蕎♪ீ♥Leeann♥♀ 2009-07-06 12:51
I can't , y ???
Rose2009-07-22 13:25
angel 2009-07-01 13:40
rose:都萛做到文章分類,但還大一個問題.就是怎樣整走自定欄位條黃色邊框呢,見妳的分類無邊框,這樣美觀很多.
小子 2009-06-30 11:04
Ng仔 2009-06-29 21:48
★幸福公主★ 2009-06-29 16:09
angel 2009-06-29 16:01
粉將軍 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
午安, 好有用的教學,感激!
Rose2009-06-28 23:16
lai 2009-06-28 12:39
rose;真多謝你無私的分享,上次的文章分類用編輯器我做成功,今次又教多大家一種另外的文章分類方法,你真係一個有愛心她肯幫助人
但有些問題我想提出研究一下.用編輯器做分類,只能在做表格分類時加上表格.但成個完成後,如突然想加多個.就要由頭做過.
而這個最新文章分類表,我都做到,佐但預覽時看到,發表後就沒有了表格.我知是不支援.但我下載flash10,試了多次都不下載到.
但好感謝你,沒有你的教導,我的blog做不到呢.
angel 2009-06-28 08:10
rose
每一頁的教學都很詳細,讓我這半桶水blog友 可以美化blog
妳的新背景同邊框很靚.多謝妳分享.
Rose2009-06-28 10:53
早晨 angel,
好多謝你欣賞我這套邊框.
天下無敵 2009-06-28 02:36
Rose2009-06-28 03:06