華龍國小LifeType學習網

新增FallingLeaves模板,並內建28種橫幅圖片

Published on 12/21,2005

新增FallingLeaves模板,並內建28種橫幅圖片,提供大家更多的選擇

 

模版檔案來自Resnick's  Small World
橫幅圖片由銘崇所提供!太可笑嘍

華龍的伙伴們,想知道如何改變您喜歡的橫幅圖片嗎?
繼續看下去吧!

一、複製一個屬於您個人的「FallingLeaves」模版

登入管理後台 → 「個人網誌設定」→ 「網誌模版編輯器」→ 「找到FallingLeaves模版」→「按下後面的白色按鈕」


跳出對話視窗,輸入您想要的模版名稱,或直接按下確定,一個屬於您自己的模版就複製完成了。


二、修改個人網誌的模版
「個人網誌設定」 → 「網誌設定」→ 「將您的模版改成new_FallingLeaves」

 

三、修改new_FallingLeaves模版的style.css檔案
「個人網誌設定」→ 「網誌模版編輯器」→ 按下最下面的「new_FallingLeaves」模版


 找到「style.css」檔案並按下它。

 修改如下圖示中的橫幅圖片的檔名(banner001.jpg~banner028.jpg)

 

四、完成:
完成了,去你的網誌看看吧,漂亮吧!驚訝

五、如何修改成您自己的橫幅圖呢?
以這個FallingLeaves模版來說,您只要自己製作一張大小700X300像素的圖片,上傳到模版中的images資料夾中

