Giao diện Xenporta

Thảo luận trong 'Style & Template Questions' bắt đầu bởi IvanNgo, 29/6/13.

1votes
5/5, 1 vote

  1. IvanNgo

    IvanNgo New Member

    Bài viết:
    19
    Likes :
    0
    Closed. Mod xóa hộ nhé ;)
     
    IvanNgo, 29/6/13
    #1
    Bài viết cũ hơn
    Bài viết mới hơn
    Đang tải...
    Recommended:X
  2. babababi

    babababi Member

    Bài viết:
    322
    Likes :
    96
    Mình nghĩ cái đó là theo theme của diễn đàn mà !
     
    babababi, 29/6/13
    #2
  3. Fox Of Dark

    Fox Of Dark Oáp.... Mấy ngày nay thức trễ

    Bài viết:
    1,102
    Likes :
    316
    Cái này không phải theo style đâu =w=
    Cho cái link demo, ko có thì chịu :|
     
    Fox Of Dark, 29/6/13
    #3
  4. IvanNgo

    IvanNgo New Member

    Bài viết:
    19
    Likes :
    0
    Không phải đâu bác :)
     
    IvanNgo, 29/6/13
    #4
  5. IvanNgo

    IvanNgo New Member

    Bài viết:
    19
    Likes :
    0
    Uk mình có demo đó bạn
     
    IvanNgo, 29/6/13
    #5
  6. Lil.Tee

    Lil.Tee Member

    Bài viết:
    405
    Likes :
    116
    Bác thay toàn bộ temp : EWRblock_RecentNews bằng
    PHP:
    <xen:require css="message_user_info.css" />
    <    xen:require css="bb_code.css" />
    <    xen:require css="EWRblock_RecentNews.css" />
     
    <    div id="recentNews">
        <    xen:foreach loop="$RecentNews" value="$news">
     
            <    div class="section sectionMain recentNews" id="{$news.thread_id}">
     
                <    div class="primaryContent {xen:if {$option.leftdate}, 'leftDate'}">
     
                    <    h2 class="subHeading">
                        <    div style="float: right; white-space: nowrap;">
                            <    xen:if is="{$visitor.permissions.EWRporta.canPromote}">
                                &    nbsp; <a href="{xen:link 'threads/edit', $news}" class="OverlayTrigger">({xen:phrase edit})</a>
                                                            &    nbsp; <a href="{xen:link 'posts/{$news.first_post_id}/edit'}" class="item control edit {xen:if $xenOptions.messageInlineEdit, OverlayTrigger}"
                                                  data-href="{xen:link 'posts/{$news.first_post_id}/edit-inline'}" data-overlayOptions="{&quot;fixed&quot;:false}"
                                              ><span></span>{xen:phrase edit}</a>
                                              <    xen:require js="js/xenforo/discussion.js" />
                            </    xen:if>
                        </    div>
     
                        <    a href="{xen:link threads, $news}" class="newsTitle">{xen:helper threadPrefix, $news}{$news.title}</a>
                    </    h2>
     
                    <    div class="messageContent baseHtml">
                        <    div class="postedBy">
                                <    span class="metaauthor"><a href="{xen:link members, $news}" class="username">{$news.username}</a></span>
                            <    span class="clock"><a href="{xen:link threads, $news}">{xen:datetime $news.promote_date}</a></span>
                            <    span class="thich">{xen:number $news.first_post_likes} thích</span>
                            <    span class="doc">{xen:number $news.view_count} xem</span>
                            <    span class="binhluan"><a href="{xen:link threads/unread, $news}">{xen:number $news.reply_count} bình luận</a></span>
                            <    span class="chuyenmuc"><a href="{xen:link forums, $news}">{$news.node_title}</a></span>
                        </    div>
     
                    <    xen:if is="{$news.promote_icon} != 'disabled'">
                    <    xen:if hascontent="true">
                 
                    <    div style="hinhanh">
                        <    div style="text-align: center; padding-top: 10px; padding-bottom: 10px">
                            <    xen:contentcheck>
                            <    xen:if is="{$news.attach}">
                                    <    a href="{xen:link threads, $news}"><img src="{xen:link attachments, $news.attach}" style="max-width: 70%;" /></a>
                            <    xen:elseif is="{$news.medio}" />
                             
                                <    div style="background: url('{xen:helper medio, $news.medio}') no-repeat;">
                                    <    a href="{xen:link 'full: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/#post-{$news.first_post_id}', $news}"><img src="{$news.image}" alt="{$news.image}" title="Click chuột vào đây để xem bài viết" style="max-width: 70%" /></a>
                            <    xen:else />
                            </    xen:if>
                            </    xen:contentcheck>
                        </    div>
                    </    div>
                    </    xen:if>
                    </    xen:if>
     
                        <    div class="newsText">{xen:raw $news.messageHtml}</div>
                        <    div class="clearFix"></div>
     
            <    div class="messageMeta" style="display: none;">
                <    div class="publicControls">
                    <    xen:hook name="post_public_controls" params="{xen:array 'post={$news}'}">
                        <    a href="{xen:link 'posts/{$news.first_post_id}/like'}" class="LikeLink item control {xen:if $news.like_date, unlike, like}" data-container="#likes-post-{$news.first_post_id}"><span></span><span class="LikeLabel">{xen:if $news.like_date, {xen:phrase unlike}, {xen:phrase like}}</span></a>
                        <    a href="{xen:link threads/reply, $news, 'quote={$news.first_post_id}'}" data-postUrl="{xen:link 'posts/{$news.first_post_id}/quote', $news}" class="ReplyQuote item control reply" title="{xen:phrase reply_quoting_this_message}"><span></span>{xen:phrase reply}</a>
                    </    xen:hook>
                </    div>
            </    div>
                    </    div>
     
                    <    div class="sectionFooter">
                        <    xen:if is="{$option.social}">
                            <    xen:if hascontent="true">
                                <    div class="sharePage">
                                    <    xen:require css="share_page.css" />
     
                                    <    xen:contentcheck>
                                        <    xen:if is="{$xenOptions.tweet.enabled}">
                                            <    div class="tweet shareControl">
                                                <    a href="http://twitter.com/share" class="twitter-share-button"
                                                        data-count="horizontal"
                                                        data-lang="{xen:helper twitterLang, $visitorLanguage.language_code}"
                                                        data-url="{xen:link canonical:threads, $news}"
                                                        {xen:if {$news.title}, 'data-text="{$news.title}"'}
                                                    {    xen:if {$xenOptions.tweet.via}, 'data-via="{$xenOptions.tweet.via}"'}
                                                    {    xen:if {$xenOptions.tweet.related}, 'data-related="{$xenOptions.tweet.related}"'}>{xen:phrase tweet}</a>
                                            </    div>
                                        </    xen:if>
                                        <    xen:if is="{$xenOptions.plusone}">
                                            <    div class="plusone shareControl">
                                                <    div class="g-plusone" data-size="medium" data-count="true" data-href="{xen:link canonical:threads, $news}" data-lang="{$visitorLanguage.language_code}"></div>
                                            </    div>
                                        </    xen:if>
                                        <    xen:if is="{$xenOptions.facebookLike}">
                                            <    div class="facebookLike shareControl">
                                                <    xen:container var="$facebookSdk">1</xen:container>
                                                <    fb:like href="{xen:link canonical:threads, $news}" layout="button_count" action="{$xenOptions.facebookLikeAction}" font="trebuchet ms" colorscheme="@fbColorScheme"></fb:like>
                                            </    div>
                                        </    xen:if>
                                    </    xen:contentcheck>
                                </    div>
                            </    xen:if>
                        <    xen:else />
                            <    div class="source">
                                {    xen:phrase discussion_in_x_started_by_y_date_z, 'forum=<a href="{xen:link forums, $news}">{$news.node_title}</a>', 'name=<a href="{xen:link members, $news}" class="username">{$news.username}</a>', 'date=<a href="{xen:link threads, $news}">{xen:datetime $news.post_date, html}</a>'}
                            </    div>
                        </    xen:if>
     
                        <    div class="continue">
                            <    a class="iconKey" href="{xen:link threads, $news}">
                                <    div class="redirect" title="Đọc tiếp..."></div>
                            </    a>
                        </    div>
     
                    </    div>
                </    div>
            </    div>
        </    xen:foreach>
     
        <    xen:if hascontent="true">
        <    div class="section sectionMain">
            <    xen:contentcheck>
            <    xen:if is="{$option.pagenav} && {$option.count} > {$option.limit}">
                <    xen:if is="{$category}">
                    <    xen:pagenav link="articles" linkdata="{$category}" page="{$page}" perpage="{$option.limit}" total="{$option.count}" />
                <    xen:else />
                    <    xen:pagenav link="portal" page="{$page}" perpage="{$option.limit}" total="{$option.count}" />
                </    xen:if>
            </    xen:if>
            </    xen:contentcheck>
        </    div>
        </    xen:if>
    </    div>
    Thay toàn bộ EWRblock_RecentNews.css bằng
    PHP:
    .sidebar .section .primaryContent  h3,
    .    sidebar .section .secondaryContent h3,
    .    profilePage .mast .section.infoBlock h3 {
            border-radius: 6px 6px 0px 0px;
    }
    .    sectionMain {
    padding: 0px;
    border: none;
    border-radius: 6px;
    }
    .    subHeading {
    background: #f9fafb;
    border-top: none;
    font: 17px Segoe UI;
    padding: 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    }
    .    sidebar .section .primaryContent, .sidebar .section .secondaryContent {
    background: white;
    border-radius: 6px;
    }
    .    metaauthor{
    background:url(http://vatliphothong.vn/styles/baisik/user.png) left center no-repeat;
    padding:3px 0px 3px 20px;
    }
    .    clock{
    background:url(http://vatliphothong.vn/styles/baisik/clock.png) left center no-repeat;
    padding:3px 0px 3px 20px;
    margin-left:10px;
    }
    .    chuyenmuc{
    background:url(http://vatliphothong.vn/styles/baisik/tag.png) left center no-repeat;
    padding:3px 0px 3px 20px;
    margin-left:10px;
    }
    .    binhluan{
    background:url(http://vatliphothong.vn/styles/baisik/comments.png) left center no-repeat;
    padding:3px 0px 3px 20px;
    margin-left:10px;
    }
    .    thich{
    background:url(http://vatliphothong.vn/styles/baisik/like.png) left center no-repeat;
    padding:3px 0px 3px 20px;
    margin-left:10px;
    display: none;
    }
    .    doc{
    background:url(http://vatliphothong.vn/styles/baisik/views.png) left center no-repeat;
    padding:3px 0px 3px 20px;
    margin-left:10px;
    }
    .    recentNews .subHeading { margin: -10px -10px 10px; }
    .    recentNews .subHeading a { color: black; }
    .    recentNews .messageUserBlock { float: right; margin-left: 10px; }
     
    .    recentNews .newsDate { float: left; margin: 0px 10px 10px 0px; padding: 0px 10px 5px; width: 35px; font-weight: bold; text-align: center; }
    .    recentNews .newsDate .newsMonth { padding: 10px 0px 5px !important; margin: 0px -10px 5px !important; text-transform: uppercase; }
    .    recentNews .newsDate .newsDay { font-size: 26px; }
     
    .    recentNews .leftDate .newsDate { margin-left: -45px; }
    .    recentNews .leftDate .newsText { margin-left: 0px; }
     
    .    recentNews .messageContent { font-size: 13px; }
    .    recentNews .messageContent .postedBy { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dashed @primaryLighterStill; }
    .    recentNews .messageContent .username { font-weight: bold; }
    .    recentNews .messageContent .comments { float: right; font-weight: bold; }
    .    recentNews .messageContent .clearFix { clear: right; }
     
    .    recentNews .iconKey div
    {
            background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat 10000px 0;
            width: 16px;
            height: 16px;
            float: left;
            margin-right: 4px;
    }
    .    recentNews .iconKey .sticky    { background-position:  0px -16px; }
    .    recentNews .iconKey .redirect  { background-position: -48px -16px; }
    .    recentNews .iconKey .new      { background-position: -64px -16px; }
     
    .    recentNews .sectionFooter { margin: 10px -10px -10px; text-align: right; position: relative; display: none;}
    .    recentNews .sectionFooter .continue { padding: 6px; font-size: 12px; }
    .    recentNews .sectionFooter .continue a { display: inline-block; }
    .    recentNews .sectionFooter .continue a:hover { text-decoration: none; }
    .    recentNews .sectionFooter .source { padding-top: 6px; float: left; }
    .    recentNews .sectionFooter .sharePage { position: absolute; }
    .    recentNews .sectionFooter .shareControl { margin-top: 4px !important; }
     
    Lil.Tee, 29/6/13
    #6
    hieucocc, Fox Of Dark, Imma Kun and 1 other person like this.
  7. IvanNgo

    IvanNgo New Member

    Bài viết:
    19
    Likes :
    0
    Đã fix thành công. Closed
     
    IvanNgo, 29/6/13
    #7
comments powered by Disqus

Chia sẻ trang này

Đang tải...