Giúp e sửa cái EWRblock_RecentNews

tranthanhnam · 21/11/14

Mình không biết css, bạn sửa giúp mình cái EWRblock_RecentNews. Copy của stykle khác về nó lại thay ảnh các vị trí không dồng nhất cới style đã có. Cái ảnh của bài viết nó lại nằm ở góc, portal gốc đây, mình muốn sửa nó giống như ảnh minh họa cho cái ảnh nằm trên nội dung tin, và kích thước to lên một tí, đẩy hết văn bản xuống hàng:
Untitled

Đây là EWRblock_RecentNews của style:

Mã:

<xen:require css="message_user_info.css" />[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)]<xen:require css="bb_code.css" />[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)]<xen:require css="EWRblock_RecentNews.css" />[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)][/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)]<div id="recentNews">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:foreach loop="$RecentNews" value="$news">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <div class="section sectionMain recentNews" id="{$news.thread_id}">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)][/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <div class="primaryContent {xen:if {$option.leftdate}, 'leftDate'}">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <div class="subHeading">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <div style="float: right; white-space: nowrap;">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <a href="{xen:link threads, $news}"><xen:datetime time="$news.promote_date" /></a>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:if is="{$visitor.permissions.EWRporta.canPromote}">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)]   (<a href="{xen:link 'threads/edit', $news}" class="OverlayTrigger">{xen:phrase edit}</a>)[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </xen:if>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </div>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)][/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <h2><a href="{xen:link threads, $news}" class="newsTitle">{xen:helper threadPrefix, $news}{$news.title}</a></h2>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </div>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)][/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <div class="newsDate secondaryContent">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <div class="newsMonth heading">{$news.month}</div>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <div class="newsDay">{$news.day}</div>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </div>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)][/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:if is="{$news.promote_icon} != 'disabled'">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:if hascontent="true">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <div class="messageUserBlock">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <div class="avatarHolder">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:contentcheck>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:if is="{$news.attach}">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <a href="{xen:link threads, $news}"><img src="{$news.attach.thumbnailUrl}" alt="{$news.attach.filename}" /></a>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:elseif is="{$news.medio}" />[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <div style="background: url('{xen:helper medio, $news.medio}') no-repeat;">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <a href="{xen:link 'full:media/media/popout', $news.medio}" class="OverlayTrigger"><img src="styles/8wayrun/EWRmedio_play.png" width="160" height="90" /></a>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </div>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:elseif is="{$news.image}" />[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <a href="{xen:link threads, $news}"><img src="{$news.image}" alt="{$news.image}" style="max-height: 150px; max-width: 150px;" /></a>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:else />[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:avatar user="$news" size="m" itemprop="photo" />[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </xen:if>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </xen:contentcheck>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </div>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </div>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </xen:if>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </xen:if>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)][/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <div class="messageContent baseHtml">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <div class="postedBy">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <span class="posted iconKey"><div class="sticky"></div>{xen:phrase by_x_at_y,[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] 'user=<a href="{xen:link members, $news}" class="username">{$news.username}</a>',[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] 'date=<a href="{xen:link threads, $news}">{xen:time $news.post_date, 'absolute'}</a>'}</span>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <span class="views">({xen:number $news.view_count} {xen:phrase views} / {xen:number $news.first_post_likes} {xen:phrase likes})</span>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <span class="comments iconKey"><div class="new"></div><a href="{xen:link threads/unread, $news}">{xen:number $news.reply_count} {xen:phrase comments}</a></span>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </div>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)][/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <div class="newsText">{xen:raw $news.messageHtml}</div>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <div class="clearFix"></div>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </div>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)][/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <div class="sectionFooter">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:if is="{$option.social}">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:if hascontent="true">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <div class="sharePage">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:require css="share_page.css" />[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)][/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:contentcheck>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:hook name="recentnews_share_page_options" params="{xen:array 'url={xen:link canonical:threads, $news}'}">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:if is="{$xenOptions.tweet.enabled}">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <div class="tweet shareControl">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <a href="http://twitter.com/share" class="twitter-share-button"[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] data-count="horizontal"[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] data-lang="{xen:helper twitterLang, $visitorLanguage.language_code}"[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] data-url="{xen:link canonical:threads, $news}"[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] {xen:if {$news.title}, 'data-text="{$news.title}"'}[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] {xen:if {$xenOptions.tweet.via}, 'data-via="{$xenOptions.tweet.via}"'}[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] {xen:if {$xenOptions.tweet.related}, 'data-related="{$xenOptions.tweet.related}"'}>{xen:phrase tweet}</a>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </div>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </xen:if>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:if is="{$xenOptions.plusone}">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <div class="plusone shareControl">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <div class="g-plusone" data-size="medium" data-count="true" data-href="{xen:link canonical:threads, $news}" data-lang="{$visitorLanguage.language_code}"></div>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </div>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </xen:if>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:if is="{$xenOptions.facebookLike}">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <div class="facebookLike shareControl">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:container var="$facebookSdk">1</xen:container>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <fb:like href="{xen:link canonical:threads, $news}" layout="button_count" action="{$xenOptions.facebookLikeAction}" font="trebuchet ms" colorscheme="@fbColorScheme"></fb:like>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </div>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </xen:if>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </xen:hook>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </xen:contentcheck>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </div>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </xen:if>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:else />[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <div class="categories">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <ul>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:if is="{$visitor.permissions.EWRporta.canPromote}">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <a href="{xen:link 'threads/category', $news}" class="button OverlayTrigger">+</a>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </xen:if>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:foreach loop="$news.categories" value="$subCat">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <li><a href="{xen:link 'articles', $subCat}" class="button">{$subCat.category_name}</a></li>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </xen:foreach>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </ul>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </div>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </xen:if>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)][/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <div class="continue">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <a class="iconKey button" href="{xen:link threads, $news}">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <div class="redirect"></div>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] {xen:phrase continue_reading}[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </a>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </div>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </div>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </div>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </div>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </xen:foreach>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)][/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:if hascontent="true">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <div class="section sectionMain">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:contentcheck>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:if is="{$option.pagenav} && {$option.count} > {$option.limit}">[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] <xen:pagenav link="articles" linkdata="{$category}" page="{$page}" perpage="{$option.limit}" total="{$option.count}" />[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </xen:if>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </xen:contentcheck>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </div>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)] </xen:if>[/COLOR][/SIZE][/B][/COLOR] [COLOR=rgb(99, 96, 96)][B][SIZE=3][COLOR=rgb(191, 191, 191)]</div>

