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

2L.Ohayo

Moderator
Thành viên BQT
Tham gia
08/03/2015
Bài viết
761
Được Like
835
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!
 

keylove

Gefreiter
Tham gia
20/05/2015
Bài viết
54
Được Like
28
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

2L.Ohayo

Moderator
Thành viên BQT
Tham gia
08/03/2015
Bài viết
761
Được Like
835
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
cái đó là mình dùng RecentNews, chứ không phải làm theo cách dùng Widget
 
  • Like
Reactions: THB

gocmobie

MasterCorporal
Tham gia
25/05/2015
Bài viết
360
Được Like
235
Trang của thớt dùng Style cho pc là style gì vậy?
 

2L.Ohayo

Moderator
Thành viên BQT
Tham gia
08/03/2015
Bài viết
761
Được Like
835
share mình với đc ko, chỉ 1 cái slide đấy thôi :D
file js thì up vòa thư mục js nhé, sửa lại css nữa, 1 đống css thừa vì mình copy y nguyên của style xfnews sang, lười xóa :))
 

Đính kèm

  • js.zip
    10.6 KB · Lượt xem: 5

keylove

Gefreiter
Tham gia
20/05/2015
Bài viết
54
Được Like
28
file js thì up vòa thư mục js nhé, sửa lại css nữa, 1 đống css thừa vì mình copy y nguyên của style xfnews sang, lười xóa :))
tks b nhé, để m test phát, lát mà phải chỉnh trong template thì lại phiền bạn tiếp :D
 

keylove

Gefreiter
Tham gia
20/05/2015
Bài viết
54
Được Like
28
tks b nhé, để m test phát, lát mà phải chỉnh trong template thì lại phiền bạn tiếp :D
m nghĩ phải edit trong template nữa bạn ạ, b copy EWRblock_RecentNews1 và EWRblock_RecentNews1.css cho m với, đang báo lỗi :(
 

2L.Ohayo

Moderator
Thành viên BQT
Tham gia
08/03/2015
Bài viết
761
Được Like
835
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;
}
 

vn5lht

Corporal
Tham gia
14/04/2015
Bài viết
109
Được Like
105
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~~
 

2L.Ohayo

Moderator
Thành viên BQT
Tham gia
08/03/2015
Bài viết
761
Được Like
835
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~~
chỉ là cái domain tạm thôi mà, chủ yếu em làm chơi chơi thôi :=D
 

keylove

Gefreiter
Tham gia
20/05/2015
Bài viết
54
Được Like
28
@2L.Ohayo bạn có cài addon bd image không nhỉ, sao chỉ hiện mỗi
TRUYỆN ĐỀ CỬ ta :D. thấy trong css toàn có bd image @@
 

2L.Ohayo

Moderator
Thành viên BQT
Tham gia
08/03/2015
Bài viết
761
Được Like
835
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?
 

keylove

Gefreiter
Tham gia
20/05/2015
Bài viết
54
Được Like
28
m cài rồi mà nhỉ. quái lạ. không hiện gì ngoài truyện đề cử luôn
 

Top Bottom