華龍國小LifeType學習網

LifeType 模版縮圖列表

Published on 06/10,2006

James寫的這一篇「LifeType 模版縮圖列表程式碼下載」,可以將LifeType裡所有的(不包含個人網誌模版)模版縮圖顯示出來,這樣使用者就可以很容易地看到系統裡所有的模版縮圖,這真是一個很棒的功能。

James很大方地分享了這個程式碼,我也將它使用在我們的華龍部落格上, 看看「華龍部落格模版列表」,很不錯吧!

同時我也將這模版列表的連結放在華龍部落格摘要頁上面了。 

 

但是,使用James原本的檔案,在我這裡會有一些縮圖背景顏色及模版名稱顏色的問題(可能是GD版本的問題吧!),自己瞎摸,東拼西湊的改了改一些東西,也到論壇上問了James,看起來應該解決了。

安裝步驟,請看James寫的文章「「LifeType 模版縮圖列表程式碼下載」」,底下我寫寫我改了哪些東西。

1.imgthumb.php裡

//先建立一個底色為白色的縮圖,如果要讓縮圖的底色不同,請自行修改下面$white中的三個255,將它改成你想要的顏色值。
$dst_img = ImageCreatetruecolor($im_W, $im_H);
$white = imagecolorallocate($dst_img, 255, 255, 255);
imagefill($dst_img, 0, 0, $white);
在我這裡的環境下,這裡若用  ImageCreatetruecolor ,它似乎會建立一個 black image,所以就無法透過修改
$white = imagecolorallocate($dst_img, 255, 255, 255);

裡的(255,255,255--白色)來改變模版背景顏色(底色一直為黑色),我改以 ImageCreate 函式,就OK!

同時我希望改成背景色為灰色

所以在我這裡的這一段程式碼為

//先建立一個底色為白色的縮圖,如果要讓縮圖的底色不同,請自行修改下面$white中的三個255,將它改成你想要的顏色值。
$dst_img = ImageCreate($im_W, $im_H);
$white = imagecolorallocate($dst_img, 240, 240, 240);
imagefill($dst_img, 0, 0, $white);

2.imgthumb.php裡

// 將原圖複製、調整尺寸,再貼在新圖上
ImageCopyResized($dst_img, $src_img, 10, 10, 0, 0, $new_W, $new_H, ImageSX($src_img), ImageSY($src_img));

//貼上模版檔名文字
$text1 = $file; // 模版檔名

// 設定模版檔名文字顏色
$red = imagecolorallocate($dst_img,255,64,255);

上面紅色的部分是設定模版檔名的文字顏色,在我這裡一樣無法改變文字的顏色,文字的顏色會以該模版的背景顏色為顏色。同時我希望模版檔名的文字顏色為黑色。

自己亂試亂試地,發覺只要將上面紅色那一段程式碼往上提,就可以改變文字顏色了,至於為什麼會這樣,我也不知道了好糗呀

底下是我目前的設定。

// 設定模版檔名文字顏色
$red = imagecolorallocate($dst_img, 0, 0, 0);

// 將原圖複製、調整尺寸,再貼在新圖上
ImageCopyResized($dst_img, $src_img, 10, 10, 0, 0, $new_W, $new_H, ImageSX($src_img), ImageSY($src_img));

//貼上模版檔名文字
$text1 = $file; // 模版檔名

3.在show_template.php裡加上一段css,以便將縮圖往左上提高並產生外框

這一段css是修改自這一篇「CSS Drop Shadows」,原本是為了產生圖片陰影,不過我這裡並沒有全部使用它來產生陰影(使用這CSS Drop Shadows的效果可以看看華龍老照片),只使用了一半,讓縮圖往左上提高並產生外框。

另外,原本這一段css我是加在/style/summary.css裡,不過,這樣還要修改到LifeType本身的檔案,所以我把它改放在 show_template.php(放在 </head>之前)裡,這樣就不影響了。

<style type="text/css">
.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px 4px 10px 4px;
  margin: -6px 6px 6px -6px;
</style>

 再來修改show_template.php裡的一些東西,

     <div id="content" >
                <div id="onecolumn" >
