華龍國小LifeType學習網

增加 TinyMCE 字體

上次去某校辦研習時，有老師問我，可不可以在文字編輯器上加上「標楷體」，當時回說：「現在還不行，你可以將文字放到word裡，選擇字型為標楷體後，再複製、貼上到文章上。」

剛好又有位于老師問這個問題，所以，我就來試試吧！改好了，看看吧！

「這是標楷體！」

修改方式：

修改 /js/tinymce/themes/advanced/editor_template.js

var nFonts='標楷體=標楷體,Andale Mono=andale mono,....

這樣就可以，這裡有我修改好的editor_template.js，需要的請自取囉！

editor_template.zip

LifeType1.1更新紀錄-1

記錄一下最近的LT1.1版的更新，等華龍部落格要改的、要加的弄得差不多後，就準備開始來更新中縣教網部落格了。

我是貴人，趕快做些記錄吧！

一、分頁功能：

這是LT1.1的新功能，可以在網誌的最下方顯示分頁。必須在main.template上加入

{pager style="links"}

但在中文語系下，用上一篇、下一篇來描述分頁似乎不太貼切，James在LifeType中文文件裡有這一篇「文章分頁」有詳細的說明與補充，將上面的語法改成

{pager style="links" previous="«上一頁" next="下一頁»"}

另外可以在模版的.css裡加上pager的css樣式

.pager {
clear:all;
text-align: center;
margin-bottom: 20px;
margin-top: 20px;
font-size: 12px;
padding-top: 10px;
padding-bottom: 10px;
}
.pager a, .pager a:link, .pager a:href, .pager a:hover {
text-decoration: none;
border: 0px;
}

.pager .pagerLinkPrevPage, .pagerLink, .pagerLinkNextPage{
padding: 2px 6px;
}

.pager .pagerLinkPrevPage{
margin-right:20px;
}
.pager .pagerLinkNextPage {
margin-left:20px;
}

.pager .pagerCurrent {
padding: 2px 6px;
border-color: #999;
font-weight: bold;
font-size: 13px;
vertical-align: top;
color: #FF0084;
}

二、刪除參觀人數的參數：

LT1.1裡已不再使用參觀人數的參數（{$blog->getViewedTotal()}），必須將這參數刪除，以免網誌無法正常顯示。

三、模版列表加上 Lightbox2 的效果

這模版列表的程式是James所寫的，之前已加進了華龍部落格，詳文請見之前的這一篇「LifeType 模版縮圖列表」，那天突然想到，試試看加上 Lightbox2 的效果，嗯！效果還不錯，不過得等這模版列表的網頁完全讀取完畢後，再按下縮圖，才能看到效果喔！

我改了什麼呢？你可以直接看看 show_template.txt 。

當然你必須先安裝Lightbox2 ，然後在show_template.php的<head></head>之間加上

<script type="text/javascript" src="./lightbox2/js/prototype.js"></script>
<script type="text/javascript" src="./lightbox2/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="./lightbox2/js/lightbox.js"></script>
<link rel="stylesheet" href="./lightbox2/css/lightbox.css" type="text/css" media="screen" />

然後將show_template.php裡的<a href=....></a>改成

<a rel=\"lightbox[roadtrip]\" title=\"模版名稱：$file\" href=$O_FILE >

大概就是這樣了。

四、移植樂多日誌及樂兒的模版：

那些模版檔案是Resnick 所製作的模版檔案，css樣式及圖片是取自樂多日誌及樂兒，詳文請見在中縣教網部落格的這兩篇「新增樂多日誌模版43套」、「新增樂兒colaccl.com模版18套」

不過LT1.1後，需做部分修改，例如：

刪除參觀人數的參數
main.template裡也需做部分修改（之前mail請教了Resnick）
需將

{assign var="postDate" value=$post->getDateObject()}
{if $prevDay != $postDate->getDay()}
<H2 class=date>{$locale->formatDate($postDate,"%B %d, %Y")}</H2>
{/if}
{assign var="prevDay" value=$post->getDay()}

改成

{assign var="postDate" value=$post->getDateObject()}
{assign var="postDateValue" value=$locale->formatDate($postDate,"%B %d, %Y")}
{if $prevDayValue != $postDateValue}
<H2 class=date>{$locale->formatDate($postDate,"%B %d, %Y")}</H2>
{/if}
{assign var="prevDay" value=$post->getDateObject()}
{assign var="prevDayValue" value=$locale->formatDate($postDate,"%B %d, %Y")}
加上分頁功能及分頁的css樣式

OK!我移植的模版在這裡，需要的人自己拿去用吧！

