Tôi muỗn tạo Portal tin tức như http://congnghe5giay.com/,
Mong được AE chỉ giúp !!!
Mong được AE chỉ giúp !!!
Sửa lần cuối:
Bài viết liên quan
Bài viết mới
Bác chỉ em làm sao cái slide này responsive với http://hyundaitechinfo.net/ em chỉnh CSS ngon nghẻ hết còn mỗi thằng java của slide nữa bác coi hộ em với cảm ơn bácup tiếp =))
<xen:require css="EWRblock_HotNews.css" />
<script src="js/hts/widget_slider.js"></script>
<script src="js/hts/jquery.jcarousel.js"></script>
<div class="secondaryContent widget bdImage_WidgetRenderer_SliderThreads non-sidebar-widget" id="widget-15">
<div class="bdImage_Widget_Slider_Container bdImage_Widget_SliderThreads_Container bdImage_Widget_Slider-15">
<ul class="bdImage_Widget_Slider_Items">
<xen:foreach loop="$HotNews" value="$news" i="$i">
<xen:if is="{$i}>=1 && {$i} <=8">
<li>
<a href="{xen:link threads, $news}">
<xen:if is="{$news.promote_icon} != 'disabled'">
<xen:if hascontent="true">
<xen:contentcheck>
<xen:if is="{$news.attach}">
<a href="{xen:link threads, $news}" ><img src="http://res.cloudinary.com/tint/image/fetch/w_225,h_150,c_thumb/http://hanhtrinhso.com/{$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}" ><img src="http://res.cloudinary.com/tint/image/fetch/w_225,h_150,c_thumb/{$news.image}" alt="{$news.image}" /></a>
<xen:else />
<a href="{xen:link threads, $news}" ><img src="http://res.cloudinary.com/tint/image/fetch/w_225,h_150,c_thumb/http://www.fella-werke.de/media/images/News_765x350px.jpg" /></a>
</xen:if>
</xen:contentcheck>
</xen:if>
</xen:if>
</a>
<a href="{xen:link threads, $news}">
{$news.title}
</a>
</li>
</xen:if>
</xen:foreach>
</ul>
</div>
</div>
.bdImage_Widget_Slider_Container
{
overflow: hidden;
}
.bdImage_Widget_Slider_Container .jcarousel-clip
{
margin: 0 auto;
overflow: hidden;
}
.bdImage_Widget_Slider_Container .jcarousel-prev-horizontal,
.bdImage_Widget_Slider_Container .jcarousel-prev-horizontal:after
{
position: absolute;
left:-16px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
}
.jcarousel-container:hover .jcarousel-prev-horizontal{left:17px}
.bdImage_Widget_Slider_Container .jcarousel-next-horizontal,
.bdImage_Widget_Slider_Container .jcarousel-next-horizontal:after
{
position: absolute;
right: -16px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
}
.jcarousel-container:hover .jcarousel-next-horizontal {right:17px}
.bdImage_Widget_Slider_Container .jcarousel-prev-horizontal:after
{
content: '';
line-height: 15px;
background: #eee url(styles/default/xenforo/arrow-left.png) no-repeat;
border:1px solid #e1e1e1;
-webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;
}
.bdImage_Widget_Slider_Container .jcarousel-next-horizontal:after
{
content: '';
background: #eee url(styles/default/xenforo/arrow-right.png) no-repeat;
border:1px solid #e1e1e1;
-webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;
line-height: 15px;
}
.bdImage_Widget_Slider_Container .bx-wrapper .bx-viewport
{
border: 0;
}
.bdImage_Widget_Slider_Container .bx-wrapper img
{
width: 100%;
}
.bdImage_Widget_Items
{
}
/* clearfix */ .bdImage_Widget_Items { zoom: 1; } .bdImage_Widget_Items:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.bdImage_Widget_Items > li
{
float: left;
}
.bdImage_WidgetRenderer_ThreadsTwo
{
display: block;
}
.bdImage_WidgetRenderer_ThreadsTwo .bdImage_Feature
{
display: block;
float: left;
overflow: hidden;
}
.bdImage_WidgetRenderer_ThreadsTwo .bdImage_Feature .text .title
{
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bdImage_WidgetRenderer_ThreadsTwo .bdImage_Feature .text .body
{
text-align: justify;
}
.bdImage_WidgetRenderer_ThreadsTwo .bdImage_Small
{
display: block;
float: none;
overflow: hidden;
}
.bdImage_WidgetRenderer_ThreadsTwo .bdImage_Small.bdImage_SmallWithThumbnail .thumbnail
{
display: block;
float: left;
}
. .bdImage_Small.bdImage_SmallWithThumbnail .text
{
display: block;
float: none;
}
/* clearfix */ . .bdImage_Small.bdImage_SmallWithThumbnail li { zoom: 1; } . .bdImage_Small.bdImage_SmallWithThumbnail li:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.bdImage_WidgetRenderer_ThreadsTwo .bdImage_Small li
{
border-bottom: 1px dashed rgb(204, 204, 204);
display: block;
float: none;
overflow: hidden;
}
.bdImage_WidgetRenderer_ThreadsTwo .bdImage_Small li:last-child { border-bottom: 0; }
.bdImage_Widget_Grid_Container
{
overflow: hidden;
width: 100%;
}
ul.bdImage_Widget_Grid
{
list-style: none;
margin: 0;
padding: 0;
}
/* clearfix */ ul.bdImage_Widget_Grid { zoom: 1; } ul.bdImage_Widget_Grid:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.bdImage_Widget_Grid li
{
float: left;
}
.bdImage_Widget_Grid li .item {position:relative}
.bdImage_Widget_Grid li .item .title {font-weight: bold}
.bdImage_Widget_Grid li .item .title a{color:#000;font-weight:bold;font-size: 15px;line-height: 18px;}
.bdImage_Widget_Grid a
{
display: block;
}
.block-bottom .widget h3 {display:none}
.thread_view .bdImage_WidgetRenderer_SliderThreads {border:1px solid #e1e1e1}
.thread_view .bdImage_WidgetRenderer_SliderThreads h3 {font-family: UTM_Header, arial;
text-transform: uppercase;font-weight: bold;
font-size: 16px;
color: #2C2C2C;
background-color: #EEE;
padding: 0 30px 0 10px;
border-bottom: 2px solid rgb(230, 94, 94);line-height:30px;margin-bottom:15px}
.bdImage_Widget_Slider-15 .jcarousel-prev-horizontal, .bdImage_Widget_Slider-15 .jcarousel-next-horizontal {top: 50px!important;}
@media (max-width:500px)
{
.Responsive .block-bottom {display:none}
}
.bdImage_Widget_Slider-15 .jcarousel-clip
{
width: 966px;
}
.bdImage_Widget_Slider-15 .jcarousel-prev-horizontal,
.bdImage_Widget_Slider-15 .jcarousel-next-horizontal {
top: 118px;
}
.bdImage_Widget_Slider-15 ul.bdImage_Widget_Slider_Items > li
{
padding-right: 22px;
width: 225px;}
.bdImage_Widget_Slider-22 .bx-wrapper img
{
max-width: 300px;}
.bdImage_Widget_Slider-19
{
overflow-x: scroll;
overflow-y: hidden;
width: 100%;
}
.bdImage_Widget_Slider-19 ul.bdImage_Widget_Items > li
{
padding: 10px 0;
float:none;
clear:both;
}
.bdImage_Widget_Slider-19 ul.bdImage_Widget_Items > li img {padding-right:10px;float:left}
.bdImage_Widget_Slider-19 ul.bdImage_Widget_Items > li:last-child
{
padding-right: 0;
}
.non-sidebar-widget .bdImage_Widget_Slider-19
{
overflow-x: auto;
}
.bdImage_Widget_Slider-19 ul.bdImage_Widget_Items
{
}
.bdImage_Widget_Items li a {color:#555;font-size:13px;font-weight:bold}
up gì thế . tạo 3 block như bên trên mình đã hướng dẫn.upppppppppppppppppppppppppppppppppppppp
Tải Add on nhưng ko có File XML chỉ có JS và Library ????up gì thế . tạo 3 block như bên trên mình đã hướng dẫn.
addon j thế,cái này chỉ là chỉnh style thui mak.Tải Add on nhưng ko có File XML chỉ có JS và Library ????
Đã copy style vào, nhưng vào " EWRblock_HotNews " ko tìm thấy ở Temp này ạ ???addon j thế,cái này chỉ là chỉnh style thui mak.