joomdown
Gefreiter
- Tham gia
- 28/04/2015
- Bài viết
- 80
- Được Like
- 43
Các bác giúp em tạo cái Widget như trong khatvongsong.vn với ạ. Cái Widget Xem nhiều với cái Widget Tin diễn đàn ở bên phải ấy. Em cảm ơn nhiều ạ.
Bài viết liên quan
Bài viết mới
<script src="{xen:helper javaScriptUrl, '{$javaScriptSource}/xenforo/xenforo.js?_v={$xenOptions.jsVersion}'}"></script>
<script type="text/javascript" src="{$javaScriptSource}/jquery/jquery.jcarousel.min.js"></script
<xen:elseif is="{$layout} == 'list'" />
<xen:elseif is="{$layout} == 'full'" />
<xen:include template="widget_carousel" />
<div class="widget_carousel">
<ul id="mycarousel" class="jcarousel jcarousel-skin-tango">
<xen:if hascontent="true">
<xen:contentcheck>
<xen:foreach loop="$threads" value="$thread">
<li data-author="{$thread.username}">
<xen:if is="{$thread.kid_thumb}">
<a title="{$thread.title}" href="{xen:if '{$_threadLink}', {xen:raw $_threadLink}, {xen:link threads, $thread}}">{xen:raw {$thread.kid_thumb.0}}</a>
<xen:else/>
<xen:avatar user="$thread" size="m" img="true" />
</xen:if>
<div class="title"><a href="{xen:link threads, $thread}" title="{$thread.title}">{xen:helper snippet, $thread.title, 60}</a></div>
<div class="info">
<div class="poster">Bởi <xen:username user="$thread" rich="true" />, <xen:datetime time="$thread.post_date" /></div>
</div>
</li>
</xen:foreach>
</xen:contentcheck>
</xen:if>
</ul>
</div>
<div class="clear"></div>
/* Slide carousel */
.jcarousel-skin-tango .jcarousel-direction-rtl {
direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
padding:0;
}
.jcarousel-skin-tango .jcarousel-clip {
overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
height: 320px;
}
.jcarousel-skin-tango .jcarousel-item {
height:45px;width: 100%;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin: 10px 0;margin-bottom:0;padding-bottom:7px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
background: #fff;
color: #000;
}
.jcarousel-skin-tango img {float:left;margin-right:10px;width:70px;height:50px}
.jcarousel-skin-tango ul li .title a{color: @contentText;font-size:14px;height: 16px;}
.jcarousel-skin-tango ul li .title a:hover{color:#00BCD4;font-size:14px;height: 16px;}
.jcarousel-skin-tango ul li .title{text-transform:lowercase;*overflow:hidden;*text-overflow: ellipsis;*white-space: nowrap;}
.jcarousel-skin-tango ul li .title:first-letter {text-transform: uppercase;}
.jcarousel-skin-tango ul li .poster{ color: rgb(200,200,200);font-size: 11px;display: block;}