April 9,2007

教學 樂多優化插件

樂多優化插件 by Anubis From Memphis 2007.

樂多優化插件是一個運用 jQuery 寫的 Javascript 程式,其功能如下:

  • 增加邊欄折疊
  • 增加書籤工具
  • 增加圖形化導覽列
  • 增加導覽列的透明功能
  • 移除多餘字串「Posted by ... 」
  • 修改引用標題與網址、回應標題與表格標籤等等

樂多優化插件的安裝共分三個階段,第一階段是設置 javascript 檔案,而第二階段是設定插件的的參數,最後是 CSS 的添增。
注意:有安裝邊欄折疊插件的朋友,必須先移除後才能安裝樂多優化插件喔!

更新紀錄:

  • 2007-04-09 發現書籤網址裡不可有 Anchor (像是 #comments),將在下一版修正。
  • 2007-03-28 修正教學中範例缺少了 1.1 版新增的變數,還有 CSS Comment 問題
  • 2007-03-21 修正書籤問題,請更新至樂多優化插件 Roodo Optimization Plugin 1.1
  • 2007-03-20 推出樂多優化插件 Roodo Optimization Plugin 1.0 (需要 jQuery library)

‧請按繼續閱讀觀看教學‧



第一步:首先您必須下載 jQuery 和優化插件的檔案,或直接從本站讀取(這會省下許多上載和尋找連結的步驟)。

 

  • 如果要直接利用本站的連結來安裝,請直接拷貝下方程式碼,略過下面跳到第二步
    <script src='http://blog.roodo.com/withoutboundaries/0e585253.jpg' type='text/javascript'></script>
    <script src='http://blog.roodo.com/withoutboundaries/d15e3129.jpg' type='text/javascript'></script>
  • 下載需要的檔案(按右鍵另存新檔)
    注意:樂多最近封鎖了 .js 檔的上載,所以 Roodo Optimization Plugin 的副檔名為 .jpg,
    這並不會影響檔案的讀取與運作。


  • 進入樂多管理介面後,按「上傳檔案、圖片」>「上傳檔案或圖片」
  • 準備上傳剛下載的兩個檔案,標題可以自行填寫。
  • 上傳完後,再度回到「上傳檔案、圖片」,可以看到新增的兩個檔案,
    分別複製它們的網址,並值入下方的程式碼。
    <script src='網址一' type='text/javascript'></script>
    <script src='網址二' type='text/javascript'></script>
    需要更改地方:
    • 網址一:更改為圖中「jquery.pack.js」(或您自訂的標題)的連結。
    • 網址二:更改為圖中「roodo_optimization_plugin」(或您自訂的標題)的連結。

  • 完成更改後複製原始碼預備。

 


第二步:接下來需要製作的是插件的參數設定。以下是所有參數的說明:

 

  • 請看下方指示依照需求來更改參數,因為有相當多項目,建議先移至下方拷貝豺狼的範例
    再回來一一更改自己所需要的項目:
    <script language="JavaScript" type="text/JavaScript">
    // 邊欄折疊插件參數
    folder_on = 啟用折疊;
    folder_img_on = 啟用圖示;
    folder_txt = '文字符號';
    folder_img = '圖示網址';
    folder_alt = '圖示替代';
    folder_title = '圖示標題';
    folder_speed = '折疊速度';
    side_titles = '邊欄標題';

    // 網誌使用帳號,用於移除「Posted by...」
    var username = '帳號名稱';
    var subs = '替代文字';

    // 書籤插件參數
    var bookmark = '前置文字';
    var img_digg = '圖示網址(digg)';
    var img_tech = '圖示網址(Technorati)';
    var img_deli = '圖示網址(del.icio.us)';
    var img_hemi = '圖示網址(HEMiDEMi)';
    var img_mysh = '圖示網址(MyShare)';
    var img_bookmark_width = '圖示寬度';
    var img_bookmark_height = '圖示高度';
    var bookmark_desc_ex = '書籤引述移除';

    // 導覽插件參數
    var img_home = '圖示網址(回首頁)';
    var img_prev = '圖示網址(上一篇)';
    var img_next = '圖示網址(下一篇)';
    var img_top = '圖示網址(回頁首)';
    var title_home = '圖示標題(回首頁)';
    var title_prev = '圖示標題(上一篇)';
    var title_next = '圖示標題(下一篇)';
    var title_top = '圖示標題(回頁首)';

    //書籤與導覽插件透明參數
    var alpha_mouseout = 游標離開透明度;
    var alpha_mouseover = 游標在上透明度;

    // 引用回應標題修改
    var track_title = '新引用列表標題';
    var reply_title = '新回應列表標題';

    // 回應表單插件參數
    var name = '新姓名標籤';
    var mail = '新email標籤';
    var site = '新URL標籤';
    var save = '新記錄標籤';
    var reply = '新回應標籤';
    </script>
    需要更改地方:
    • 以下是關於邊欄折疊插件的參數,建議只改 邊欄標題 來選定需要啟用折疊的邊欄,
      還有 圖示網址 來自訂折疊圖示以符合版面需求:

      • 啟用折疊:是否要啟動邊欄折疊的功能(true 為啟用,false 為關閉)。
      • 啟用圖示:是否要啟用圖片來取代文字型態的折疊按鈕(true 為啟用,false 為關閉)。
      • 文字符號:文字型態的折疊按鈕內容,像是 + 或 ▽。
      • 圖示網址:圖片型態的折疊按鈕網址,當啟用圖示為 true 時必須要設置。
      • 圖示標題:圖片型態的折疊按鈕標題,當滑鼠在圖示上方暫停時會顯示。
      • 折疊速度:邊欄折疊的速度(fast 為快,normal 為普通,slow 為慢)
      • 邊欄標題:在此輸入所有要啟用折疊功能的插入欄位標題,並以逗號分開。
        例:有兩個欄位分別為「連結書籤」和「最新的回應」,請輸入 連結書籤 ,最新的回應

    • 以下是關於移除(或替代)網誌底下「Posted by ...」的參數,
      帳號名稱
      是必須要更改的重要參數之一:

      • 帳號名稱:樂多帳號名稱,例:原本會顯示「Posted by johnchan」,那 johnchan 即是帳號名稱。
      • 替代文字:用來替代「Posted by ...」字串的文字。

    • 以下是關於書籤插件的參數,書籤插件是為了許多網路書籤網站設計的連結圖示,
      幫助讀者直接把網誌連結加到網路書籤裡(註:樂多似乎被國外著名網站 digg
      封鎖,希望以後能被解除 ):

      • 前置文字:放在所有書籤圖示之前的文字,例如「加入書籤」。
      • 圖示網址:digg, Technorati, del.icio.us, HEMiDEMi, MyShare 書籤網站的圖示網址,
        建議直接用豺狼提供的整套圖示。
      • 圖示寬度:所有書籤圖示的統一寬度。
      • 圖示高度:所有書籤圖示的統一高度
      • 書籤引述移除:以逗點分開字串。在加入書籤時,經常需要擷取內文來當引述,
        在這裡輸入的字串將不回出現在引述裡。例:輸入 \n, \r 將會移除全部的換行符號。

    • 以下是關於導覽插件的參數,每篇網誌都會一個些用來導覽的文字連結,
      豺狼認為有點礙眼卻又無法更改,所以加入此功能來整合所有導覽連結
      建議直接使用豺狼提供的整套圖示:

      • 圖示網址:替代「上一篇」、「下一篇」、「回 blog 首頁」、「回頁首╱回最上方」導覽列的圖示網址。
      • 圖示標題:替代「上一篇」、「下一篇」、「回 blog 首頁」、「回頁首╱回最上方」導覽列的圖示標題。

    • 以下是關於書籤與導覽插件透明參數,建議游標離開透明度盡量底一點
      (幾乎看不見),這樣可以讓整個畫面更簡潔、美觀:

      • 游標離開透明度:當滑鼠游標離開網誌下方的書籤與導覽列時的透明度。
      • 游標在上透明度:當滑鼠游標置於網誌下方的書籤與導覽列時的透明度。

    • 以下是關於引用回應標題修改的參數,豺狼希望修改它們的原因
      只是因為「引用列表:」中多出來的「:」:

      • 新引用列表標題:替代「引用列表:」的新標題。
      • 新回應文章標題:替代「回應文章」的新標題。

    • 以下是關於回應表單插件的參數,修改是因為標籤有些不整齊,
      有大寫(URL)又有小寫(email),中文又混英文,所以決定要統一:

      • 新姓名標籤:替代「姓名:」標籤的文字。
      • 新email標籤:替代「email:」標籤的文字。
      • 新URL標籤:替代「URL:」標籤的文字。
      • 新記錄標籤:替代「記錄個人資訊:」標籤的文字。
      • 新回應標籤:替代「回應:」標籤的文字。


    以下是豺狼的設定範例,如要採用,還是要更改有「//!需要更改!」的項目:
    <script language="JavaScript" type="text/JavaScript">
    // 邊欄折疊插件參數
    folder_on = true;
    folder_img_on = true;
    folder_txt = '+';
    folder_img = 'http://blog.roodo.com/withoutboundaries/e048ef46.gif';
    folder_alt = '+';
    folder_title = '折疊‧展開';
    folder_speed = 'normal';
    side_titles = '網誌回應,網誌月份,網誌分類'; //!需要更改!

    // 網誌使用帳號,用於移除「Posted by...」
    var username = 'vic_anubis'; //!需要更改!
    var subs = '';

    // 書籤插件參數
    var bookmark = '';
    var img_digg = 'http://blog.roodo.com/withoutboundaries/c26c3eec.gif';
    var img_tech = 'http://blog.roodo.com/withoutboundaries/41fb317f.gif';
    var img_deli = 'http://blog.roodo.com/withoutboundaries/c29b5c8f.gif';
    var img_hemi = 'http://blog.roodo.com/withoutboundaries/65f6b2b4.gif';
    var img_mysh = 'http://blog.roodo.com/withoutboundaries/7a38ac8e.gif';
    var img_bookmark_width = '12px';
    var img_bookmark_height = '14px';
    var bookmark_desc_ex = '\n,\r, ,\t';

    // 導覽插件參數
    var img_home = 'http://blog.roodo.com/withoutboundaries/75a562b5.gif';
    var img_prev = 'http://blog.roodo.com/withoutboundaries/8682ea55.gif';
    var img_next = 'http://blog.roodo.com/withoutboundaries/fc247f9e.gif';
    var img_top = 'http://blog.roodo.com/withoutboundaries/4d4dd0e6.gif';
    var title_home = '首頁 home';
    var title_prev = '上一篇 previous';
    var title_next = '下一篇 next';
    var title_top = '回頁首 back to top';

    //書籤與導覽插件透明參數
    var alpha_mouseout = 0.3;
    var alpha_mouseover = 1.0;

    // 引用回應標題修改
    var track_title = '引用';
    var reply_title = '回應';

    // 回應表單插件參數
    var name = '姓名 name';
    var mail = '電郵 mail';
    var site = '網址 site';
    var save = '記錄個人資料 save info';
    var reply = '回應 reply';
    </script>
  • 完成更改後複製原始碼預備。

 


第三步:

  • 第二步取得的原始碼貼在第一步的原始碼後面,合併成一組完整的程式碼。
    以下為豺狼的範例,如要採用,還是要更改有「//!需要更改!」的項目:
    <script src='http://blog.roodo.com/withoutboundaries/0e585253.jpg' type='text/javascript'></script>
    <script src='http://blog.roodo.com/withoutboundaries/d15e3129.jpg' type='text/javascript'></script>
    <script language="JavaScript" type="text/JavaScript">
    folder_on = true;
    folder_img_on = true;
    folder_txt = '+';
    folder_img = 'http://blog.roodo.com/withoutboundaries/e048ef46.gif';
    folder_alt = '+';
    folder_title = '折疊‧展開';
    folder_speed = 'normal';
    side_titles = '網誌回應,網誌月份,網誌分類'; //!需要更改!
    var username = 'vic_anubis'; //!需要更改!
    var subs = '';
    var bookmark = '';
    var img_digg = 'http://blog.roodo.com/withoutboundaries/c26c3eec.gif';
    var img_tech = 'http://blog.roodo.com/withoutboundaries/41fb317f.gif';
    var img_deli = 'http://blog.roodo.com/withoutboundaries/c29b5c8f.gif';
    var img_hemi = 'http://blog.roodo.com/withoutboundaries/65f6b2b4.gif';
    var img_mysh = 'http://blog.roodo.com/withoutboundaries/7a38ac8e.gif';
    var img_bookmark_width = '12px';
    var img_bookmark_height = '14px';
    var bookmark_desc_ex = '\n,\r, ,\t';
    var img_home = 'http://blog.roodo.com/withoutboundaries/75a562b5.gif';
    var img_prev = 'http://blog.roodo.com/withoutboundaries/8682ea55.gif';
    var img_next = 'http://blog.roodo.com/withoutboundaries/fc247f9e.gif';
    var img_top = 'http://blog.roodo.com/withoutboundaries/4d4dd0e6.gif';
    var title_home = '首頁 home';
    var title_prev = '上一篇 previous';
    var title_next = '下一篇 next';
    var title_top = '回頁首 back to top';
    var alpha_mouseout = 0.3;
    var alpha_mouseover = 1.0;
    var track_title = '引用';
    var reply_title = '回應';
    var name = '姓名 name';
    var mail = '電郵 mail';
    var site = '網址 site';
    var save = '記錄個人資料 save info';
    var reply = '回應 reply';
    </script>
  • 然後將它拷貝後放到「Blog 基本設定」>「說明」中,貼到原有內容後方。
    因為這是 Javascript 的關係,所以並不會顯示在網誌標題下的說明。
  • 最後一步是要為圖示製作 CSS 樣式,請將以下的的原始碼置在「網頁樣式設定」>「個人化設定」的後方即可。
    /* 設定圖片樣式 */
    img {
    border:0px none; /* 將 border (框線)移除 */
    vertical-align:top;
    }

    /* 設定可透明化圖片樣式(當游標離開)*/
    img.hover {
    border:0px solid #CCCCCC;
    vertical-align:text-top;
    -moz-opacity:0.5; /* Mozilla, Firefox 的透明度 */
    filter:alpha(opacity=50); /* Internet Explorer 的透明度 */
    cursor:pointer;
    }

    /* 設定可透明化圖片樣式(當游標在上)*/
    img.hoverover {
    -moz-opacity:1; /* Mozilla, Firefox 的透明度 */
    filter:alpha(opacity=100); /* Internet Explorer 的透明度 */
    cursor:pointer;
    }

    /* 設定書籤圖示樣式(當游標離開)*/
    img.bookmark {
    width: 12px; /* 圖示寬,Internet Explorer 需要此項來顯示透明物件 */
    -moz-opacity:0.5; /* Mozilla, Firefox 的透明度 */
    filter:alpha(opacity=50); /* Internet Explorer 的透明度 */
    cursor:pointer;
    }

    /* 設定書籤圖示樣式(當游標在上)*/
    img.bookmarkhover {
    width: 12px; /* 圖示寬,Internet Explorer 需要此項來顯示透明物件 */
    -moz-opacity:1; /* Mozilla, Firefox 的透明度 */
    filter:alpha(opacity=100); /* Internet Explorer 的透明度 */
    cursor:pointer;
    }
  • 「更新 Blog 網頁」> 選「全部頁面」後按「重新更新頁面」。
  • 完成囉!快到首頁看看效果吧!

相關教學:


Posted by vic_anubis at 樂多Roodo! │21:12 │回應(26)引用(5)教學
樂多分類:藝術/設計 共同主題:網頁設計 工具:加入樂多書籤編輯本文
Ads by Roodo! 

引用URL

http://cgi.blog.roodo.com/trackback/2883877
引用列表:
教學 樂多邊欄折疊插件 - 邊欄折疊插件是一個運用 jQuery 寫成的 Javascript 程式,可以讓樂多邊欄中的欄位收縮,好收納過多的連結與項目,讓整個版面變得更美觀。
教學 樂多邊欄折疊插件【Without Boundaries】 at March 20,2007 18:23
教學 jQuery 問題集 - 收錄所有跟 jQuery 和 Javascript 的相關問題。
教學 jQuery 問題集【Without Boundaries】 at March 20,2007 18:23
用 jQuery 改造樂多 - 豺狼發現只要利用 jQuery,整個 Roodo 網誌的架構幾乎可以完全改掉…
用 jQuery 改造樂多【Without Boundaries】 at March 20,2007 18:23
在 Without Boundaries 看到用 jQuery 寫成的 Javascript 程式,功能十分強大,本想做邊欄折疊...
增加書籤插件【Orpheus in the Blog】 at March 26,2007 10:05
b5302635d5d4
b5302635d5d4c8893542【b5302635d5d4c8893542】 at September 4,2007 21:28
回應文章
好棒的優化套件,
可惜我已經不使用樂多了...

非常訝異鼎鼎大名的小 b 竟然會來我那裡參觀,呵呵!這讓我非常高興!我可是草本新鮮的忠實讀者!

其實關於優化插件的問題,我稍微觀察了您網站的架構,其實只要稍微改一下程式碼也可以在您網站這裡達到同樣的效果喔!

如果有需要,可以跟我說一聲我很樂意幫您寫個 Basil 專門版 :P
Posted by 小b at March 22,2007 22:57
其實早在我還把重心放在樂多時,
就已經訂閱你的 RSS 了啊。
因為很喜歡你這裡的風格,
簡單、乾淨又不失設計感,
看了很喜歡呢。

至於幫我寫個 basil 專門版實在很感謝,
不過很擔心會耗去你太多的時間。
不用特別花時間忙,
真的有空再寫就好唷^^b
Posted by 小b at March 24,2007 21:49
剛剛試著移除標示移動引用網址的幾行程式碼,檔案上傳後書籤列卻不見了,不知道是怎麼回事....(我上傳的是無註解檔案)

還有書籤預設抓全部內文,如果內文很長,myshare 會出現抓不到書籤的問題。

再次謝謝你寫這麼好的程式!

最近我還在研究一些其它功能,所以沒有辦法在短期內出新版。以下是快速解決的方法:

關於移除那原始碼的問題,在 src 檔裡第 70~ 79 行可以全部移除掉。但因為如果把 track_url 這變數移除,在 124 行這裡:
$(this).html( bookmark + m + p + track_url );

會再度用到 track_url ,所以會造成所有書籤與導覽列的執行錯誤。所要把第 124 行改成:
$(this).html( bookmark + m + p );

這樣應該就 ok 了!至於 MyShare 的問題,你有什麼範例給我看看嗎?因為我還是找不出有什麼問題 :P 或許是我的文章都過短了吧!呵呵
Posted by Orpheus at March 26,2007 20:26
成功了,謝謝!

你的文章很長呀,就拿這篇教學文章當範例,
在IE底下MyShare和黑米沒反應,Firefox的錯誤資訊是:

Request-URI Too Large
The requested URL\\\'s length exceeds the capacity limit for this server.
感謝啊!我找到原因了!呵呵!Internet Explorer 的 URL 好像不能超過 2083 個字元,還有許多 Server 也會限制 URL 的長度。(大概是怕駭客攻擊吧,我在猜)

以下是解決方法,在 src 第 61 行:

// 取得網誌的內容
var d = $(this).find(".main").text();
// 移除網誌內容內不需要的字串
d = removeChars(d, bookmark_desc_ex);

改成以下程式碼:

// 取得網誌的內容
var d = $(this).find(".main:first").text();
// 移除網誌內容內不需要的字串
d = removeChars(d, bookmark_desc_ex);
// 確定 URL 不會過長
var MAX_URL_LENGTH = 2048;
var MAX_URL_BASE = 200;
if( (d.length + t.length + 200) > MAX_URL_LENGTH)
d = d.substring(0, (MAX_URL_LENGTH-MAX_URL_BASE-t.length));

這樣應該可以暫時解決這類問題。我會在下一版改良!再次感謝你的幫忙喔!
Posted by Orpheus at March 27,2007 17:31
問題就是....

嗯...我單獨套邊欄他並沒有出現....

如果是套優化物件的話.....
只有顯示
「樂多Roodo插件PluginjQuery │ 標籤 │09:52 │回應(4) │引用(4) │教學 」這邊(而且連結圖還會有紫色連結邊框)~邊欄他還是沒有出現....

ㄝ。。妳是不是拷貝到不該拷貝到的東西?呵呵。。別用我的原始碼啊,架構跟這插件有許多不同的地方! :P
Posted by book at March 28,2007 09:42
我在想勒~會不會是因為我的連結字那邊有連結反橘色塊的語法造成干擾?
但是....我又不知道為什麼我會有那一段語法......
應該跟那個沒有關係。我已經把你的首頁抓下來測試,把需要的原始碼貼到妳那裡了。出現問題的原因可能是因為我教學裡其中一個範例少了幾個變數!

var img_bookmark_width = \'12px\';
var img_bookmark_height = \'14px\';
var bookmark_desc_ex = \'\\n,\\r, ,\\t\';

試看看囉!裡面還有一些東西依需要自行修改,像是 CSS 還有你要折疊的邊欄標題等等!有問題再跟我說喔!
Posted by book at March 28,2007 10:52
現在比較奇怪的是首頁第一篇就會秀出書籤列,加上書籤與導覽插件透明參數後,結果變成首頁每一篇都有書籤列,試過加上所有變數也一樣...(這樣也可以啦,風格統一就好 ^^;;)

還有引用列表標題變數也加了進去,卻沒有改變,加上所有變數的時候才會更改。

真抱歉有這麼多問題,謝謝你的耐心!
No problems! Glad to be at service!
Posted by Orpheus at March 29,2007 12:06
耶~都解決了耶~謝謝!
^ ^
Posted by book at March 29,2007 13:48
那,我來厚顏地請求,
幫我寫以下這兩個功能吧,
大感恩。

# 增加邊欄折疊
# 增加導覽列的透明功能
沒問題,我弄好在跟妳說吧,呵呵!
Posted by 小b at March 29,2007 20:28
端詳了css語法許久,我只能說: 你、真、是、太、強、了。XD (很讚的語法,但是我開始要找網路空間了,因為樂多真的不受理那兩個檔案的上傳,我又找不到漏洞可以鑽~~~)
沒有啦,只是搜刮很多其它人的東西,做些整理而已,呵呵!

關於 .js 檔案的上傳,只需要把副檔名改成 .jpg 或 .gif 即可上傳。或許你會感到疑惑,明明是程式碼怎麼上傳成圖檔,其實沒有關係,只要瀏覽器在讀取這檔案時,著名檔案類型即可(type=\'text/javascript\')
我就是這樣蒙混過去的… :P
Posted by KEATSLI at April 7,2007 11:07
:) 豺狼:

我將js上傳到google的網路空間上,所以版面已經優化了。謝謝你的分享,它真的解決了我blog的一些問題,也讓我終於可以毫無顧忌的把一些連結全放上去,謝謝你喔!:)
很高興能幫上忙! ^ ^
Posted by KEATSLI at April 9,2007 11:01
很感謝豺狼的分享,超有用又詳細。
已全部搬回去BLOG了。
不過仍有幾個問題想請教豺狼:
1. BLOG內最近發表的那篇文章,似乎不像其它舊文有書籤工具及導覽  列透明功能等...
 不知道是不是我在輸入語法時有何錯誤?
