Xin ý kiến nhận xét về site truyện xenforo

2L.Ohayo

Moderator
Thành viên BQT
Mình thích đọc truyện chữ, lại yêu thích xenforo nên kết hợp cả 2, làm cái site truyện bằng xenforo. Mong anh em nhận xét, gạch đá nhiệt tình, chỗ nào chưa được, chỗ nào cần sửa, còn thiếu gì,...
Demo online: http://gioitreviet.org
Một số hình ảnh

Trang portal
Cộng đồng Yêu Truyện (1).png

Trang forum
Cộng đồng Yêu Truyện (2).png

Trang đọc truyện (thread view)
Truyện VOZ - Người con gái áo trắng trên quán bar   Cộng đồng Yêu Truyện (1).png


Xin cảm ơn đã dành thời gian ghé qua và nhận xét!
 
bạn @2L.Ohayo có thể share mình cái slide TRUYỆN ĐỀ CỬ ở trang chủ với không? Mình cài bdimage sao mà không được ấy
 
  • Like
Reactions: THB
RecentNews1
Mã:
<xen:require css="EWRblock_RecentNews1.css" />
<div class="secondaryContent widget bdImage_WidgetRenderer_SliderThreads non-sidebar-widget" id="widget-15">
<h3 class="view-title">
                <span>Truyện đề cử</span>
    </h3>                                 
<div class="bdImage_Widget_Slider_Container bdImage_Widget_SliderThreads_Container bdImage_Widget_Slider-15">
     <ul class="bdImage_Widget_Slider_Items">      
                 
<xen:foreach loop="$RecentNews1" value="$news" i="$i">
     <xen:if is="{$i}>=1 && {$i} <=8">
        <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="{xen:link attachments, $news.attach}" title="{$news.title}" alt="{xen:helper stripHtml,{xen:helper Tinhte_XenTag_getImplodedTagsFromThread, $news, 1}}" /></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}" title="{$news.title}" alt="{xen:helper stripHtml,{xen:helper Tinhte_XenTag_getImplodedTagsFromThread, $news, 1}}" /></a>
                            <xen:else />
                                <a href="{xen:link threads, $news}" class="pin_pic_img_a"><img src="styles/brivium/Nitrogen/extra/no_image.jpg" title="{$news.title}" alt="{xen:helper stripHtml,{xen:helper Tinhte_XenTag_getImplodedTagsFromThread, $news, 1}}" /></a>
                            </xen:if>
                            </xen:contentcheck>
                </xen:if>
            </xen:if>
        <h3 class="theloai"><a href="{xen:link forums, $news}" title="{$news.node_title}" >{xen:helper snippet, $news.node_title, 15}</a></h3>
            </div>
            <div class="thread-info">
           
            <h2><a href="{xen:link threads, $news}" title="{$news.title}" class="title">{xen:helper snippet, $news.title, 20}</a></h2>
       
            <p class="desc">
            <span class="likefb"></span>Lượt xem: {xen:number  $news.view_count}
        </p>
            </div>
        </div>
        </li>         
      </xen:if>
</xen:foreach>        
        </ul>
    </div>
</div>
<script src="js/widget_slider.js" type="text/javascript"></script>
<script src="js/jquery.jcarousel.js" type="text/javascript"></script>
ReccentNews1.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}

@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
{
    width: 200px;
    overflow: hidden;
    float: left;
    text-align: center;
}
.bdImage_Widget_Slider-15 .bdImage_Widget_Slider_Items .block-content
{
    margin: 15px;
    min-height: 250px;
}
.bdImage_Widget_Slider-15 .bdImage_Widget_Slider_Items .img-thumb
{
    height: 200px;
    overflow: hidden;
}

.bdImage_Widget_Slider-15 .bdImage_Widget_Slider_Items .img-thumb img
{
    width: 100%;
    height: 100%;
}

.bdImage_Widget_Slider-15 .bdImage_Widget_Slider_Items .thread-info
{
    padding: 5px;
}

.bdImage_Widget_Slider-15 .bdImage_Widget_Slider_Items .title
{
    font-size: 15px;
    line-height: 18px;
    color: #0000FF;
    font-weight: bold;
}

.bdImage_Widget_Slider-15 .block-content
{
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    -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);
    background-color: #FFF;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px;
}
.bdImage_Widget_Slider-15 .block-content .desc
{
    padding-top: 5px;
}
.bdImage_Widget_Items li a {color:#555;font-size:13px;font-weight:bold}

h3.view-title{
    background: url("styles/yeutruyen/xenforo/border-center.jpg") repeat-x center center;
    margin-bottom: 15px;
}
h3.view-title span{
    background: #fff;
    padding-right: 20px;
    height: 25px;
    color: rgb(36, 111, 175);
    font-size: 18px;
    text-transform: uppercase;
}
 
Trang này thay đổi nội dung liên tục ấy nhĩ, đầu tiên là công nghệ, sang game, giờ sang truyeenjj, ko biết tiếp theo là gì nhĩ facepalm~~
 
Không. RecentNews thì đâu cần addon đó. Đã nói là mình copy y nguyên css của style xfnews mà. Bạn cài đặt cho block đó chưa?
 
Back
Top