XE 공식 최근 게시물 위젯의 컬러셋 조절 및 제목-날짜 형식으로 재구성

git-svn-id: http://xe-core.googlecode.com/svn/trunk@2210 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
zero 2007-08-06 08:05:02 +00:00
parent 9271ef1857
commit 5eb6c939b1
3 changed files with 42 additions and 31 deletions

View file

@ -1,12 +1,17 @@
.latest { padding-bottom:15px; overflow:hidden; position:relative;}
.latest h2 { font-size:1em; display:block; height:21px; padding:9px 0 0 9px; margin-bottom:12px; color:#ffffff; background:url(../images/black/lineNotice.gif) no-repeat left bottom;}
.latest ul {}
.latest ul li { white-space:nowrap; height:21px; background:url(../images/black/bulletD0.gif) no-repeat left 5px; padding-left:10px; overflow:hidden;}
.latest ul li a { color:#818181; text-decoration:none; }
.latest ul li a:hover { text-decoration:underline; }
.latest ul li span.comment { color:#999999; font:.8em Tahoma; margin-left:.3em;}
.latest ul li span.date { color:#999999; font:.8em Tahoma; margin-right:5px;}
.latest ul li span.writer { color:#999999; font-size:.9em; margin-left:.3em;}
.latest .more { position:absolute; top:12px; right:11px; color:#818181; font:.8em Tahoma;}
.latest a.more { text-decoration:none;}
.latest a.more:hover { text-decoration:underline;}
.latest_black { width:100%; padding-bottom:15px; overflow:hidden; position:relative;}
.latest_black h2 { display:block; height:21px; padding:9px 0 0 9px; margin-bottom:12px; color:#ffffff; background:url(../images/black/lineNotice.gif) no-repeat left bottom; font-size:1em;}
.latest_black ul { }
.latest_black ul li { position:relative; height:21px; background:url(../images/black/bulletD0.gif) no-repeat left 5px; padding-left:10px; overflow:hidden; }
.latest_black ul li .title { position:relative; z-index:0; overflow:hidden; width:100%; white-space:nowrap;}
.latest_black ul li .title a { color:#818181; text-decoration:none; }
.latest_black ul li .title a:hover { text-decoration:underline; }
.latest_black ul li .title span.comment { color:#999999; font:.8em Tahoma; margin-left:.3em;}
.latest_black ul li .date { position:relative; z-index:1; }
.latest_black ul li .date span { background:#FFFFFF; position:relative; z-index:1; padding:3px 5px 3px 3px; text-align:right; float:right; top:-16px; _top:-18px; color:#999999; font:.8em Tahoma; }
.latest_black .more { position:absolute; top:12px; right:11px; color:#54564b; font:.8em Tahoma;}
.latest_black a.more { text-decoration:none;}
.latest_black a.more:hover { text-decoration:underline;}

View file

@ -1,12 +1,17 @@
.latest { padding-bottom:15px; overflow:hidden; position:relative;}
.latest h2 { font-size:1em; display:block; height:21px; padding:9px 0 0 9px; margin-bottom:12px; color:#000000; background:url(../images/white/lineNotice.gif) no-repeat left bottom;}
.latest ul { overflow:hidden; width:100%;}
.latest ul li { white-space:nowrap; height:21px; background:url(../images/white/bulletD0.gif) no-repeat left 5px; padding-left:10px; overflow:hidden;}
.latest ul li a { color:#555555; text-decoration:none; }
.latest ul li a:hover { text-decoration:underline; }
.latest ul li span.comment { color:#999999; font:.8em Tahoma; margin-left:.3em;}
.latest ul li span.date { color:#999999; font:.8em Tahoma; margin-right:5px;}
.latest ul li span.writer { color:#999999; font-size:.9em; margin-left:.3em;}
.latest .more { position:absolute; top:12px; right:11px; color:#54564b; font:.8em Tahoma;}
.latest a.more { text-decoration:none;}
.latest a.more:hover { text-decoration:underline;}
.latest_white { width:100%; padding-bottom:15px; overflow:hidden; position:relative;}
.latest_white h2 { display:block; height:21px; padding:9px 0 0 9px; margin-bottom:12px; color:#000000; background:url(../images/white/lineNotice.gif) no-repeat left bottom; font-size:1em;}
.latest_white ul { }
.latest_white ul li { position:relative; height:21px; background:url(../images/white/bulletD0.gif) no-repeat left 5px; padding-left:10px; overflow:hidden; }
.latest_white ul li .title { position:relative; z-index:0; overflow:hidden; width:100%; white-space:nowrap;}
.latest_white ul li .title a { color:#555555; text-decoration:none; }
.latest_white ul li .title a:hover { text-decoration:underline; }
.latest_white ul li .title span.comment { color:#999999; font:.8em Tahoma; margin-left:.3em;}
.latest_white ul li .date { position:relative; z-index:1; }
.latest_white ul li .date span { background:#FFFFFF; position:relative; z-index:1; padding:3px 5px 3px 3px; text-align:right; float:right; top:-16px; _top:-18px; color:#999999; font:.8em Tahoma; }
.latest_white .more { position:absolute; top:12px; right:11px; color:#54564b; font:.8em Tahoma;}
.latest_white a.more { text-decoration:none;}
.latest_white a.more:hover { text-decoration:underline;}

View file

@ -6,19 +6,20 @@
<!--%import("css/white.css")-->
<!--@end-->
<div class="latest">
<div class="latest_{$colorset}">
<!--@if($widget_info->title)-->
<h2>{$widget_info->title}</h2>
<!--@end-->
<ul>
<!--@foreach($widget_info->document_list as $oDocument)-->
<li>
<span class="date">[{$oDocument->getRegdate("Y-m-d")}]</span>
<a href="{$oDocument->getPermanentUrl()}#{$oDocument->getCommentCount()}">{$oDocument->getTitleText($widget_info->subject_cut_size)}</a>
<!--@if($oDocument->getCommentCount())-->
<span class="comment"><a href="{$oDocument->getPermanentUrl()}#comment">*{$oDocument->getCommentCount()}</a></span>
<!--@end-->
<span class="writer">- {$oDocument->getNickName()}</span>
<span class="title">
<a href="{$oDocument->getPermanentUrl()}#{$oDocument->getCommentCount()}">{$oDocument->getTitleText($widget_info->subject_cut_size)}</a>
<!--@if($oDocument->getCommentCount())-->
<span class="comment"><a href="{$oDocument->getPermanentUrl()}#comment">*{$oDocument->getCommentCount()}</a></span>
<!--@end-->
</span>
<span class="date"><span>{$oDocument->getRegdate("Y-m-d")}</span></span>
</li>
<!--@end-->
</ul>