四、修改摘要的名稱：

有人告訴我「摘要」這名稱不太直覺，所以將中文語系檔中「摘要」這名詞修改成「華龍部落格」。

五、修改摘要頁的外觀

六、進行中的事：

將所有模版加上迴響驗證、最近迴響的語法，讓華龍部落格使用者只要去啟動這兩個外掛，就可以在版面上顯示，同時在模版上統一加上一些華龍部落格（摘要）、管理面版等連結。

迴響驗證語法：（修改commentform.template）

{if !empty($authimage)}
{if $authimage->isEnabled()}
迴響驗證:
<input id=url name="authImage" id="authImage" value="" /> {$authimage->show()}
{/if}
{/if}

最近迴響語法： (修改panel或footer或links的template檔案)

{if !empty($recentcomments)}
{if $recentcomments->isEnabled()}
{$locale->tr("recentcomments")}

{assign var=comments value=$recentcomments->getRecentComments()}
{foreach from=$comments item=comment}
{assign var=commentpostid value=$comment->getArticleId()}
{assign var=commentpost value=$recentcomments->getArticle($commentpostid)}

{$comment->getUsername()}:<a class=aside title="View comments by {$comment->getUsername()}" href="{$url->postPermalink($commentpost)}#{$comment->getId()}">{$comment->getText()|strip_tags|truncate:100:"..."|regex_replace:"/http:[^ ]+/":"http://"}</a><br />

{/foreach}

{/if}
{/if}

一些連結：

<li><a href="{$url->getBaseUrl()}/summary.php">{$locale->tr("summary")}</a></li>
<li><a href="{$url->blogLink()}">{$locale->tr("main")}</a></li>
<li><a href="{$url->getAdminUrl()}" >{$locale->tr("dashboard")}</a></li>
<li><a href="{$url->albumLink()}">{$locale->tr("albums")}</a></li>

修改TinyMCE為中文語系

在LifeType1.1版裡，文字編輯器已由Htmlarea更改為TinyMCE，不過在LT1.1裡的TinyMCE並未包含中文語系檔，所以自己動手去TinyMCE官網下載了zh_tw_utf8的語系檔回來使用。

修改方式：

1.修改/js/tinymce/tiny_mce-plog.js，在裡頭加上

language : "zh_tw_utf8",

2.到TinyMCE download下載zh_tw_utf8語系檔，將那些 zh_tw_utf8.js放進目錄內。

3.修改一些字型大小：
修改js/tinymce/themes/advanced/css/ 下的三個.css檔（可參考lss 的「調整 TinyMCE 編輯區的字型大小」這一篇）。

OK！我修改後的檔案在這裡，需要的請自行下載來用吧！

tinymce.zip

修正 smileys 外掛的錯誤

在LifeType1.1版裡使用smileys(表情符號)，會發生錯誤，參考論壇上的這一篇「smileys 出错」解決問題。

修改 smileys/pluginsmileys.class.php，將

$rg = $blogInfo->getBlogRequestGenerator();

改成

$rg =& RequestGenerator::getRequestGenerator( $blogInfo );

華龍部落格更新到LifeType 1.1版

華龍部落格已更新到LifeType1.1版。

這次的更新，有比較多的新功能，在華龍部落格裡，還有許多我想修改的地方，那就慢慢地來改囉！

華龍的Blogger們，假如您的網誌有使用自訂模版，假如看起來怪怪的，煩請通知我，我再來幫你看看囉！

至於以前的那些樂多模版，等我改好後，再放上來囉！

發表文章時如何圖文並列？

發表文章時如何圖文並列？這是 lulu 問我的問題，先看看結果吧！

等待成一朵蓮
將前世今生的思念都沈澱
你像蓮上的微風一現　
掀起我心海裡波濤狂癲

等待成一朵蓮
靜靜伴著你共渡良辰歲月
紅塵滄桑不再染指心間　
縱有悲喜也是在轉瞬間

等待成一朵蓮　等待成一朵蓮
兀自開落在繽紛大千
晨光裡風姿無限　它挺立在水面
向晚時轉瞬　人也不見　花也不見

等待成一朵蓮
卻不在意你是否會再出現
當秋風送走暖暖的天　
我的美麗只有自己疼憐

怎麼做？（這裡使用的文字編輯器為TinyMCE，若文字編輯器為lifetype預設的Htmlarea，請看阿欣部落@tcc的說明）