2. 仍是關於BLOG內最近發表的那篇文章,是否有辦法將內文的圖片及聲 音檔連結放在左邊?
3. 我想更換變欄的背景,不知道語法處該如何更改?
4. 我的BLOG版面配置是正文佔全版2/3,邊欄佔1/3;可是常在發表新文 章後,版面配置會變動,把邊欄挪到最下方去,不知道這樣的情況是 否有辦法修正?

問了許多問題,麻煩您了,謝謝~

1. 注意喔,你在這篇網誌的一開始就用了 </div> 終結了你網誌內文,所以才會產生無法優化的錯誤!把它改過來就好!

2. 想要把它們移至右邊,可以用兩種方法:
方法一:把它們放在此 div 裡 <div style="text-align:left;"></div>
方法二:把它們放在此 div 裡 <div style="float:left;"></div>
請嘗試看看不同!

3. 需要更改 CSS 。 如果是要換全部邊欄的背景,找到 #links 並加入這一行:
background: url("圖片路徑") no-repeat;
如果是要換個別邊欄的背景,找到 .side 並加入這一行:
background: url("圖片路徑") no-repeat;

4. 簡單來說,只要你內容裡有超過網誌內文 div 寬度的圖片,或者是其它物件,就會把主要欄位撐開,將邊欄擠到下方。還有一個原因可能 CSS 版面的設計不當所造成的現象。最簡單的解決方法:別用太大的圖片或物件。

