Help Muốn tạo Portal ????

[anhtrum86]

Tôi muỗn tạo Portal tin tức như http://congnghe5giay.com/,
Mong được AE chỉ giúp !!!

 

[kickchuot]

trang web có vào dc đâu bạn

 

[anhtrum86]

Mới sửa lại, 5giay chưa mua Domain : ".vn" hi hi

 

[ismartcom005]

up tiếp =))

 

[kickchuot]

hình như mấy cái block này mấy bác trên này share hết rồi mà bác về tùy biến thêm tí CSS là ok mà

 

[kickchuot]

up tiếp =))

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ác

 

[CNTT01]

Vậy là bạn phải tạo 3 Block khác nhau mới được,đợi mình text coi .

 

[CNTT01]

bạn vào phần EWRblock_HotNews thay toàn bộ code sau:

<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>

Nhớ thay tên miền hanhtrinhso.com bằng cái của bạn nhé!
EWRblock_HotNews.css:

.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}

 

[CNTT01]

upppppppppppppppppppppppppppppppppppppp

up gì thế . tạo 3 block như bên trên mình đã hướng dẫn.

 

[anhtrum86]

up gì thế . tạo 3 block như bên trên mình đã hướng dẫn.

Tải Add on nhưng ko có File XML chỉ có JS và Library ????

 

[CNTT01]

Tải Add on nhưng ko có File XML chỉ có JS và Library ????

addon j thế,cái này chỉ là chỉnh style thui mak.

 

[anhtrum86]

addon j thế,cái này chỉ là chỉnh style thui mak.

Đã copy style vào, nhưng vào " EWRblock_HotNews " ko tìm thấy ở Temp này ạ ???