1. Chào mừng Khách tham gia cộng đồng Android Việt Nam

topbigslide

Danh sách bài viết ở các box giống CNAZ

Danh sách bài viết ở các box giống CNAZ

  1. okevnn
    Không nói nhiều, cái này mình RIP từ CNAZ giờ share cho mọi người.
    Demo:
    [​IMG]
    Đầu tiên bạn phải cài add-on Waidigo Thread Thumnails nhé. Tiếp theo các bạn vào template thread_list_item thay toàn bộ bằng code sau:
    <xen:require css="discussion_list.css" />
    <script>
        $.ajax({
            type:'GET',
            url:'{xen:if $thread.hasPreview, {xen:link threads/preview, $thread}}'
            }).done(function(result){
            regex = /(<([^>]+)>)/ig
            $str = $(result).find('blockquote').html();
            $str = $str.replace(regex,"");
            $str = $str.replace("[IMG]"," ");
          
            $('#discussionItem-{$thread.thread_id}').html('<div class=\"discussionFirstItem\">'+$str+'</div>');
        });
    </script>
    
    <xen:if is="{$thread.isDeleted}"><xen:include template="thread_list_item_deleted" /><xen:else />
    
    <li id="thread-{$thread.thread_id}" class="discussionListItem {$thread.discussion_state}{xen:if '!{$thread.discussion_open}', ' locked'}{xen:if {$thread.sticky}, ' sticky'}{xen:if {$thread.isNew}, ' unread'}{xen:if {$thread.prefix_id}, ' prefix{$thread.prefix_id}'}{xen:if {$thread.isIgnored}, ' ignored'} {xen:if $thread.thread_is_watched, threadWatched} {xen:if $thread.forum_is_watched, forumWatched}" data-author="{$thread.username}">
    
        <div class="thumb-img left">
        <a href="{xen:if '{$threadCreate}', '', {xen:link "threads{xen:if '{$thread.isNew} AND {$thread.haveReadData}', '/unread'}", $thread}}" data-thumbnailurl="{$thread.thumbnail.thumbnail_url}" class="thumb Av1s Thumbnail"><span class="img"><span style="width:200px; height:200px; overflow: hidden;"><img src="{xen:if {$thread.thumbnail.thumbnailUrl}, {$thread.thumbnail.thumbnailUrl}, {$thread.thumbnail.thumbnail_url}}" style="width:180px;height:200px;" /></span></span></a>
               
        </div>
    
        <div class="entry-right">
    
            <div class="padding">
                <xen:if hascontent="true">
                    <div class="iconKey">
                    <xen:contentcheck>
                        <xen:hook name="thread_list_item_icon_key" params="{xen:array 'thread={$thread}'}">
                        <xen:if is="{$thread.isModerated}"><span class="moderated" title="{xen:phrase moderated}">{xen:phrase moderated}</span></xen:if>
                        <xen:if is="!{$thread.discussion_open}"><span class="locked" title="{xen:phrase locked}">{xen:phrase locked}</span></xen:if>
                        <xen:if is="{$thread.sticky}"><span class="sticky" title="{xen:phrase sticky}">{xen:phrase sticky}</span></xen:if>
                        <xen:if is="{$thread.isRedirect}"><span class="redirect" title="{xen:phrase redirect}">{xen:phrase redirect}</span></xen:if>
                        <xen:if is="{$thread.thread_is_watched} OR {$thread.forum_is_watched}"><span class="watched" title="{xen:phrase watched}">{xen:phrase watched}</span></xen:if>
                        </xen:hook>
                    </xen:contentcheck>
                    </div>
                </xen:if>
    
                <h3 class="title">
                    <xen:if is="{$thread.canInlineMod}"><input type="checkbox" name="threads[]" value="{$thread.thread_id}" class="InlineModCheck" id="inlineModCheck-thread-{$thread.thread_id}" data-target="#thread-{$thread.thread_id}" title="{xen:phrase select_thread}: {$thread.title}" /></xen:if>
                    <xen:if is="{$showSubscribeOptions}"><input type="checkbox" name="thread_ids[]" value="{$thread.thread_id}" /></xen:if>
                    <xen:if is="{$thread.prefix_id}">
                        <xen:if is="{$linkPrefix}">
                            <a href="{xen:link forums, $forum, 'prefix_id={$thread.prefix_id}'}" class="prefixLink"
                                title="{xen:phrase show_only_threads_prefixed_by_x, 'prefix={xen:helper threadPrefix, $thread, plain, ""}'}">{xen:helper threadPrefix, $thread, html, ''}</a>
                        <xen:else />
                            {xen:helper threadPrefix, $thread}
                        </xen:if>
                    </xen:if>
                    <a href="{xen:link "threads{xen:if '{$thread.isNew} AND {$thread.haveReadData}', '/unread'}", $thread}"
                        title="{xen:if '{$thread.isNew} AND {$thread.haveReadData}', {xen:phrase go_to_first_unread_message}}"
                        class="{xen:if $thread.hasPreview, PreviewTooltip}"
                        data-previewUrl="{xen:if $thread.hasPreview, {xen:link threads/preview, $thread}}">{xen:helper wrap, $thread.title, 50}</a>
                    <xen:if is="{$thread.isNew}"><a href="{xen:link threads/unread, $thread}" class="unreadLink" title="{xen:phrase go_to_first_unread_message}"></a></xen:if>
                </h3>
               
                <p id="discussionItem-{$thread.thread_id}" class="note"></p>
               
                <div class="itemInfo">
            <span itemtype="http://schema.org/Person" itemscope="" itemprop="author" class="user author"><span class="nickname" itemprop="name"><a href="{xen:link members, $news}">{$news.username}</a></span></span>
            <span class="time"><xen:datetime time="$thread.post_date" /></span>
            <span class="view">{xen:number $thread.view_count}</span>
            <span class="reply">{xen:number $thread.reply_count}</span>
            <span class="like">{xen:number $thread.first_post_likes}</span>
            <span class="user author">Bình luận cuối bởi: <xen:if is="{xen:helper isIgnored, $thread.last_post_user_id}">{xen:phrase ignored_member}<xen:else /><xen:username user="$thread.lastPostInfo" /></xen:if> </span>
            <div class="controls faint">
                <xen:if is="{$thread.canEditThread}"><a href="javascript:" data-href="{xen:link 'threads/list-item-edit', $thread, 'showForumLink={$showForumLink}'}" class="EditControl JsOnly">{xen:phrase edit}</a></xen:if>
                <xen:if is="{$showSubscribeOptions} AND {$thread.email_subscribe}">{xen:phrase email}</xen:if>
            </div>
                           </div>
            </div>
        </div>
    </xen:if>
    Sau đó các bạn vào template discussion_list.css thay toàn bộ bằng code sau:
    .discussionList
    {
        position: relative;
        zoom: 1;
    }
    .discussionList.sectionMain {
    background-color: rgb(255, 255, 255);
    padding: 10px !important;
    margin: 10px auto;
    border: 1px solid #ddd;
    }
    .discussionListItem.sticky {
    background-color: #FFECEC !important;
    padding-top: 5px;
    }
    .discussionListItem.sticky .title a {
    font-weight: bold;
    color: #F00 !important;
    }
    /** column style and width **/
    
    .discussionList .sectionHeaders,
    .discussionListItem
    {
        display: table;
        table-layout: fixed;
        width: 100%;
        word-wrap: normal;
        background-color: #FFF !important;
            border-bottom: 1px solid #E7E7E7 !important;
            margin: 10px 0;
    }
    
        .discussionList .sectionHeaders dt,
        .discussionList .sectionHeaders dd,
        .discussionListItem .listBlock
        {
            display: table-cell;
            vertical-align: middle;
        }
       
            .discussionList .posterAvatar
            {
                width: 52px;
            }
           
            .discussionList .main
            {
                width: auto;
            }
    
                .discussionList .sectionHeaders .main .postDate
                {
                    text-align: right;
                }
           
            .discussionList .stats
            {
                width: 140px;
            }
               
                .discussionList .sectionHeaders .stats .minor
                {
                    text-align: right;
                }
           
            .discussionList .lastPost
            {
                width: 150px;
                text-align: right;
                overflow: hidden;
            }
           
            .discussionList .statsLastPost /* combined last two columns */
            {
                width: 290px;
            }
       
    
    /* column headers */
    
    .discussionList .sectionHeaders
    {   
    font-size: 11px;
    color: #6d3f03;
    background: #f9d9b0 url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;
    padding: 5px 10px;
    margin: 3px auto 0;
    border-top: 1px solid #f9d9b0;
    border-bottom: 1px solid #f9bc6d;
    display: none;
    
       
        padding: 0;
    }
    
        .discussionList .sectionHeaders dt span
        {
            display: none !important;
        }
           
        .discussionList .sectionHeaders a
        {
            display: block;
            color: #6d3f03;
            outline: none;
        }
       
        .discussionList .sectionHeaders a:hover
        {
            text-decoration: none;
        }
               
        .discussionList .sectionHeaders dd a[href]:hover
        {
            text-decoration: none;
    background-color: #fff4e5;
    
        }
           
        .discussionList .sectionHeaders .main a,
        .discussionList .sectionHeaders .stats a
        {
            float: left;
            width: 50%;
            white-space: nowrap;
        }
       
            .discussionList .sectionHeaders a span
            {
                padding: 5px 10px;
                display: block;
            }
           
    /** IE <8 **/
    .discussionList .sectionHeaders,
    .discussionListItem                { *display: block; _vertical-align: bottom; }
    .discussionList .sectionHeaders dt,
    .discussionList .sectionHeaders dd,
    .discussionListItem .listBlock     { *display: block; *float: left; }
    .discussionListItem .listBlock     { _height: 52px; *min-height: 52px; } /* todo: should be calculation */
    .discussionList .posterAvatar      { *width: 6.98%; }
    .discussionListItem .posterAvatar  { *font-size: 0; }   
    .discussionList .main              { *width: 56.98%; }
    .discussionList .stats             { *width: 15.97%; }   
    .discussionList .lastPost          { *width: 19.97%; }
    .discussionList .statsLastPost     { *width: 35.97%; }
    .discussionList .sectionHeaders dt,
    .discussionList .sectionHeaders dd { *padding: 5px 0; }
    .discussionList .sectionHeaders a,
    .discussionList .sectionHeaders a span { *display: inline !important; *float: none !important; }
    
    /* items in thread list */
    
    .discussionListItems
    {
    }
    
    
    
       
    /* individual thread list item */
       
    /** main **/
    
    .discussionListItem
    {
        background-color: rgb(252, 252, 255);
       
        border-bottom: 1px solid #d7edfc;
    }
    
    
    
    
    
        /* sections, section widths */
       
            .discussionListItem .posterAvatar,       
            .discussionListItem .stats
            {
                background: #f0f7fc url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;
            }
           
            .discussionListItem .main,
            .discussionListItem .lastPost
            {
            }
           
           
           
           
           
           
           
           
        /* avatar section */
       
        .discussionListItem .posterAvatar .avatarContainer
        {
            display: block;
            position: relative;
        }
       
        .discussionListItem .posterAvatar .avatar
        {
            padding: 5px;
    display: block;
    width: 36px;
    height: 36px;
    
           
            width: auto;
            height: auto;
        }
       
            .discussionListItem .posterAvatar .avatar img
            {
                width: 36px;
                height: 36px;
                display: block;
            }
           
            .discussionListItem .posterAvatar .miniMe
            {
                padding: 0;
    position: absolute;
    bottom: 1px;
    left: 29px;
    z-index: 10;
    
            }
           
                .discussionListItem .posterAvatar .miniMe img
                {
                    padding: 1px;
    border: 1px none black;
    -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0, 0.5); -moz-box-shadow: 1px 1px 5px rgba(0,0,0, 0.5); -khtml-box-shadow: 1px 1px 5px rgba(0,0,0, 0.5); box-shadow: 1px 1px 5px rgba(0,0,0, 0.5);
    width: 20px;
    height: 20px;
                   
                }       
           
           
        /* title, poster section */
       
        .discussionListItem .titleText
        {
            padding: 5px;
            overflow: hidden; zoom: 1;
            position: relative;
        }
       
            /* unread indicator */
           
            .LoggedIn .discussionListItem .titleText
            {           
                padding-left: 20px;
            }
           
            .LoggedIn .discussionListItem .unreadLink,
            .LoggedIn .discussionListItem .ReadToggle
            {
                display: block;
                width: 10px;
                height: 10px;
               
                position: absolute;
                left: 5px;
                top: 10px;
               
                background: url('styles/default/xenforo/xenforo-ui-sprite.png') no-repeat 10000px 0;
               
                white-space: nowrap;
                overflow: hidden;
                text-indent: 9999px;
            }
           
                .LoggedIn .discussionListItem .unreadLink,
                .LoggedIn .discussionListItem.unread .ReadToggle
                {
                    background-position: -5px -42px;
                    display: none;
                }
           
                .LoggedIn .discussionListItem .ReadToggle:hover
                {
                    background-position: -25px -42px;
                }
       
            /* first row */
       
            .discussionListItem .title
            {
                font-size: 11pt;
    line-height: 18px;
    
                max-width: 100%;
                word-wrap: break-word;
            }
           
                .discussionListItems .unread .title a
                {
                    font-weight: bold;
    /*padding-right: 18px;
                    background: transparent url('styles/default/xenforo/widgets/discussion-new.png') no-repeat right center;*/
    
                }
               
           
            .discussionListItem .iconKey span
            {
                margin-left: 5px;
    text-indent: -10000em;
    float: right;
    background: transparent url('styles/default/xenforo/xenforo-ui-sprite.png') no-repeat 10000px 0;
    width: 16px;
    height: 16px;
    
            }
               
                .discussionListItem .iconKey .sticky    { background-position:   0px -16px; }
                .discussionListItem .iconKey .starred   { background-position: -90px -32px; width: 18px; height: 18px; }
                .discussionListItem .iconKey .watched   { background-position: -144px -16px; width: 16px; height: 16px; }
                .discussionListItem .iconKey .locked    { background-position: -16px -16px; }
                .discussionListItem .iconKey .moderated { background-position: -32px -16px; }
                .discussionListItem .iconKey .redirect  { background-position: -48px -16px; }
                .discussionListItem .iconKey .new       { background-position: -64px -16px; }
           
            /* second row */
           
            .discussionListItem .secondRow
            {
                font-size: 11px;
    
                clear: both;
            }
           
                .discussionListItem .secondRow .controls
                {
                    float: right;
                    padding-left: 20px;
                }
                   
                    .discussionListItem.AjaxProgress .controls
                    {
                        background: transparent url('styles/default/xenforo/widgets/ajaxload.info_B4B4DC_facebook.gif') no-repeat left center;
                    }
               
                .discussionListItem .posterDate
                {
                    float: left;
                }
               
               
               
        /* stats section */
       
        .discussionListItem .stats dl
        {
            padding: 0 10px;
            border-left: 1px solid #d7edfc;
            border-right: 1px solid #d7edfc;
        }
            .discussionListItem .stats .major
            {
                font-size: 11pt;
    line-height: 18px;
    
               
                margin-top: 5px;
            }
               
            .discussionListItem .stats .minor
            {
                font-size: 11px;
    
               
                margin-bottom: 5px;
            }
               
        /* last post section */
       
        .discussionListItem .lastPostInfo
        {
            padding: 5px;
        }
       
            .discussionListItem .lastPostInfo .username
            {
                font-size: 11pt;
    line-height: 18px;
    
            }
           
       
                .discussionListItems .unread .lastPostInfo .username
                {
                    font-weight: bold;
    /*padding-right: 18px;
                    background: transparent url('styles/default/xenforo/widgets/discussion-new.png') no-repeat right center;*/
    
                }
           
            .discussionListItem .lastPostInfo .dateTime
            {
                font-size: 11px;
    
            }
    
    
    /* extra note row */
    
    .discussionListItem .noteRow
    {
        background-color: rgb(252, 252, 255);
        padding: 5px;
        text-align: center;
        font-size: 11px;
        color: #176093;
    }
    
        .discussionListItem .noteRow.secondary
        {
            background: #f0f7fc url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;
        }
    
    
    
    
    /* deleted item */
    
    .discussionList .discussionListItem.deleted
    {
    }
    
        .discussionList .discussionListItem.deleted .avatar img
        {
            opacity: 0.5;
            filter: alpha(opacity='50');
        }
           
        .discussionList .discussionListItem.deleted .deletionNote
        {
            float: left;
            color: rgb(150,0,0);
        }
           
    /* moderated item */
    
    .discussionList .discussionListItem.moderated .listBlock
    {
        background-color: rgb(252, 252, 255);
    }
    
           
           
           
           
           
               
    /* inline mod selected/checked classes */
    
    .discussionListItem.InlineModChecked,
    .discussionListItem.InlineModChecked .posterAvatar,
    .discussionListItem.InlineModChecked .main,
    .discussionListItem.InlineModChecked .stats,
    .discussionListItem.InlineModChecked .lastPost,
    .discussionListItem.deleted.InlineModChecked,
    .discussionListItem.moderated.InlineModChecked
    {
        background: rgb(255, 255, 200) url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;
    
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
           
    /** bottom summary **/
    
    .discussionList .sectionFooter
    {
        overflow: hidden; zoom: 1;
    }
    
        .discussionList .sectionFooter .contentSummary
        {
            float: left;
            display: block;
        }
    
           
    /** thread list options **/
    
    .DiscussionListOptions
    {
        margin: 10px auto;
    border: 1px solid #a5cae4;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
    line-height: 20px;
    overflow: hidden;
    zoom: 1;
    
    }
    
    .hasJs .DiscussionListOptions
    {
        display: none;
    }
    
        .DiscussionListOptions dl,
        .DiscussionListOptions .controlGroup
        {
            float: left;
            margin-right: 10px;
           
            overflow: hidden; zoom: 1;
        }
       
            .DiscussionListOptions dt
            {
                float: left;
            }
           
            .DiscussionListOptions dd
            {
                margin-left: 120px;
            }
           
        .DiscussionListOptions .buttonGroup
        {
            float: right;
        }
       
            .DiscussionListOptions .buttonGroup input
            {
                min-width: 75px;
            }
       
    #DiscussionListOptionsHandle
    {
        position: absolute;
    bottom: -17px;
    line-height: 16px;
    text-align: center;
    right: 50%;
    white-space: nowrap;
    
    }
       
        #DiscussionListOptionsHandle a
        {
            font-size: 11px;
    color: #a5cae4;
    background-color: rgb(252, 252, 255);
    padding: 0 20px;
    margin: 0 auto;
    border: 1px solid #a5cae4;
    border-top: 1px none black;
    -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;
    display: inline-block;
    outline: 0;
    position: relative;
    right: -50%;
    
        }
       
    .afterDiscussionListHandle
    {
        margin-top: 20px;
    }
       
    /** item page nav **/
    
    .discussionListItem .itemPageNav
    {
        visibility: hidden;
    }
    
    .discussionListItem:hover .itemPageNav,
    .Touch .discussionListItem .itemPageNav
    {
        visibility: visible;
    }
    
        .itemPageNav a,
        .itemPageNav span
        {
            font-size: 9px;
    padding: 0 3px;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
    display: inline-block;
    text-align: center;
    
        }
       
        .itemPageNav a
        {
            color: #8f6c3f;
    background: #fff4e5 url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x;
    border: 1px solid #f9d9b0;
    
        }
       
        .itemPageNav a:hover
        {
            color: #8f6c3f;
    text-decoration: none;
    background-color: #f9d9b0;
    border-color: #f9bc6d;
    
        }
    
    /** filters **/
           
    .discussionListFilters
    {
        font-size: 11px;
        overflow: hidden; zoom: 1;
    }
    
        .discussionListFilters .filtersHeading
        {
            float: left;
            margin-right: 5px;
            color: #6cb2e4;
            font-weight: bold;
        }
       
        .discussionListFilters .removeFilter,
        .discussionListFilters .removeAllFilters
        {
            color: #176093;
            background: #d7edfc url('styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x top;
            border: 1px solid #d7edfc;
            -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
            padding: 2px 10px;
        }
       
            .discussionListFilters .gadget
            {
                color: #6cb2e4;
                font-weight: bold;
                margin-left: 3px;
            }
    
       
            .discussionListFilters .removeFilter:hover,
            .discussionListFilters .removeAllFilters:hover
            {
                background-color: #f0f7fc;
                text-decoration: none;
                color: rgb(150,150,150);
                -webkit-box-shadow: 1px 1px 5px rgba(0,0,0, 0.15); -moz-box-shadow: 1px 1px 5px rgba(0,0,0, 0.15); -khtml-box-shadow: 1px 1px 5px rgba(0,0,0, 0.15); box-shadow: 1px 1px 5px rgba(0,0,0, 0.15);
            }
           
        .discussionListFilters .pairsInline dt
        {
            display: none;
        }
       
        .discussionListFilters .filterPairs
        {
            float: left;
        }
       
        .discussionListFilters .removeAll
        {
            float: right;
        }
       
            .discussionListFilters .removeAllFilters
            {
                padding: 2px 6px;
            }
    
           
    <xen:if is="@enableResponsive">
    @media (max-width:@maxResponsiveMediumWidth)
    {
        .Responsive .discussionList .sectionHeaders .stats
        {
            display: none;
        }
       
        .Responsive .discussionList .sectionHeaders .main .title
        {
            float: none;
            width: auto;
        }
       
        .Responsive .discussionList .sectionHeaders .main .postDate
        {
            display: none;
        }
       
        .Responsive .discussionList .statsLastPost
        {
            display: none;
        }
    
        .Responsive .discussionListItem .listBlock.main,
        .Responsive .discussionListItem .listBlock.stats,
        .Responsive .discussionListItem .listBlock.lastPost
        {
            display: block;
        }
       
        .Responsive .discussionListItem .listBlock.stats
        {
            float: left;
            width: auto;
            margin-top: -5px;
            border: none;
            background: none;
            padding-left: 5px;
        }
       
            .Responsive.LoggedIn .discussionListItem .listBlock.stats
            {           
                padding-left: 20px;
            }
       
            .Responsive .discussionListItem .listBlock.stats dl
            {
                border: none;
                padding: 0;
            }
           
            .Responsive .discussionListItem .listBlock.stats dd,
            .Responsive .discussionListItem .listBlock.stats dt
            {
                float: none;
                display: inline;
            }
       
            .Responsive .discussionListItem .listBlock.stats .minor
            {
                display: none;
            }
           
            .Responsive .discussionListItem .listBlock.stats .major
            {
                font-size: 11px;
                margin-top: 0;
            }
       
        .Responsive .discussionListItem .listBlock.lastPost
        {
            float: right;
            width: auto;
            margin-top: -5px;
        }
            .Responsive .discussionListItem .listBlock.lastPost .lastPostInfo
            {
                padding-top: 0;
                padding-bottom: 0;
            }
       
            .Responsive .discussionListItem .listBlock.lastPost dt
            {
                display: none;
            }
    }
    
    @media (max-width:@maxResponsiveWideWidth)
    {
        .Responsive .discussionList .sectionHeaders .lastPost,
        .Responsive .discussionList .lastPost
        {
            width: 125px;
        }
    }
    
    @media (max-width:@maxResponsiveNarrowWidth)
    {
        .Responsive .discussionListItem .secondRow .startDate,
        .Responsive .discussionListItem .secondRow .EditControl
        {
            display: none;
        }
    }
    </xen:if>
    
    .clearfix {clear:both}
    .thumb-img {float:left;height:125px;overflow:hidden;width:20%}
    .thumb-img img {max-width:100%;width:170px;max-height: 122px;border:0px solid;}
    .entry-right {float:left;width:80%;}
    .entry-right .post-date {display:block;padding:10px 0;color: #00bc9e;}
    .entry-right p {color:#444; min-height:60px;padding: 10px 0;}
    .sticky h3.title:after{
    content: 'Sticky';
    font-size: 12px;
    color: red;
    border: 1px solid red;
    padding: 0 2px;
    background: #FFF;
    font-weight: 700;
    }
    .entry-right .padding {padding-left:10px}
    .itemInfo {
        color: #999999;
        display: block;
        font-family: "Roboto",Arial,Tahoma,sans-serif;
        font-size: 12px;
        font-weight: normal;
        margin-bottom: 5px;
        padding: 10px 0 5px 10px;
        position: relative;
        text-align: left;
        margin-left: -50px;
    }
    .itemInfo .user{
        display:inline-block;
        background: url(styles/default/xenforo/icon.png) 0 -22px no-repeat;
        padding: 2px 0 0 24px;
        margin: 0 10px 0 0;
       
    }
    .itemInfo .time{
        display:inline-block;
        background: url(styles/default/xenforo/icon.png) 0 -1px no-repeat;
        padding: 2px 0 0 24px;
        margin: 0 10px 0 0;
       
    }
    .itemInfo .view{
        display:inline-block;
        background: url(styles/default/xenforo/icon.png) 0 -43px no-repeat;
        padding: 2px 0 0 22px;
        margin: 0 10px 0 0;
       
    }
    .itemInfo .reply{
        display:inline-block;
        background: url(styles/default/xenforo/icon.png) 0 -65px no-repeat;
        padding: 2px 0 0 20px;
        margin: 0 10px 0 0;
       
    }
    .itemInfo .like{
        display:inline-block;
        background: url(styles/default/xenforo/icon.png) 0 -85px no-repeat;
        padding: 2px 0 0 20px;
        margin: 0 10px 0 0;
    }
    .itemInfo .controls.faint {
            display: inline-block;
    }
    Save lại và tận hưởng nhé! Ai copy nhớ ghi nguồn http://cnttplus.com
    King thích bài này.

Recent Reviews

  1. tinh1005
    tinh1005
    1/5,
    god
    1. okevnn
      Author's Response
      good mà có 1 sao à bác hic :(
  2. King
    King
    5/5,
    good.

Bạn đang xem Zing.vn Mobile trên màn hình máy tính hoặc thiết bị trình chiếu mà giao diện này không hỗ trợ.

Chuyển về giao diện đầy đủ