LifeType 中文開發論壇

開發 => 模版設計精華區 => 主題作者是: james 於 四月 13, 2005, 02:01:15 下午


主題: [模版] LiteWinter for pLog 1.0
作者: james 於 四月 13, 2005, 02:01:15 下午
新設計了一個模版。符合XHTML與CSS規範。
已經收錄到plog 在sourceforge的下載

模版下載： LiteWinter.zip (http://stu.dhjh.tp.edu.tw/plog//resserver.php?blogId=41&resource=978-LiteWinter.zip) SourceForge下載 (http://prdownloads.sourceforge.net/plog/LiteWinter.zip?download)[更新日期：8/1]

測試結果在 IE 和 FF 下均正常顯示。
如果有其它的建議或問題，可以利用展示網誌的迴響反應，或是在這發文告訴我囉  :-)

James.

主題: [模版] LiteWinter for pLog 1.0
作者: markwu 於 四月 14, 2005, 11:12:48 上午
不錯喔，我喜歡！而且很簡潔。

Mark

主題: [模版] LiteWinter for pLog 1.0
作者: reic 於 四月 15, 2005, 01:15:34 下午
簡潔美，   很棒說..

主題: [模版] LiteWinter for pLog 1.0
作者: Peter 於 四月 15, 2005, 07:10:53 下午
這個模版爆讚的啦!
 ;-)

主題: Re: [模版] LiteWinter for pLog 1.0
作者: hufun 於 四月 18, 2005, 08:13:19 下午
template中
有一個部份語法有錯誤因此include不出檔頭
好像是post.template
少了一個{

喔對了找到了
引用那邊
include file="$blogtemplate/header.template"}
少了一個
{
應該是
{include file="$blogtemplate/header.template"}

主題: Re: [模版] LiteWinter for pLog 1.0
作者: james 於 四月 18, 2005, 08:54:06 下午
感謝你的提醒囉 ^^
不過是在posttrackbacks.template中
我會把檔案更新的 ^_^
再次感謝囉 :-)
引用自: hufun
template中
有一個部份語法有錯誤因此include不出檔頭
好像是post.template
少了一個{

喔對了找到了
引用那邊
include file="$blogtemplate/header.template"}
少了一個
{
應該是
{include file="$blogtemplate/header.template"}

主題: Re: [模版] LiteWinter for pLog 1.0
作者: hufun 於 四月 19, 2005, 02:59:12 下午
引用自: james
感謝你的提醒囉 ^^
不過是在posttrackbacks.template中
我會把檔案更新的 ^_^
再次感謝囉 :-)
引用自: hufun
template中
有一個部份語法有錯誤因此include不出檔頭
好像是post.template
少了一個{

喔對了找到了
引用那邊
include file="$blogtemplate/header.template"}
少了一個
{
應該是
{include file="$blogtemplate/header.template"}

不客氣

主題: [模版] LiteWinter for pLog 1.0
作者: darkhero 於 四月 19, 2005, 07:05:27 下午
這個模板真的很棒.....

馬上拿來用..^_^...讚!!

主題: 我怎么DOWN不下来
作者: 安.媚媚猫 於 八月 01, 2005, 02:25:38 下午
我怎么DOWN不下来

主題: Re: 我怎么DOWN不下来
作者: james 於 八月 01, 2005, 10:14:16 下午
引用自: 安.媚媚猫
我怎么DOWN不下来

抱歉囉 :-P 是我的錯，我更新檔案卻忘了把連結也一併更新.
現在已經更新連結了，你可以使用上面的連結下載來使用.

James :-)

主題: [模版] LiteWinter for pLog 1.0
作者: Eji 於 八月 04, 2005, 04:44:08 上午
to james:

我非常喜歡這個模版的風格，已經用了一段時間....
也自己試著加了一些功能上去。

不過最近有點毛病：
我剛把Recent Comments這個 plug-in加到這個模版裡面，
然後只要回應裡面有url，就會出現一些顯示不正常的狀況，
如標題的最後一個字會重複、
或者是 Recent Commets 右邊的邊框會在旁邊多出一條來，
然後URL整個顯示超出 邊框之類的狀況。

只要近期列出的迴響裡面沒有URL就沒事；
但是如果開頭就是URL，不管迴響顯示長度設為多長，
都是直接顯示整條，然後問題就會出現。

此外，這個問題目前看來僅限於IE；FireFox沒有。
我列一下我自己寫上去的Recent Commets程式碼，還請不吝指教。

程式碼:
panel.template：
		<!--Recent Articles-->
(恕刪)

		<!--Recent comments-->
			{if $recentcomments->isEnabled()}
				<div class="blockTitle">Recent comments</div>
				<div class="blockContent">
					<div align="center">
				    {assign var=comments value=$recentcomments->getRecentComments()}
					{foreach from=$comments item=comment}
						<div class="Item">
						{assign var=commentpostid value=$comment->getArticleId()}
						{assign var=commentpost value=$recentcomments->getArticle($commentpostid)}
							<a title="View comments by {$comment->getUsername()}" href="{$url->postPermalink($commentpost)}#{$comment->getId()}"><b>{$comment->getUsername()}:</b>{$comment->getText()|truncate:100:"..."|strip_tags|escape}</a>
						</div>
					{/foreach}
					</div>
				</div>
			 <div class="blockFooter">&nbsp;</div>         
			{/if}

主題: [模版] LiteWinter for pLog 1.0
作者: james 於 八月 04, 2005, 08:35:38 上午
引用自: Eji
to james:

我非常喜歡這個模版的風格，已經用了一段時間....
也自己試著加了一些功能上去。