Đây là EWRblock_RecentNews.css của style

Mã:

.recentNews .subHeading { margin: -10px -10px 10px; }
.recentNews .subHeading a { color: @subHeading.color; }
.recentNews .subHeading h2 { font-size: 1.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.recentNews .messageUserBlock { float: right; margin-left: 10px; }

.recentNews .newsDate { float: left; margin: 0px 10px 10px 0px; padding: 0px 10px 5px; width: 35px; font-weight: bold; text-align: center; }
.recentNews .newsDate .newsMonth { padding: 10px 0px 5px !important; margin: 0px -10px 5px !important; text-transform: uppercase; }
.recentNews .newsDate .newsDay { font-size: 26px; }

.recentNews .leftDate .newsDate { margin-left: -45px; }
.recentNews .leftDate .newsText { margin-left: 25px; }

.recentNews .messageContent { font-size: 13px; }
.recentNews .messageContent .postedBy { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dashed @primaryLighterStill; }
.recentNews .messageContent .username { font-weight: bold; }
.recentNews .messageContent .comments { float: right; font-weight: bold; }
.recentNews .messageContent .clearFix { clear: right; }

.recentNews .iconKey div
{
    background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat 10000px 0;
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 4px;
}
.recentNews .iconKey .sticky    { background-position:   0px -16px; }
.recentNews .iconKey .redirect  { background-position: -48px -16px; }
.recentNews .iconKey .new       { background-position: -64px -16px; }

.recentNews .sectionFooter { margin: 10px -10px -10px; text-align: right; position: relative; }
.recentNews .sectionFooter .continue { padding-top: 5px; font-size: 12px; }
.recentNews .sectionFooter .continue .redirect { margin: 3px 4px 0px 0px; }

.recentNews .sectionFooter .categories { padding-top: 5px; float: left; }
.recentNews .sectionFooter .categories li { display: inline; }

.recentNews .sectionFooter .sharePage { position: absolute; }
.recentNews .sectionFooter .shareControl { margin-top: 6px !important; }

Giúp e sửa cái EWRblock_RecentNews

tranthanhnam New Member

Chia sẻ trang này

Text Links

Textlink

Thông báo mới nhất