1.圖片先上傳到檔案中心
2.輸入你的文字
3.將游標移到你的文字內容的第一個字前
4.按下「插入資料夾裡的檔案或圖片」，插入你要的圖片
5.用滑鼠點選你剛剛插入的圖片
6.按下「插入或編輯圖檔」，將跳出的視窗裡的「垂直對齊」選項選擇「左」
另外下圖中還可以調整圖片的水平及垂直間距。

這樣你的圖片就會在文字的左邊了。

同理，若圖片要顯示在文字的右邊，上面的「垂直對齊」選項就選擇「右」就可以了。

另一個方式也可以使用「插入新表格」的方式來做，有興趣的試試看囉！

使用 Bad Behavior2 擋 spam

看到Mark的這一篇「Bad Behavior 2 與 LifeType」，昨晚把程式放進了華龍部落格與中縣教網部落格。

哇！真的很有效喔！

在12的小時裡，華龍部落格裡檔下了300多筆spam（本來應該會有更多筆spam，因為看到某個IP一直送spam，我乾脆直接用學校的防火牆將該IP完全擋掉）。

在中縣教網部落格上，12個小時，就檔下了1萬多筆spam，真是太棒了。

安裝步驟

下載mark包好的 90-bad-behavior-2.0-beta1.zip
將它解壓縮到 LifeType 的根目錄

1.0 請修改 index.php、trackback.php、error.php 與 blog.php，而 1.1 只要修改 index.php、error.php 與 blog.php 就可以。

if (!defined( "PLOG_CLASS_PATH" )) {
        define( "PLOG_CLASS_PATH", dirname(__FILE__)."/");
    }

加入

    // Bad Behavior Check
    include_once( PLOG_CLASS_PATH."bad-behavior-lifetype.php" );

就可以了。

進縣網部落格主機去看資料庫，從2004-09-15到現在，光是trackback的資料就有12多萬筆，可是其中真正的trackback（引用）卻不到100筆，其他的全是垃圾引用。

雖然Bad Behavior 2檔下了很多spam，當然還是有許多漏網之魚。
以華龍部落格裡的trackback來說，這12小時內，只有一筆spam未檔下。

但在中縣教網部落格裡的trackback，12個小時內還是有近3000筆spam未檔下。

不過，已經相當不錯了。

看到 Bad Behavior2原作者 Michael Hampton 已在Mark那裡留言說下一版的 Bad Behavior2將會整合進LifeType，也期待下個版本能有更好的阻擋效果。

感謝 Michael Hampton 的原始程式，也感謝 Mark 將Bad Behavior 2整合進LifeType裡。

此外，呼應Mark的「贊助 Michael」，我呢，也想試試PayPal怎麼使用，所以呢，我就贊助了Michael一點點小錢。當然也收到了Michael 的回信

Thank you for your support.

I plan to have the Bad Behavior plugin for LifeType integrated into the next release.

希望下一版本的Bad Behavior2能有更大的發展空間與更好的阻擋效果。

LifeType 模版縮圖列表

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

系統更新到1.0.5版

這次的更新最主要是修正LifeType被發現有一個 SQL Injection（資料隱碼）的 Bug，對一般使用者沒什麼太大影響。

詳細資料詳見 LifeType 中文開發日誌-「重要安全性修補：LifeType 1.0.5 釋出」

lifetype 使用者註冊問題

這星期到日南國中辦理部落格研習，有位老師在中縣教網的公務帳號裡有個「_」的字元，所以一直無法在中縣教網部落格完成註冊。

看了hami老師的這一篇「lifetype 使用者註冊問題」，也詢問了hami老師，剛剛在學校裡測試後，應該可以解決這問題了，下次再請那位老師重新註冊。

為了可以讓申請者和台中縣網既有的 LDAP 帳號做整合，所以hami老師修改過LifeType的認證方式。

在LifeType裡，原本的使用者帳號僅能有「 A-Z a-z 0-9」等字元，但在台中縣網的公務帳號裡，使用者的帳號有「-」或「_」等字元，所以若有這些字元的帳號，在註冊中縣教網部落格時，都會發生錯誤而無法完成註冊。

所以只要修改
class/data/validator/usernamevalidator.class.php

將其中

define( "ONLY_ALPHANUMERIC_REGEXP","^([A-Za-z0-9]*)$" );

加上

~~define( "ONLY_ALPHANUMERIC_REGEXP","^([A-Za-z0-9＼-_]*)$" );~~
define( "ONLY_ALPHANUMERIC_REGEXP","^([A-Za-z0-9＼_-]*)$" );
(95/09/19 update)

ps:修改時，上面的「＼」要改成半形符號。

這樣若公務帳號裡有「-」或「_」這些字元的帳號，就可以完成註冊了。