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 下午
感谢
正在下……