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 đỡ.
EWRblock_RecentNews
EWRblock_RecentNews.css
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;
}
Bài viết liên quan
Được quan tâm