豺狼還看了一下優化在你網頁裡的效果,因為你是第一位用黑色背景的使用者,我製作的那些書籤圖示似乎不能完全融入背景裡,我會想辦法改進的!
Posted by Anne at April 10,2007 23:15
真是很詳盡的解說,感謝豺狼。
已經去改過內文的設定了。
至於邊欄背景的設定,我瞭解了,等我找到圖再來試試。
原來背景顏色對於書籤圖示會有影響。瞭解,原來是這樣。
有什麼我可以效勞的再跟我說!
Posted by Anne at April 11,2007 17:12
第4個部落格小玩意出爐,我想這將會是每個樂多使用者必定會裝的功能。
希望你能幫忙測試,謝謝 ^^
部落格小玩意4: 當使用者登入後自動為部落格文章加上「快速編輯」的連結
Hey 石頭成大哥,豺狼拿去測試後,似乎沒有用ㄝ…等等…阿!成功了!這實在是太好用了!萬分感激啊!我在下一版優化一定會加入這個功能的!這到底是怎麼做到的?介意跟我說明一下嗎?
Posted by 遊手好閒的石頭成 at April 14,2007 02:53
有的功能我不想用
要怎麼關掉?
妳講到我的痛處了!當初在寫這程式時,沒有好好注意軟體工程架構,導致許多基本該有的東西都沒有,其一就是無法關閉單一功能! :P

