<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="http://web.tiec.tp.edu.tw/blog/styles/rss.css" type="text/css"?>
<rss version="2.0" 
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
>
 <channel>
  <title>shin哥部落格</title>
  <link>http://web.tiec.tp.edu.tw/blog/38</link>
  <description></description>
  <pubDate>Sat, 04 Oct 2008 23:31:09 +0800</pubDate>
  <generator>http://www.lifetype.net</generator>
    <item>
   <title>測驗題</title>
   <description>
    &lt;p id=&quot;drop-case&quot;&gt;測驗題Flash動畫&lt;/p&gt;&lt;br/&gt;&lt;embed pluginspage=&quot;http://www.macromedia.com/go/getflashplayer&quot; src=&quot;http://web.tiec.tp.edu.tw/blog/get/38/6318-learn.swf&quot; width=&quot;500&quot; height=&quot;250&quot; type=&quot;application/x-shockwave-flash&quot; quality=&quot;high&quot; menu=&quot;false&quot; /&gt;&lt;/embed /&gt;
   </description>
   <link>http://web.tiec.tp.edu.tw/blog/post/38/4204</link>
   <comments>http://web.tiec.tp.edu.tw/blog/post/38/4204</comments>
   <guid>http://web.tiec.tp.edu.tw/blog/post/38/4204</guid>
      <dc:creator>w0038</dc:creator>
      
    <category>2007部落格研習筆記</category>
         <pubDate>Thu, 13 Dec 2007 11:46:39 +0800</pubDate>
   <source url="http://web.tiec.tp.edu.tw/blog/rss/rss20/38">shin哥部落格</source>
     </item>
    <item>
   <title>04控制按鈕</title>
   <description>
    &lt;p id=&quot;drop-case&quot;&gt;&lt;embed pluginspage=&quot;http://www.macromedia.com/go/getflashplayer&quot; src=&quot;http://web.tiec.tp.edu.tw/blog/get/38/6228-04.swf&quot; width=&quot;500&quot; height=&quot;250&quot; type=&quot;application/x-shockwave-flash&quot; menu=&quot;false&quot; quality=&quot;high&quot; /&gt;&lt;/embed /&gt;&lt;/p&gt;&lt;br/&gt;
   </description>
   <link>http://web.tiec.tp.edu.tw/blog/post/38/4146</link>
   <comments>http://web.tiec.tp.edu.tw/blog/post/38/4146</comments>
   <guid>http://web.tiec.tp.edu.tw/blog/post/38/4146</guid>
      <dc:creator>w0038</dc:creator>
      
    <category>2007部落格研習筆記</category>
         <pubDate>Wed, 05 Dec 2007 13:18:05 +0800</pubDate>
   <source url="http://web.tiec.tp.edu.tw/blog/rss/rss20/38">shin哥部落格</source>
     </item>
    <item>
   <title>flash控制元件</title>
   <description>
    &lt;p id=&quot;drop-case&quot;&gt;&lt;embed pluginspage=&quot;http://www.macromedia.com/go/getflashplayer&quot; src=&quot;http://web.tiec.tp.edu.tw/blog/get/38/control03.swf&quot; width=&quot;500&quot; height=&quot;250&quot; type=&quot;application/x-shockwave-flash&quot; quality=&quot;high&quot; menu=&quot;false&quot; /&gt;&lt;/embed /&gt;&lt;/p&gt;&lt;br/&gt;
   </description>
   <link>http://web.tiec.tp.edu.tw/blog/post/38/4142</link>
   <comments>http://web.tiec.tp.edu.tw/blog/post/38/4142</comments>
   <guid>http://web.tiec.tp.edu.tw/blog/post/38/4142</guid>
      <dc:creator>w0038</dc:creator>
      
    <category>2007部落格研習筆記</category>
         <pubDate>Wed, 05 Dec 2007 10:28:19 +0800</pubDate>
   <source url="http://web.tiec.tp.edu.tw/blog/rss/rss20/38">shin哥部落格</source>
     </item>
    <item>
   <title>系統安裝] Fedora Core 3 上的 LifeType 安裝</title>
   <description>
    &lt;p id=&quot;drop-case&quot;&gt;&lt;p id=&quot;drop-case&quot;&gt;Linux 上的安裝有些要注意的地方哦！&lt;/p&gt;&lt;p&gt;1. 請到 LifeType 的官方網站下載 1.1.5 版本&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;http://www.lifetype.net/blog/lifetype-development-journal/2007/02/01/lifetype-1.1.5-available&quot; target=&quot;_blank&quot;&gt;&lt;font color=&quot;#ff6600&quot;&gt;lifetype 1.1.5版&lt;/font&gt;&lt;/a&gt;&lt;a href=&quot;http://prdownloads.sourceforge.net/lifetype/lifetype-1.0.6.tar.gz?download&quot;&gt;&lt;font color=&quot;#0066cc&quot;&gt;&lt;/font&gt;&lt;/a&gt;&lt;/p&gt;&lt;p /&gt; &lt;a href=&quot;http://www.tiec.tp.edu.tw/lifetype/post/102/9662&quot;&gt;&lt;font color=&quot;#ff6600&quot;&gt;(閱讀全文)&lt;/font&gt;&lt;/a&gt;&lt;/p&gt;&lt;br/&gt;&lt;p id=&quot;drop-case&quot;&gt;Linux 上的安裝有些要注意的地方哦！&lt;/p&gt;&lt;p&gt;1. 請到 LifeType 的官方網站下載 1.1.5 版本&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;http://www.lifetype.net/blog/lifetype-development-journal/2007/02/01/lifetype-1.1.5-available&quot; target=&quot;_blank&quot;&gt;&lt;font color=&quot;#ff6600&quot;&gt;lifetype 1.1.5版&lt;/font&gt;&lt;/a&gt;&lt;a href=&quot;http://prdownloads.sourceforge.net/lifetype/lifetype-1.0.6.tar.gz?download&quot;&gt;&lt;font color=&quot;#0066cc&quot;&gt;&lt;/font&gt;&lt;/a&gt;&lt;/p&gt;&lt;p /&gt;&lt;br /&gt;&lt;p id=&quot;drop-case&quot; /&gt;&lt;p&gt;&lt;a href=&quot;http://prdownloads.sourceforge.net/lifetype/lifetype-1.0.6.tar.gz?download&quot;&gt;&lt;font color=&quot;#0066cc&quot;&gt;&lt;/font&gt;&lt;/a&gt;&lt;/p&gt;2. 請解壓後放到 /var/www/html/ &lt;p /&gt;&lt;p&gt;資料夾可以重新命名為 blog &lt;/p&gt;&lt;p&gt;建議手動編輯 config/config.properities.php 檔，因為裡面多了兩個新的參數：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;$config[&amp;quot;db_host&amp;quot;] = &amp;quot;localhost&amp;quot;;&lt;br /&gt;$config[&amp;quot;db_username&amp;quot;] = &amp;quot;root&amp;quot;;&lt;br /&gt;$config[&amp;quot;db_password&amp;quot;] = &amp;quot;password&amp;quot;;&lt;br /&gt;$config[&amp;quot;db_database&amp;quot;] = &amp;quot;lifetypedb&amp;quot;;&lt;br /&gt;&lt;font color=&quot;#ff0000&quot;&gt;$config[&amp;quot;db_persistent&amp;quot;] = true;&lt;/font&gt;&lt;br /&gt;&lt;font color=&quot;#ff0000&quot;&gt;$config[&amp;quot;db_character_set&amp;quot;] = &amp;quot;utf8&amp;quot;&lt;/font&gt;;&lt;br /&gt;$config[&amp;quot;db_prefix&amp;quot;] = &amp;quot;lt_&amp;quot;;&lt;/p&gt;&lt;/blockquote&gt;&lt;p /&gt;&lt;p&gt;3. 將 tmp 及 config 資料夾 設成可寫入的權限&lt;/p&gt;&lt;p&gt;將 config.properties.php 權限設成可以寫入&lt;/p&gt;&lt;p&gt;4. 瀏覽器中 &lt;a href=&quot;http://localhost/blog/wizard.php&quot;&gt;&lt;font color=&quot;#ff6600&quot;&gt;http://localhost/blog/wizard.php&lt;/font&gt;&lt;/a&gt; 進行安裝&lt;/p&gt;&lt;p&gt;localhost 可以設成真正外連的 網址 哦！不然未來要進到管理介面中去修改新的網址。&lt;/p&gt;&lt;p&gt;5.請注意語系要設成 zh-tw unicode 繁體中文。&lt;/p&gt;&lt;p&gt;6. 最後一個步驟就會要求 將 wizard.php 刪除或改名。&lt;/p&gt;&lt;p&gt;7. 驗收成果&lt;/p&gt;&lt;p /&gt;&lt;hr /&gt;&lt;p /&gt;&lt;p&gt;進階設定 - 簡易網址&lt;/p&gt;&lt;p&gt;進入管理介面&lt;/p&gt;&lt;p /&gt;&lt;p&gt;全部站台管控&amp;gt;網址設定&amp;gt;讓搜尋引擎易於搜尋的簡易網址&lt;/p&gt;&lt;p&gt;在 /etc/httpd/conf/httpd.conf&lt;/p&gt;&lt;p&gt;最後加入&lt;/p&gt;&lt;p&gt;&lt;img class=&quot;res_image&quot; style=&quot;MARGIN: 5px&quot; src=&quot;http://www.tiec.tp.edu.tw/lifetype/resserver.php?blogId=102&amp;amp;resource=lin-0001.jpg&quot; /&gt;&lt;/p&gt;&lt;p&gt;重新啟動 Apache 才會作用&lt;/p&gt;&lt;p /&gt;&lt;hr /&gt;&lt;p /&gt;&lt;p /&gt;&lt;p&gt;在 blog 資料夾內顯示隱藏檔案 .htaccess 最後加入下面程式 &lt;/p&gt;&lt;p&gt;可以指向 summary.php 摘要頁&lt;/p&gt;&lt;p&gt;&lt;img class=&quot;res_image&quot; style=&quot;MARGIN: 5px&quot; src=&quot;http://www.tiec.tp.edu.tw/lifetype/resserver.php?blogId=102&amp;amp;resource=lin-0000.jpg&quot; /&gt;&lt;/p&gt;
   </description>
   <link>http://web.tiec.tp.edu.tw/blog/post/38/2615</link>
   <comments>http://web.tiec.tp.edu.tw/blog/post/38/2615</comments>
   <guid>http://web.tiec.tp.edu.tw/blog/post/38/2615</guid>
      <dc:creator>w0038</dc:creator>
      
    <category>2007部落格研習筆記</category>
         <pubDate>Tue, 13 Mar 2007 15:22:53 +0800</pubDate>
   <source url="http://web.tiec.tp.edu.tw/blog/rss/rss20/38">shin哥部落格</source>
     </item>
    <item>
   <title>[移轉] 使用 phpMyAdmin 及 NotePad++ 來修改資料庫</title>
   <description>
    &lt;p id=&quot;drop-case&quot;&gt;&lt;p id=&quot;drop-case&quot;&gt;由於 LifeType 文章中的資料是採用「絕對路徑」。&lt;/p&gt;&lt;p&gt;所以如果 IP 或 網址 有修改，可以使用 phpMyAdmin (&lt;font color=&quot;#ff0000&quot;&gt;先設定成 utf-8 編碼&lt;/font&gt;) 將&lt;/p&gt;&lt;p&gt;lt_articles_text 資料表 輸出 sql 檔，接著再用 NotePad++ (&lt;font color=&quot;#ff0000&quot;&gt;編碼要改成 utf-8 無 BOM&lt;/font&gt; ) 進行「替換」。&lt;/p&gt;&lt;p&gt;刪除 舊的 lt_articles_text 資料表 ，再使用「輸入」的方式重新建立 lt_articles_text 資料表 ！&lt;/p&gt;&lt;p&gt;記得要清空 tmp 資料夾哦！&lt;/p&gt;&lt;/p&gt;&lt;br/&gt;
   </description>
   <link>http://web.tiec.tp.edu.tw/blog/post/38/2600</link>
   <comments>http://web.tiec.tp.edu.tw/blog/post/38/2600</comments>
   <guid>http://web.tiec.tp.edu.tw/blog/post/38/2600</guid>
      <dc:creator>w0038</dc:creator>
      
    <category>2007部落格研習筆記</category>
         <pubDate>Tue, 13 Mar 2007 09:29:55 +0800</pubDate>
   <source url="http://web.tiec.tp.edu.tw/blog/rss/rss20/38">shin哥部落格</source>
     </item>
    <item>
   <title>[HACK] LifeType 1.15 套用樂多的月曆樣式</title>
   <description>
    &lt;p id=&quot;drop-case&quot;&gt;要套用樂多模版的月曆樣式，請覆蓋&lt;p&gt;class 資料夾內的 data 資料夾中的&lt;/p&gt;&lt;p&gt;&lt;font color=&quot;#ff0000&quot;&gt;htmlcalendar.class.php&lt;/font&gt;&lt;/p&gt;&lt;p&gt;&lt;font color=&quot;#ff0000&quot;&gt;下載檔案：&lt;/font&gt;&lt;/p&gt;&lt;p&gt;&lt;a id=&quot;res_14048&quot; title=&quot;使用樂多的月曆樣式&quot; href=&quot;http://www.tiec.tp.edu.tw/lifetype/resserver.php?blogId=102&amp;amp;resource=htmlcalendar-class.zip&quot; type=&quot;application/zip&quot;&gt;&lt;font color=&quot;#333333&quot;&gt;htmlcalendar-class.zip&lt;/font&gt;&lt;/a&gt;&lt;/p&gt;&lt;p /&gt;&lt;p /&gt;&lt;p /&gt;&lt;p /&gt;&lt;/p&gt;&lt;br/&gt;
   </description>
   <link>http://web.tiec.tp.edu.tw/blog/post/38/2595</link>
   <comments>http://web.tiec.tp.edu.tw/blog/post/38/2595</comments>
   <guid>http://web.tiec.tp.edu.tw/blog/post/38/2595</guid>
      <dc:creator>w0038</dc:creator>
      
    <category>2007部落格研習筆記</category>
         <pubDate>Tue, 13 Mar 2007 09:28:16 +0800</pubDate>
   <source url="http://web.tiec.tp.edu.tw/blog/rss/rss20/38">shin哥部落格</source>
     </item>
    <item>
   <title>升級] 升級 LifeType 1.1 beta1 的小撇步</title>
   <description>
    &lt;p id=&quot;drop-case&quot;&gt;&lt;p id=&quot;drop-case&quot;&gt;引用文章自 lss 實驗室&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;http://blog.nlhs.tyc.edu.tw/post/2/153&quot;&gt;&lt;font color=&quot;#333333&quot;&gt;http://blog.nlhs.tyc.edu.tw/post/2/153&lt;/font&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;font color=&quot;#333333&quot;&gt;&lt;/font&gt;&lt;/p&gt;&lt;p&gt;千呼萬喚，等了一年， &lt;a title=&quot;lifetype 1.1 beta1&quot; href=&quot;http://www.lifetype.org.tw/post/1/37&quot;&gt;&lt;font color=&quot;#8a3207&quot;&gt;LifeType 1.1 終於出 beta1&lt;/font&gt;&lt;/a&gt; 了。&lt;/p&gt;&lt;p&gt;因為 1.1 版有修改資料庫結構，所以建議，在測試 1.1 beta1 時，千萬別拿正式服務的網站開刀啊。否則一不小心，資料毀了可是救不回來的。&lt;strong&gt;我自己也是在測試環境下反覆升級了四、五次，才把資料庫正確轉換，沒有再出現亂碼&lt;/strong&gt;。&lt;/p&gt;&lt;p /&gt;&lt;p align=&quot;left&quot; /&gt;&lt;p /&gt;&lt;p&gt;在官方的釋出文章裡說，升級時，只要保留原來的 config/config.properities.php ，其餘的用新的程式覆蓋，再執行 wizard.php 就可以了。這原本沒錯，不過，還是有一些小地方要注意，主要還是&lt;strong&gt;資料庫編碼&lt;/strong&gt;的問題：&lt;/p&gt;&lt;p&gt;先說做法：&lt;/p&gt;&lt;p&gt;建議手動編輯 config/config.properities.php 檔，因為裡面多了兩個新的參數：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;$config[&amp;quot;db_host&amp;quot;] = &amp;quot;localhost&amp;quot;;&lt;br /&gt;$config[&amp;quot;db_username&amp;quot;] = &amp;quot;root&amp;quot;;&lt;br /&gt;$config[&amp;quot;db_password&amp;quot;] = &amp;quot;password&amp;quot;;&lt;br /&gt;$config[&amp;quot;db_database&amp;quot;] = &amp;quot;lifetypedb&amp;quot;;&lt;br /&gt;&lt;font color=&quot;#ff0000&quot;&gt;$config[&amp;quot;db_persistent&amp;quot;] = true;&lt;/font&gt;&lt;br /&gt;&lt;font color=&quot;#ff0000&quot;&gt;$config[&amp;quot;db_character_set&amp;quot;] = &amp;quot;utf8&amp;quot;&lt;/font&gt;;&lt;br /&gt;$config[&amp;quot;db_prefix&amp;quot;] = &amp;quot;lt_&amp;quot;;&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;紅色部份， db_persistent 指定資料庫連結方式，建議用原預設值就好；另一個 &lt;strong&gt;db_character_set&lt;/strong&gt; 是重點，請設為 &lt;strong&gt;utf8&lt;/strong&gt; 之後，再執行 wizard.php 安裝程式。其餘的參數，應該不用說明吧。&lt;/p&gt;&lt;p&gt;為什麼要這樣做呢？而不使用原來的 default 就好？因為，這個參數是指定資料庫的編碼方式。絕大部份的 LifeType 管理員應該都是使用 utf8 編碼的資料庫存放資料吧。但是主機的 MySQL 預設編碼卻很可能是 latin1 或其他方式，尤其是租國外虛擬主機的人更容易遇到這種情形。若是 db_character_set 使用 default ，那 LifeType 就會用 MySQL 的預設編碼方式幫你做升級時的資料庫轉換。於是，錯誤出現了。&lt;/p&gt;&lt;p&gt;我的測試環境裡， MySQL 的預設連線是 latin1 ，使用 default 設定值升級後遇到的狀況有兩種：&lt;/p&gt;&lt;p&gt;一、所有的中文全都變成問號(?)。&lt;/p&gt;&lt;p&gt;進資料庫看，文章都還是 utf8 中文，原以為此時將 db_character_set 改為 utf8 就搞定了，結果，文章是沒問題了，但是另一個問題出現了：&lt;/p&gt;&lt;p&gt;二、引用頁的中文還是變成問號(?) 。&lt;/p&gt;&lt;p&gt;原來， LifeType 1.1 將引用與迴響兩個表格合併了，所以所有的引用全都被移到迴響的表格裡。但是，升級時的 db_character_set 是 default ，所以這裡已經全都變成亂碼(問號)了。&lt;/p&gt;&lt;p&gt;所以，記得哦，在升級之前，把 db_character_set 設定成 utf8 。那麼，不管你主機的 MySQL 的預設連線是什麼語言，都能正確的轉換你的 LifeType 原來的 utf8 資料庫。&lt;/p&gt;&lt;p&gt;什麼情況下 db_character_set 使用 default 不會出問題？&lt;/p&gt;&lt;p&gt;1.MySQL 已經調校好使用 utf8 預設連線，或者&lt;/p&gt;&lt;p&gt;2.資料庫原來就不是 utf8 的格式。&lt;/p&gt;&lt;p&gt;在這種情形下，跟據程式碼裡的寫法，會比指定 utf8 快一點點啦。 &lt;/p&gt;&lt;p&gt;祝大家升級愉快啦！ &lt;/p&gt;&lt;/p&gt;&lt;br/&gt;
   </description>
   <link>http://web.tiec.tp.edu.tw/blog/post/38/2589</link>
   <comments>http://web.tiec.tp.edu.tw/blog/post/38/2589</comments>
   <guid>http://web.tiec.tp.edu.tw/blog/post/38/2589</guid>
      <dc:creator>w0038</dc:creator>
      
    <category>2007部落格研習筆記</category>
         <pubDate>Tue, 13 Mar 2007 09:17:54 +0800</pubDate>
   <source url="http://web.tiec.tp.edu.tw/blog/rss/rss20/38">shin哥部落格</source>
     </item>
    <item>
   <title>[重要網站] LifeType 繁體中文官方網站</title>
   <description>
    &lt;p id=&quot;drop-case&quot;&gt;&lt;a href=&quot;http://forum.lifetype.org.tw/&quot;&gt;&lt;font color=&quot;#333333&quot;&gt;LifeType 中文開發論壇&lt;/font&gt;&lt;/a&gt;&lt;/p&gt;&lt;br/&gt;
   </description>
   <link>http://web.tiec.tp.edu.tw/blog/post/38/2588</link>
   <comments>http://web.tiec.tp.edu.tw/blog/post/38/2588</comments>
   <guid>http://web.tiec.tp.edu.tw/blog/post/38/2588</guid>
      <dc:creator>w0038</dc:creator>
      
    <category>2007部落格研習筆記</category>
         <pubDate>Tue, 13 Mar 2007 09:13:42 +0800</pubDate>
   <source url="http://web.tiec.tp.edu.tw/blog/rss/rss20/38">shin哥部落格</source>
     </item>
    <item>
   <title>部落格應用技巧參考</title>
   <description>
    &lt;p id=&quot;drop-case&quot;&gt;&lt;p id=&quot;drop-case&quot;&gt;有關部落格的應用技巧可以參考阿杰老師的教學部落格&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;http://www.tiec.tp.edu.tw/lifetype/570&quot;&gt;&lt;font color=&quot;#999999&quot;&gt;2007&lt;/font&gt;&lt;/a&gt;&lt;a href=&quot;http://www.tiec.tp.edu.tw/lifetype/570&quot;&gt;&lt;font color=&quot;#999999&quot;&gt;阿&lt;/font&gt;&lt;/a&gt;&lt;a href=&quot;http://www.tiec.tp.edu.tw/lifetype/570&quot;&gt;&lt;font color=&quot;#999999&quot;&gt;杰老師部落格教室&lt;/font&gt;&lt;/a&gt; &lt;/p&gt;&lt;/p&gt;&lt;br/&gt;
   </description>
   <link>http://web.tiec.tp.edu.tw/blog/post/38/2587</link>
   <comments>http://web.tiec.tp.edu.tw/blog/post/38/2587</comments>
   <guid>http://web.tiec.tp.edu.tw/blog/post/38/2587</guid>
      <dc:creator>w0038</dc:creator>
      
    <category>2007部落格研習筆記</category>
         <pubDate>Tue, 13 Mar 2007 09:11:54 +0800</pubDate>
   <source url="http://web.tiec.tp.edu.tw/blog/rss/rss20/38">shin哥部落格</source>
     </item>
    <item>
   <title>[模版] 有關模版的修改</title>
   <description>
    &lt;p id=&quot;drop-case&quot;&gt;&lt;div class=&quot;syndicate&quot;&gt;&lt;p id=&quot;drop-case&quot;&gt;在使用 LifeType 部落格時，如是是套用「樂多」模版。最重要的檔案是&lt;font color=&quot;#ff0000&quot; size=&quot;5&quot;&gt;&lt;strong&gt; roodo.css&lt;/strong&gt;&lt;/font&gt; 這個樣式表。再來就是&lt;font color=&quot;#ff0000&quot; size=&quot;5&quot;&gt; &lt;strong&gt;links.templates&lt;/strong&gt;&lt;/font&gt; 選單模版。還有 &lt;font color=&quot;#ff0000&quot; size=&quot;5&quot;&gt;&lt;strong&gt;header.templates&lt;/strong&gt;&lt;/font&gt; 頁頭樣版。&lt;/p&gt;&lt;p /&gt;&lt;p&gt;&lt;/p&gt;&lt;p /&gt;&lt;p&gt;&lt;font style=&quot;BACKGROUND-COLOR: #ffff00&quot;&gt;&lt;strong&gt;&lt;font color=&quot;#ff0000&quot; size=&quot;5&quot;&gt;「links.templates」&lt;/font&gt;&lt;/strong&gt; 選單模版 是影響：&lt;/font&gt; &lt;/p&gt;&lt;/div&gt;&lt;/p&gt;&lt;br/&gt;&lt;p&gt;你可以自行調整區塊位置或要不要顯示。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.tiec.tp.edu.tw/lifetype/resserver.php?blogId=1&amp;amp;resource=599-plog-0034.jpg&quot; /&gt;&lt;/p&gt;&lt;p&gt;&lt;font color=&quot;#000000&quot;&gt;&lt;font style=&quot;BACKGROUND-COLOR: #00ff00&quot; size=&quot;4&quot;&gt;1.&lt;/font&gt;進入個人網誌設定 &amp;gt; 管理網誌模版 &amp;gt; 網誌模版編輯器&lt;/font&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.tiec.tp.edu.tw/lifetype/resserver.php?blogId=1&amp;amp;resource=601-plog-0036.jpg&quot; /&gt;&lt;/p&gt;&lt;p&gt;&lt;font style=&quot;BACKGROUND-COLOR: #00ff00&quot;&gt;2.&lt;/font&gt;選取自訂模版&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.tiec.tp.edu.tw/lifetype/resserver.php?blogId=1&amp;amp;resource=602-plog-0037.jpg&quot; /&gt;&lt;/p&gt;&lt;p&gt;&lt;font style=&quot;BACKGROUND-COLOR: #00ff00&quot;&gt;3.&lt;/font&gt;編輯其中的 links.template&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.tiec.tp.edu.tw/lifetype/resserver.php?blogId=1&amp;amp;resource=603-plog-0038.jpg&quot; /&gt;&lt;/p&gt;&lt;p&gt;&lt;font style=&quot;BACKGROUND-COLOR: #00ff00&quot;&gt;4.&lt;/font&gt;在編輯器中用 &amp;lt;!-- --&amp;gt; 下的就是一段的區塊&lt;/p&gt;&lt;p&gt;下圖中就是負責 「月曆」 及「個人資訊的區塊」&lt;/p&gt;&lt;p&gt;你可以框選拖曳改變顯示的位置！&lt;/p&gt;&lt;p&gt;&lt;font color=&quot;#ff0000&quot;&gt;如果用 &amp;lt;!-- 及 --&amp;gt; 就代表註解就不會顯示出來哦！&lt;/font&gt;&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.tiec.tp.edu.tw/lifetype/resserver.php?blogId=1&amp;amp;resource=604-plog-0039.jpg&quot; /&gt;&lt;/p&gt;&lt;p /&gt;&lt;p /&gt;&lt;p /&gt;&lt;hr /&gt;&lt;p /&gt;&lt;p&gt;&lt;font style=&quot;BACKGROUND-COLOR: #ffff00&quot;&gt;&lt;strong&gt;&lt;font color=&quot;#ff0000&quot; size=&quot;5&quot;&gt;「header.templates」&lt;/font&gt;&lt;/strong&gt; 頁頭模版 是影響：&lt;/font&gt;&lt;/p&gt;&lt;p&gt;你可以加入頁頭的主選單。&lt;/p&gt;&lt;p&gt;&lt;img src=&quot;http://www.tiec.tp.edu.tw/lifetype/resserver.php?blogId=1&amp;amp;resource=605-plog-0040.jpg&quot; /&gt;&lt;/p&gt;&lt;p&gt;這裡可以練習加入頁頭的主選單。我們要修改 header.template 及 roodo.css。&lt;/p&gt;&lt;p /&gt;&lt;blockquote&gt;&lt;p&gt;&amp;lt;!----------------------------------------------------------------------------&lt;br /&gt;頁頭主選單&lt;br /&gt;----------------------------------------------------------------------------&amp;gt;&lt;br /&gt;&amp;lt;div id=&amp;quot;hnav&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;ul&amp;gt;&lt;br /&gt;&lt;font color=&quot;#ff0000&quot;&gt;&amp;lt;li&amp;gt;&amp;lt;a title=&amp;quot;{$locale-&amp;gt;tr(&amp;quot;main&amp;quot&lt;img alt=&quot;;)&quot; src=&quot;http://web.tiec.tp.edu.tw/blog/plugins/smileys/icons/kmess_blue/wink.png&quot; /&gt;}&amp;quot; href=&amp;quot;{$url-&amp;gt;blogLink()}&amp;quot;&amp;gt;{$locale-&amp;gt;tr(&amp;quot;main&amp;quot&lt;img alt=&quot;;)&quot; src=&quot;http://web.tiec.tp.edu.tw/blog/plugins/smileys/icons/kmess_blue/wink.png&quot; /&gt;}&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/font&gt;&lt;/p&gt;&lt;p&gt;&lt;font color=&quot;#0000ff&quot;&gt;&amp;lt;li&amp;gt;&amp;lt;a title=&amp;quot;{$locale-&amp;gt;tr(&amp;quot;archives&amp;quot&lt;img alt=&quot;;)&quot; src=&quot;http://web.tiec.tp.edu.tw/blog/plugins/smileys/icons/kmess_blue/wink.png&quot; /&gt;}&amp;quot; href=&amp;quot;{$url-&amp;gt;templatePage(&amp;quot;archives&amp;quot&lt;img alt=&quot;;)&quot; src=&quot;http://web.tiec.tp.edu.tw/blog/plugins/smileys/icons/kmess_blue/wink.png&quot; /&gt;}&amp;quot;&amp;gt;{$locale-&amp;gt;tr(&amp;quot;archives&amp;quot&lt;img alt=&quot;;)&quot; src=&quot;http://web.tiec.tp.edu.tw/blog/plugins/smileys/icons/kmess_blue/wink.png&quot; /&gt;}&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/font&gt;&lt;/p&gt;&lt;p&gt;&lt;font color=&quot;#ff0000&quot;&gt;&amp;lt;li&amp;gt;&amp;lt;a title=&amp;quot;{$locale-&amp;gt;tr(&amp;quot;links&amp;quot&lt;img alt=&quot;;)&quot; src=&quot;http://web.tiec.tp.edu.tw/blog/plugins/smileys/icons/kmess_blue/wink.png&quot; /&gt;}&amp;quot; href=&amp;quot;{$url-&amp;gt;templatePage(&amp;quot;bookmark&amp;quot&lt;img alt=&quot;;)&quot; src=&quot;http://web.tiec.tp.edu.tw/blog/plugins/smileys/icons/kmess_blue/wink.png&quot; /&gt;}&amp;quot;&amp;gt;{$locale-&amp;gt;tr(&amp;quot;links&amp;quot&lt;img alt=&quot;;)&quot; src=&quot;http://web.tiec.tp.edu.tw/blog/plugins/smileys/icons/kmess_blue/wink.png&quot; /&gt;}&amp;lt;/a&amp;gt; &amp;lt;/li&amp;gt;&lt;/font&gt;&lt;/p&gt;&lt;p&gt;&lt;font color=&quot;#0000ff&quot;&gt;&amp;lt;li&amp;gt;&amp;lt;a title=&amp;quot;{$locale-&amp;gt;tr(&amp;quot;admin&amp;quot&lt;img alt=&quot;;)&quot; src=&quot;http://web.tiec.tp.edu.tw/blog/plugins/smileys/icons/kmess_blue/wink.png&quot; /&gt;}&amp;quot; href=&amp;quot;{$url-&amp;gt;getAdminUrl()}&amp;quot;&amp;gt;{$locale-&amp;gt;tr(&amp;quot;admin&amp;quot&lt;img alt=&quot;;)&quot; src=&quot;http://web.tiec.tp.edu.tw/blog/plugins/smileys/icons/kmess_blue/wink.png&quot; /&gt;}&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;/font&gt;&lt;/p&gt;&lt;p&gt;&lt;font color=&quot;#ff0000&quot;&gt;&amp;lt;li&amp;gt;&amp;lt;a class=aside title=&amp;quot;臺北市教師研習中心部落格&amp;quot; href=&amp;quot;&lt;font style=&quot;BACKGROUND-COLOR: #ffff00&quot;&gt;{$url-&amp;gt;getBaseUrl()}/summary.php&lt;/font&gt;&amp;quot;&amp;gt;北市教研中心部落格&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&lt;font color=&quot;#000000&quot;&gt;&amp;lt;/ul&amp;gt;&lt;/font&gt;&lt;/font&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;&lt;p /&gt;&lt;/blockquote&gt;&lt;p /&gt;&lt;p /&gt;&lt;p&gt;其中的每一段 &amp;lt;li&amp;gt; &amp;lt;/li&amp;gt; 就是一個選單選項。&lt;/p&gt;&lt;p&gt;接著在 roodo.css 加入這一段程式碼來產生滑鼠移上的變化！&lt;/p&gt;&lt;p /&gt;&lt;blockquote&gt;&lt;p&gt;/* 水平選單 */&lt;br /&gt;#hnav li ul li a { /* for sub-menu items */&lt;br /&gt;/* Apply the width here (not to li) so that IE regards entire width as clickable */&lt;br /&gt;/* This also seems to fix the &amp;quot;3px gap between list items&amp;quot; bug in IE. */&lt;br /&gt;width: 6em;&lt;br /&gt;border-top-style: none; /* to get single line between items */&lt;br /&gt;padding: 1px 10px 2px 10px;&lt;br /&gt;}&lt;br /&gt;/* note: important to keep ordering of LVHA link, visited, hover, active */&lt;br /&gt;#hnav ul li { display: inline; }&lt;/p&gt;&lt;p&gt;#hnav ul li a&lt;br /&gt;{&lt;/p&gt;&lt;p&gt;padding: 0.2em 1em;&lt;br /&gt;background-color: #121212;&lt;br /&gt;color: #bfbfbf;&lt;br /&gt;text-decoration: none;&lt;br /&gt;border-right: 1px solid #fff;&lt;br /&gt;}&lt;/p&gt;&lt;p&gt;#hnav ul li a:hover&lt;br /&gt;{&lt;br /&gt;background-color: #94C22C;&lt;br /&gt;color: #fff;&lt;br /&gt;}&lt;/p&gt;&lt;p&gt;#navlist li #current&lt;br /&gt;{&lt;br /&gt;color: #799F27;&lt;br /&gt;}&lt;/p&gt;&lt;p /&gt;&lt;/blockquote&gt;&lt;p /&gt;&lt;hr /&gt;&lt;p /&gt;&lt;p /&gt;&lt;p&gt;&lt;font color=&quot;#0000ff&quot; size=&quot;5&quot;&gt;你還可以閱讀：&lt;/font&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://www.tiec.tp.edu.tw/lifetype/post/1/284&quot;&gt;&lt;font color=&quot;#8080c0&quot;&gt;貓咪&amp;amp;狗狗-Flash時鐘&lt;/font&gt;&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;
   </description>
   <link>http://web.tiec.tp.edu.tw/blog/post/38/2586</link>
   <comments>http://web.tiec.tp.edu.tw/blog/post/38/2586</comments>
   <guid>http://web.tiec.tp.edu.tw/blog/post/38/2586</guid>
      <dc:creator>w0038</dc:creator>
      
    <category>2007部落格研習筆記</category>
         <pubDate>Tue, 13 Mar 2007 09:03:01 +0800</pubDate>
   <source url="http://web.tiec.tp.edu.tw/blog/rss/rss20/38">shin哥部落格</source>
     </item>
   </channel>
</rss>