不過最近有點毛病：
我剛把Recent Comments這個 plug-in加到這個模版裡面，
然後只要回應裡面有url，就會出現一些顯示不正常的狀況，
如標題的最後一個字會重複、
或者是 Recent Commets 右邊的邊框會在旁邊多出一條來，
然後URL整個顯示超出 邊框之類的狀況。

只要近期列出的迴響裡面沒有URL就沒事；
但是如果開頭就是URL，不管迴響顯示長度設為多長，
都是直接顯示整條，然後問題就會出現。

此外，這個問題目前看來僅限於IE；FireFox沒有。
我列一下我自己寫上去的Recent Commets程式碼，還請不吝指教。

程式碼:
panel.template：
		<!--Recent Articles-->
(恕刪)

		<!--Recent comments-->
			{if $recentcomments->isEnabled()}
				<div class="blockTitle">Recent comments</div>
				<div class="blockContent">
					<div align="center">
				    {assign var=comments value=$recentcomments->getRecentComments()}
					{foreach from=$comments item=comment}
						<div class="Item">
						{assign var=commentpostid value=$comment->getArticleId()}
						{assign var=commentpost value=$recentcomments->getArticle($commentpostid)}
							<a title="View comments by {$comment->getUsername()}" href="{$url->postPermalink($commentpost)}#{$comment->getId()}"><b>{$comment->getUsername()}:</b>{$comment->getText()|truncate:100:"..."|strip_tags|escape}</a>
						</div>
					{/foreach}
					</div>
				</div>
			 <div class="blockFooter">&nbsp;</div>         
			{/if}


Hi Eji:

我試著模擬你的狀況.

但是在我這是正常的。

我不確定我的模擬方法對不對，如果方便的話，直接看你的blog應該會更清楚問題在那裡.

James.

主題: [模版] LiteWinter for pLog 1.0
作者: Eji 於 八月 04, 2005, 02:43:42 下午
引用自: james

Hi Eji:

我試著模擬你的狀況.

但是在我這是正常的。

我不確定我的模擬方法對不對，如果方便的話，直接看你的blog應該會更清楚問題在那裡.

James.


其實我以為直接看blog沒有幫助....
如果您願意的話那就最好不過。

http://www.lovehinaplus.com/blog/index.php?blogId=2

主題: [模版] LiteWinter for pLog 1.0
作者: markwu 於 八月 04, 2005, 04:29:56 下午
我要是說這樣是『正常』的，可能又會被念了！

這個模版的設計，可以看到他是把這些圖形放在背景，然後前面是用 CSS 來設定。

1. 這個部分的 class 是 blockcontent, 因為你的字超出了設定的範圍，所以他的background 就往右邊重複了，你才會看到那條線。至於為什麼 IE 會而 FF 不會，這是因為 IE 跟 FF 對 margin control 不同的原因。

2. 我建議你把 truncate 再設小一點，這樣就沒問題了。如果你真的要顯示全文，或是希望多顯示一點，那把迴響放到 title 中吧。這樣只有當滑鼠停在上面，才會秀出全文，或是長一點的文章。

引用
<div class="Item">
{assign var=commentpostid value=$comment->getArticleId()}
{assign var=commentpost value=$recentcomments->getArticle($commentpostid)}
<a title="View comments by {$comment->getUsername()}" href="{$url->postPermalink($commentpost)}#{$comment->getId()}"><b>{$comment->getUsername()}:</b>{$comment->getText()|truncate:30:"..."|strip_tags|escape}</a>
 </div>


Mark

主題: [模版] LiteWinter for pLog 1.0
作者: Eji 於 八月 05, 2005, 03:38:56 上午
引用自: markwu
我要是說這樣是『正常』的，可能又會被念了！


為什麼會被念啊.... (H)

總之mark，感激不盡。
我現在了解問題成因、也知道解法、並且順利解決了。
沒有比豁然開朗更爽的了....

主題: 很棒的模版..
作者: Tony 於 八月 05, 2005, 11:18:15 上午
簡潔輕爽， 很棒..
使用中 ...

Tony

http://blog.no99.idv.tw

主題: Re: [模版] LiteWinter for pLog 1.0
作者: lazyhome 於 七月 15, 2006, 10:10:00 上午
這個模版我用很久了 ...
但有個問題我最近才解決 ......
在ie下 ...
有一個地方會怪怪的 ...用firefox是正常的 ....
所以改一下style.css就ok了 .....

在首頁是看不出來 ~ 但進入靜態網址連結就有問題了 ....

在文章內容的那個block中，左邊的border會不見 .....
我最近才搞好 ......

修改css ...

#content {
   margin:10px 10px 0 200px;
   position:relative;
   padding:3px;
   text-align:left;
}

改成

#content {
   margin:10px 10px 0 210px;
   position:relative;
   padding:3px;
   text-align:left;
}

因為在ie下，<div id=content>的左邊邊界設太小了，
會被左邊的<div id=sidebar> 給蓋住，
使得<div id=Article_body> 左邊border會被檔住 ...
所以只要把margin-left設大一點就ok了！

主題: Re: [模版] LiteWinter for pLog 1.0
作者: james 於 七月 15, 2006, 11:44:16 下午
To lazyhome:
感謝囉 ^_^ 下一個版本會一併修正的 ^_^

James.

主題: Re: [模版] LiteWinter for pLog 1.0
作者: 文灿 於 一月 21, 2007, 02:40:45 下午
感谢
正在下……


Powered by SMF 1.1.6 | SMF © 2006-2008, Simple Machines LLC