解決方法:為了贖罪,只要有這問題,我會個人特地為您服務,想要什麼都說出來,我有空就幫妳寫個妳專門的優化插件吧!(我就幫草本新鮮寫了一個,她還蠻滿意的,我也很開心,呵呵)

對了,現在我的頁面載入還會很慢嗎?
Posted by at April 16,2007 16:21
好好噢
你真的要幫我做
好感動!
 
我只想改 posted by colaccl at roodo 還有留言表格的字
posted by 改成自己的名字和刪掉 roodo
並且放上加入書籤的按鈕還有「我要回應」
還有像你這一樣 按「工具」它才跑出來
(那個工具好多餘喔,樂多分類和共同主題對我來說都沒用啊!)

另外那個加上回應者的 mybloglog 小圖示好酷!
我也要啦啦啦~~

謝謝你
好用心!!
大磕頭!!
Posted by at April 18,2007 19:11
啊,忘記說
還有改 引用url 和 回應文章的標題
然後加上 我要回應的標題在留言表格上面
Posted by at April 18,2007 19:17
現在載入頁面還蠻快的,棒透了!
沒問題(奇怪,這樣不就是全部的功能了嗎?哈哈!)最近因為樂多改版,我也需要更新所有的優化插件。還有因為之前的教學出了很多問題,我這次也得把我的程式碼好好修正。