再修改style.css裡的圖片檔名,就可以擁有您自己個人的橫幅圖片了。(可以看看興香部落老鼠平小窩


Leave a Reply

Comments

  1. 09/13,2007 | 00:28

    liu:
    看一下這裡「5.1 templateeditor ( 線上模版編輯器外掛 )

    第二點
    點選[ 全部站台管控 ]/[ 管理使用者 ] / 點選管理者[ 使用者名稱 ] ,在[ 權限列表 ]的部分,將[ edit_blog_templates_desc ]及[ edit_global_templates_desc ],這兩個選項打勾。

  2. liu
    09/12,2007 | 20:40

    請問要給使用者自行編輯模版的話,除了給他edit_blog_templates_desc權限外,還要給他其它什麼權限呢?!因為小弟實驗結果,只給edit_blog_templates_desc
    權限的話,使用者將可看到編輯模板選項,但是點進去後卻會出現"你沒有權限使用"這類的訊息.請教你了.謝謝.

  3. 10/26,2006 | 01:07

    文雅潔:
    怪怪的,沒看過這樣的錯誤訊息。

    為何無法在images上傳圖片」,這段話看不太懂?

    上傳圖片應該跟templateeditor網誌模版編輯器這外掛沒關係呀!先試試看重新上傳一下templateeditor這plugins吧!看看是不是templateeditor上傳不完整的關係。

    或者到論壇上問問看囉!


  4. 10/24,2006 | 23:01

    為何無法在images上傳圖片,會出現[Fatal error: Cannot instantiate non-existent class: fileuploads in /var/www/lifetype-1.1/plugins/templateeditor/class/action/pluginbloguploadtemplatefileaction.class.php on line 60
    ]請問這是什麼意思呢

    謝謝

  5. 09/13,2006 | 23:58

    To isongsd:
    請到「全部站台管控」/「模版編輯器設定」,勾選「允許網誌使用者使用模版編輯器」,這樣應該就可以了。

  6. 09/08,2006 | 09:49

    我剛學Lifetype
    我套用了這個模版,感覺不錯!
    但為什我的 管理後台 → 「個人網誌設定」→ 「網誌模版編輯器」→ 「找到FallingLeaves模版」→「按下後面的白色按鈕」 沒有這白色按鈕!...真的對不起,才剛學二天。

  7. 05/30,2006 | 01:45

    安裝成功
    感謝 resnick、Yung、銘崇及阿欣
    好用!漂亮!

  8. 05/12,2006 | 23:38

    謝謝
    嗯 我也是用GreenTrack這個模版
    它的網誌名稱和網誌描述是放在header裡
    banner是header的背景圖
    想要不更動網誌名稱的位置但又能隨機更換圖片

  9. 05/12,2006 | 06:34

    Hi,kiku:
    你指的應該是「FallingLeaves-randombanner」這個模版吧!

    用background url的方式是在某個區塊裡設定背景圖,
    但這個javascript是用img src的方式,就是在頁面上直接顯示一張圖,再以javascripts的方式來隨機切換圖片。

    你可以看看我的「阿欣部落」就是用GreenTrack模版去改的,只不過,我是將網誌名稱放在banner的下面,不是放在圖片的上面。

    可以直接連到我那模版的「header.template」,再看看原始碼。

    阿欣

  10. 05/11,2006 | 23:56

    sorry!有些字不見了
    我的意思是有些模版的banner是用background url的方式
    但這個javascript是用img src的方式
    請問要如何修改
    謝謝

  11. 05/11,2006 | 23:53

    請問這個模版裡的更換banner的javascripts可以用在其它的模版上嗎
    例如green track它的banner在css中是
    #header {
    background: url('img/rail.jpg');
    那javascripts裡是用document.write('

  12. 01/21,2006 | 21:48

    Yung:
    彭主任的問題是他下載了FallingLeaves-randombanner的模版,但是卻用了我這篇FallingLeaves修改css的方式來切換banner圖,而且也把images裡那28張圖給刪除掉了只剩下一張,所以javascripts那裡找不到圖才會出錯。

    我已給了他建議:
    一是多放幾張圖,不修改css,再改一下你那header.template裡的javascripts。

    二是我把FallingLeaves原本的header.template寄給了他,請他覆蓋原本的檔案。

    問題應該已OK了。

    yung,新年到,祝你新年快樂了囉!
    不過,你該不會被留在學校留守吧!

    阿欣

  13. 01/21,2006 | 13:19

    我在猜會不會是你瀏覽器的cache沒有清除的關係的ㄚ??

  14. 01/20,2006 | 06:31

    那一段粗體字,只是註解,是我為了方便校內校師要修改時比較知道要找哪裡,所以才加上去的。
    要刪除掉也沒關係,不過問題應該不是這裡。

    您說「我照上面這樣改

    我在迴響裡打得太快,打錯了,應該 只要改style.css裡的 #header
    若只要banner002.jpg,
    其中background只要改成

    background: url(images/banner002.jpg);

    其他都不用改。

    不知方不方便留下您的網誌網址,直接看會比較方便,或者寄到我的mail來
    adm@hlps.tcc.edu.tw

  15. 01/19,2006 | 17:55

    我試了一下,不行啊。下面這一段粗體字要刪掉嗎?我照上面這樣改,結果圖會出不來。/* 修改橫幅圖 banner001.jpg~banner028.jpg */

  16. 01/19,2006 | 06:44

    您寫得詳細,我會試試看,謝謝您了。

  17. 01/18,2006 | 23:32

    1.screenshot.jpg是一般使用者在後台管理要選擇網誌模版時,按下「預覽選取」時所看到的那張模版縮圖。
    把網誌改好後,用瀏覽器觀看,用例如HyperSnap或Snagit等一般截圖軟體(若沒有相關軟體,或者用小畫家也可以擷取圖片)來擷取圖片後存成screenshot.jpg,再上傳取代原本模版裡的screenshot.jpg就可以了。

    2.
    只置換一張圖?

    您的意思是說,一張圖就是一種模版嗎?

    其實您可以
    (1)先下載這個FallingLeaves模版的zip檔案後解壓縮後會有個「FallingLeaves」的資料夾。

    (2)那28張圖片的縮圖您可以在這裡看到

    圖片的檔案是放在 /images 資料夾裡(banner001.jpg~banner028.jpg),選擇您要留下的banner圖檔,其餘的刪除掉。

    (3)修改style.css
    例如我留下了banner002.jpg這張圖,打開style.css,依照我前面本文裡所說的修改
    #header
    {background=....../banner002.jpg}...

    (4)將這原本的FallingLeaves資料夾重新命名(例如改成FallingLeaves002),將這個新的資料夾再重新壓縮成FallingLeaves002.zip,將檔案上傳到主機裡去,這樣你就多了一個FallingLeaves002的模版了。

    (5)再改一下screenshot.jpg這個檔案,這樣使用者就可以使用這模版了。

    若您並不是要一個banner圖一種模版,而只是不要這麼多圖,你還是可以直接下載那模版檔案並上傳到主機去,將不要的圖檔(banner001.jpg~banner028.jpg)給刪除掉,留下您要的,這樣也是可以的。

    不知道我有沒有誤解您的意思,若有疑問,再請賜教!

    阿欣太可笑嘍

  18. 01/18,2006 | 20:53

    您做的很棒,有兩個問題想請教,第一是screenshot.jpg要怎麼做呢,第二個就是可否將您的28張圖片變成只有一張圖片,好讓我們只置換一張圖就好了,又或者不要那麼多張,我想推廣給其他同事,謝謝您。

  19. 01/06,2006 | 16:52

    不知道阿欣老師你有沒有看到我blog上的天文社群網誌,我正在想拉一些人進來,有沒有什麼教師有興趣的阿。 最近的計畫是想要慢慢的累積資料讓這裡變成跟以前的TAS天文網一樣,我也想辦法去聯絡TAS天文網的作者了,希望可以慢慢擴充。 我看過TAS的作者曾經寫過一篇兒童天文網的東西,我在想不知道你會不會有興趣來做,這樣我們可以搞一個kids.astronomy.tw,我想應該是還不錯的點子。目前astronomy.tw都是以往我的社團的朋友,且未來規劃的方向應該是往比較專業的路線走,所以小孩子可能不適合來參加我們的社群,我比較希望的是類似教師們來參加。 或許之後會來辦一些觀星活動之類的,以後再來想吧。 總之歡迎大家來參加天文社群囉。 順道一說,如果回應的話,看能不能回到我信箱,這樣我比較好即時的知道您的意見。謝謝。

  20. 01/06,2006 | 16:44

    呵呵,現在我才看到yung你的成果,很不錯喔。 <br>不過我會建議不要30秒更新一次,一來往下拉的讀者其實不會看到,一來其實這樣的作法會稍微吃點頻寬,其實只要每次進來看到不太一樣就夠囉。<br>不過,如果要更新的話,我剛突然想到也可以像相簿的照片切換一樣做一點淡出的效果,我想會更完美喔。