<div class="img-shadow">
<?
if ($handle = opendir('./templates/')) {
 略....
if (is_file($img_path)) {
 $O_FILE = "templates/".$file."/screenshot.jpg";
   echo "<li style="display:inline;background-color: #DDD;float:left;border:0px dashed #ddd 略...
 略...
   closedir($handle);
}
?>
</div>
</div>

  • 加上 <div class="img-shadow"> </div>
  • 加上 background-color:#DDD;
  • 修改 border=0px;(由1改成0)

上面的background-color:#DDD;所指的顏色就是縮圖後面的陰影顏色。

大概就是改了這些東西吧!假如有人也想試試看,我也把我修改後的檔案放在這裡

lt_template_snap_new.zip

 另外也放一份James原本的檔案,分流(備份)一下

lt_template_snap.zip


Leave a Reply

Comments

  1. 03/09,2008 | 18:33

    又來麻煩了。

    在IE上直接列印網誌,套用您之前發表過的模版(28張圖的那個),最上面的圖片都可以列印出來。可是其他的模版都不行,上面一片空白,去網路上找了其他的模版,幾乎都是這樣。我有試改了一個模版,還是不行。需要提供那些資料嗎?

    可以列印出來的http://140.111.107.2/blog/index.php?blogId=37

    不行的http://140.111.107.2/blog/index.php?blogId=59

    樂多的,也全部不行。http://140.111.107.2/blog/index.php?blogId=58

    貴校興香部落--可以的http://plog.hlps.tcc.edu.tw/plog/11

    又要讓您傷腦筋了,下次如果有空道宜蘭的話,可以來我家玩。0920536012

     

  2. 05/12,2007 | 01:37

    (啊!好久沒來這網誌看看了,小彭老師,不好意思喔!)

    1.建議將網誌升級到1.2.1,最新建立的網誌就不會使他顯現了,而且效能也會提升非常多。
    參考一下我的這一篇「 華龍部落格升級到LifeType1.2版

    2.關於垃圾迴響,由於1.2版後已內建badbehavior,若再加上迴響驗證的外掛,以我這邊來說,垃圾迴響已經很少出現了,所以還是建議你升到1.2.1版去。

    那現在的垃圾迴響或垃圾引用怎麼去清除呢?
    比較快的方式,就是直接以phpMyAdmin進資料庫去刪除掉會比較快啦!不過缺點是,在網誌上雖然看不到那些被刪除掉的垃圾迴響,但網誌上的迴響數目,是不會改變的。

    若要同時迴響文章的數字也被改變,那只能由網誌作者進管理後台後再刪除,才能完成了。

  3. 04/27,2007 | 19:54

    非常抱歉,因為lifetype密碼遺失,想起宗欣老師是非常熱心的,所以在此請教。

    1.請問在summary中出現的最新建立的網誌要如何使他不顯現呢?我的模版是下載http://phys.idv.tw/plog/index.php?op=ViewArticle&articleId=159&blogId=1的樂多三欄式 summary 模版

    2.有沒有什麼辦法能夠使系統管理者去刪除各個網誌的垃圾迴響呢?我指的是不用使用的老師幾筆幾筆刪。

    謝謝您了。

  4. 02/08,2007 | 09:12

    小彭老師恭喜你解決囉!

  5. 02/07,2007 | 22:03

    已解決,少放了GD。

  6. 02/05,2007 | 17:26

    阿欣老師:又來麻煩您了

    因為忘記您的mail,只好用此一方式,希望您能解答。

    1.我將原先架在fedora4中的lifetype改到如新竹縣網的fedora5中,http://apt.nc.hcc.edu.tw/...tudent_server_FC5.html

    所有功能都正常,只有圖片顯示功能中的小圖出不來,請問有可能是什麼原因,大圖及中圖都正常。

    示範網址如下,先謝謝您了。

    http://140.111.107.2/blog/index.php?blogId=37

  7. 01/10,2007 | 15:21

    謝謝阿欣老師耐心解答,

    1.我的版是架設在外國主機
    (商業主機是否多數都有GD2及php-gd的功能[或支援?])
    2.因life type不是我安裝的,有些細節不清楚,真的非常抱歉,資料不足還跑來向您詢問: P

    再請教,如您所說,目前這樣不能顯示,可能是與另一位chung屬GD2及php-gd的問題,

    那麼...
    a.是否就不適合用此方法來建立自己的模板列表?
    b.我若想要有個模板列表,是不是就要自己做一個模板介紹?(朝這方向這樣作會很蠢嗎^.^)
    您是不是還有其他的方法,可以參考的呢?

    謝謝您的時間

  8. 12/29,2006 | 15:59

    1.譬如你要上傳個目錄名稱為「aaa」的模版,你必須先把這「aaa」目錄壓縮成「aaa.zip」,然後上傳,這樣就可以了。

    若你把目錄名稱為「aaa」的模版壓縮命名為「bbb.zip」,因為bbb的名稱跟aaa不同,就會出現"模版檔案必須放在與模版同名的目錄當中"的訊息了。

    2.上面的程式碼並不是lifetype內建的功能,是James自己做的檔案,上面可以直接下載我的或James的檔案,下載後要放在/lifetype目錄下。當然啦,你若要將這功能顯示在summary摘要頁上,你還必須自己去改一下summary的模版了。

  9. 12/28,2006 | 22:37

    阿欣老師你好,謝謝你幫我解答,但還是有一些問題:1.我試著在說明工具中把unzip_use_native_versin打勾,然後在新增模板試看看,結果雖然沒有出現"在解壓縮時發生錯誤"的訊息,但卻出現"模版檔案必須放在與模版同名的目錄當中"的訊息,請問還必須做許些什麼呢??2.還有上列一些程式碼的更改請問如何更改,要到哪裡更改阿??謝謝!!我的作業系統是window xp,life type的版本是1.0.6

  10. 12/27,2006 | 23:45

    To she30:
    參考一下我之前回覆給chung的留言
    1.檢查檔案是否有不小心更改過。
    2.由於這檔案有使用到GD2的函數,檢查一下那台電腦是否有安裝GD2及php-gd。

    To wwfnw01234:
    你的作業系統是什麼呢?
    你上傳時除了那個"在解壓縮時發生錯誤"的訊息之外,還有顯示其他錯誤訊息嗎?

    就我所知這樣的問題大概就是「權限問題」
    看看template目錄是否可以寫入,你可以參考看看論壇上這一篇討論

    關於解壓縮工具的部分,你可以看看這一篇討論

    另外假如你是管理員,你也可以試試直接將模版上傳到templates目錄下,然後再去「新增網誌模版」/「掃瞄模版」,這樣就可以了。

  11. 12/27,2006 | 21:22

    阿欣老師你好,我是剛學life type的新手,想問一個問題就是我在新增網誌模板時,為啥都無法成功??他總是出現"在解壓縮時發生錯誤"的訊息,但我無論試幾個模組都是出現這種訊息,我是不是少做哪些步驟??或是跟檔案的路徑有關??大哭

  12. 12/27,2006 | 20:03

    您好
    我照您的教法做了背景很漂亮

    但模組列表的圖片無法顯示http://www.she30.com/lifetype/show_template.php

    您是否知道是哪兒沒修改到 ?
    我該提供哪一段程式碼給您幫忙看?

    謝謝板主

  13. 12/05,2006 | 12:08

    阿欣老師:

     謝謝您!!

  14. 12/04,2006 | 01:34

    chung老師:
    我不太清楚為什麼?不過您可以試試
    1.檢查檔案是否有不小心更改過。
    2.由於這檔案有使用到GD2的函數,檢查一下那台電腦是否有安裝GD2及php-gd。

    阿欣

  15. 12/03,2006 | 11:45

    阿欣老師您好:

     自從安裝了學校的教師部落格之後,一些安裝的問題常可到您的

    部落格找到答案,您的用心使個人受益匪淺。

    如今安裝模板縮圖列表卻無法顯示縮圖不知是何原因,或那裡沒有注意

    到可否告知謝謝!

    另一個學生部落格卻沒有這個問題。(兩台server環境一樣)

  16. 08/20,2006 | 03:16

    抱歉..因為這裡沒有留言版..
    所以借用這個回應問個和這主題不太相關的問題..

    我使用almost-spring模版時..
    當我點選文章之後..
    右側的月曆的字型會變大..
    可是我參觀過貴國小有使用almost-spring模版的blog..
    卻沒有這問題..
    請問一下..
    您是否有針對這問題作修改呢?
    這問題苦惱了我很久..
    該如何解決呢..

    (真是抱歉打擾了...XD)

  17. 06/12,2006 | 13:25

    James:
    別客氣啦!你要先多寫些,我才能多玩一些新東西呀!

  18. 06/11,2006 | 17:21

    To 阿欣學長:
    你寫得真是詳細阿 ^_^
    我把你的CSS部份,借回去用囉 ^_^
    謝啦!!
    James.