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

A

anhtrum86

Gefreiter
Sửa lần cuối:
Bài viết liên quan
cho e hoi mún tạo tag giống như hình s v ạ bởi Nickyz,
Giúp mình tìm phần nội dung muốn chỉnh sửa bởi hieuhien8,
em xin cách tạo avatar mặc định cho tất cả các thành viên ạ bởi ntzthanh,
bị giới hạn ký tự khi tạo 1 chuyên mục ? bởi ntzthanh,
Cần tìm cao nhân tạo bộ prefix & tìm kiếm có phí bởi hieuhien8,
Xin cách hiện Group Prefix trước Prefix khi tạo bài mới và thread bởi hieuhien8,
Bài viết mới
Cài cái widget nó báo như này là lỗi gì các bác nhỉ bởi cuongnguyen208,
Có cái Skin nào giống này của Xenforo không các bác bởi cuongnguyen208,
Tìm Giúp Mình Style bởi sampviet,
chuyển chapter của một số trang đọc truyện chạy xenforo có addon nào không bởi Ken89,
Trang tinhte.vn lưu trữ ảnh như thế nào? bởi dhv49,
Tải Addon có phí bởi tuanitcm1,
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à
 
Vậy là bạn phải tạo 3 Block khác nhau mới được,đợi mình text coi .
 
bạn vào phần EWRblock_HotNews thay toàn bộ code sau:

Mã: 
<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:

Mã: 
.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}
 
1,409 11 0
Bạn phải đăng nhập hoặc đăng ký để bình luận.

Dịch vụ XenForo của VNXF

Zalo 0906081284
avatar Sildzedt InboxPVS

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS
Xenforo là gì?
Xây dựng MXH bằng Xenforo

Xử lý sự cố (Troubleshooting)

Texlink

Diễn đàn chia sẻ kinh nghiệm massage
Review dịch vụ massage toàn quốc
Cộng Đồng Massage Việt Nam
Liên hệ đặt Textlink

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Back
Top