大概需要一兩個禮拜的時間吧,最近要期中考得專心讀書先,哈哈!請有耐心的等一會兒囉…
Posted by at April 18,2007 19:18
Dear Anubis From Memphis:

本來想說不要太麻煩你,但是苦思了許久,我還是只好向你求救了。XD
現在樂多2.O一出來,我原有的設定在IE與FIREFOX就呈現兩種不同的樣貌。firefox能把邊欄完全收起,但是ie的下方邊欄卻不行,不知道是不是我那個環節設定上有失誤,才導致這樣的情形發生,不好意思可否請你幫我看一下呢?

還有一個問題是,現在樂多把回到首頁與上下頁文章選項放在文章上頭,我要如何設定或修改他們呢?不好意思拜託你了,先行在此謝過了。敬祝日安。
keatsli
我剛剛看過也測試了一下你的網頁,很遺憾的,問題的所在是 Snap Shots 似乎會改變邊欄裡連結與架構,導致我的插件失效。這其實也有可能是我插件沒注重相容性的問題。現在唯一的解決方法就是暫停使用 Snap Shots,這禮拜我有點忙,妳可以下禮拜再提醒我,我在想辦法找個更完善的解決方案嗎?
Posted by KEATSLI at April 18,2007 23:46
謝謝你,不好意思你期中考之際,我還拿問題叨擾你,所以先祝你期中考順利 。也謝謝你這樣迅速地回覆我的問題,我也會先研究一下樂多2.0的功能,等你考完,就再麻煩你了,謝謝。(來個大叩首~~)祝日安。
不用客氣啦!記得提醒我就好!呵呵!
Posted by KEATSLI at April 19,2007 11:34
豺狼你好,又是我啦。
我最近發現(很遲鈍)我的部落格,最舊的三篇文章,都沒有插入你所設計的優化設計,不知道問題在哪裡?
我有試著更改圖片裡的設定,但是,看起來沒什麼效果。
請等你有空再幫我看看就行。謝謝。
我去妳那邊逛過後,並沒有發現什麼異常。妳可以給我那幾篇出問題的網誌網址嗎?
Posted by Anne at April 27,2007 10:07
呃,後來我再看它又沒問題了。很抱歉讓你白跑一趟
呵呵,下次記得跟我說問題在那裡啊!我不想再翻過妳好幾個月的網誌 :P
Posted by Anne at April 29,2007 20:22
哈囉~我有個問題>"<
我昨天借用了你的套件 而且成功顯示了
但今天我看的時候 竟然不見了!!
我重新設定了一次還是不行 可以麻煩你幫我看看怎麼回事嗎?
謝謝~~^^
阿!這是 jQuery Library 的問題!只需要改成新版的 jQuery 即可!請將放在說明的原始碼中的:
http://blog.roodo.com/withoutboundaries/fc59a461.js
換成:
http://blog.roodo.com/withoutboundaries/0e585253.jpg
Posted by KUMA at May 6,2007 20:55
噢~~謝謝!!
問題解決了 也謝謝你這麼快回覆我^^
感恩!!
別客氣!
Posted by KUMA at May 6,2007 21:55
不好意思,又有個小問題要請教你,我最近想把我的留言版也縮起來,我在要縮的項目中加上我的留言版標題之後,的確是縮了,但卻連下面所有全部的項目也都不見了,請問我該怎麼辦?
不打緊!但我不大清楚你的問題,你是指你首頁裡的那個日本留言版嗎?然後全部選項是指 "write" 那些?如果是這樣的話,因為他們跟留言版是一體的,所以沒有辦法分離囉!
Posted by kuma at May 23,2007 02:54
不是耶,是包括下面的廣告阿貼紙阿什麼的那些全部都會被收起來看不見!!>"
Posted by KUMA at May 24,2007 18:39