Request Thêm background cho RecentNews muabantop

[VNXF] Theme Digital – Sự lựa chọn hoàn hảo cho diễn đàn công nghệ hiện đại

TD2308

Corporal
RecentNews này chỉ có nền của phần bài viết. Mình muốn tạo thêm background bao phủ toàn bộ cả title và 3 phần bài viết, mong các pro giúp đỡ.
recentnews-xen-muabantop-com-hts-jpg.857

EWRblock_RecentNews
Mã:
<xen:require css="message_user_info.css" />
<xen:require css="bb_code.css" />
<xen:require css="EWRblock_RecentNews.css" />
<div id="Block1">
<div class="block-title"><a href="/" title="Tin tức"><span>Tin tức</span></a></div>
<ul class="block1">
<xen:foreach loop="$RecentNews" value="$news" i="$i">
<xen:if is="{$i}<4">

        <li>
        <div class="block-content" id="{$news.thread_id}">
            <div class="img-thumb">
             
            <xen:if is="{$news.promote_icon} != 'disabled'">
                <xen:if hascontent="true">

                            <xen:contentcheck>
                            <xen:if is="{$news.attach}">
                                <a href="{xen:link threads, $news}" class="pin_pic_img_a"><img src="/{$news.attach.thumbnailUrl}" alt="{$news.attach.filename}"  /></a>
                            <xen:elseif is="{$news.medio}" />
                                <div style="background: url('{xen:helper medio, $news.medio}') no-repeat;">
                                    <a href="{xen:link 'full:media/media/popout', $news.medio}" class="OverlayTrigger"><img src="styles/8wayrun/EWRmedio_play.png" width="160" height="90" /></a>
                                </div>
                            <xen:elseif is="{$news.image}" />
                                <a href="{xen:link threads, $news}" class="pin_pic_img_a"><img src="{$news.image}" alt="{$news.image}" /></a>
                            <xen:else />
                                <a href="{xen:link threads, $news}" class="pin_pic_img_a"><img src="http://farm8.staticflickr.com/7181/14064253346_55a6578d47_b.jpg" /></a>
                            </xen:if>
                            </xen:contentcheck>
                </xen:if>
            </xen:if>
             
            </div>
            <div class="thread-info">
            <a href="{xen:link threads, $news}" title="{$news.title}" class="title">{$news.title}</a>
     
            <p class="desc">{xen:helper snippet, $news.message, 100}</p>
            </div>
        </div>
        </li>
</xen:if>
</xen:foreach>
</ul>     
</div>

EWRblock_RecentNews.css
Mã:
#Block1 .block1 li {width:33.33%;overflow:hidden;float:left;}
#Block1 .block1 .block-content {margin:7px;min-height:250px}
#Block1 .block1 .img-thumb {height:120px;overflow:hidden}
#Block1 .block1 .img-thumb img {width:100%;height:100%}
#Block1 .block1 .thread-info {padding:5px}
#Block1 .block1 .title {font-size:15px;line-height:18px;color:#333;font-weight:bold}
#Block1 .block-content {-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); -khtml-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);background-color: #FFF;-webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px}
#Block1 .block-content .desc {padding-top:10px}
.block-title {
background: url(/styles/default/xenforo/icon_red_top.png) no-repeat left top;
background-size: 15px 10px;margin-left: -25px;border-bottom: 2px #C00 solid;}
.block-title span {
font-family: UTM_Header, arial;
text-transform: uppercase;
color: #FFF;
display: inline-block;
line-height: 30px;
padding: 0 40px 0 30px;
background: url(/styles/default/xenforo/title-box-top.png) no-repeat right top;
background-size: 300px 300px;
font-weight: normal;
margin-top: 10px;
font-size: 17px;
}
#Block1 .block-title span {
background-position: 100% -40px;
}

 
Back
Top