Xin Code Css trang portal của tinhte

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

1votes
5/5, 1 vote

  1. MrCaoToan

    MrCaoToan Member

    Bài viết:
    134
    Likes :
    10
    Tình hình là mình dùng them Flexile , mà mần phần Portal vẫn không được đẹp, nhìn thấy giao diện tinh tế cũng khá hay và đơn giản, mà ngồi F12 mãi vẫn làm không được >/<. Hi, bạn nào có source trang chủ như tinhte thì send nha :v
     
    Đang tải...
  2. MrCaoToan

    MrCaoToan Member

    Bài viết:
    134
    Likes :
    10
    up phát
     
  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
    vào template
    Mã:
    EWRblock_RecentNews
    thay toàn bộ =
    Mã:
    <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'}">
                    <div class="subHeading">
     
     
                        <a href="{xen:link threads, $news}" class="newsTitle">{xen:helper threadPrefix, $news}{$news.title}</a>
                    </div>
     
     
     
                   
     
                    <div class="messageContent baseHtml">
                        <div class="postedBy">
                            <span class="posted iconKey"><div class="sticky"></div>{xen:phrase by_x_at_y,
                                'user=<a href="{xen:link members, $news}" class="username">{$news.username}</a>',
                                'date=<a href="{xen:link threads, $news}">{xen:time $news.post_date, 'absolute'}</a>'}</span>
                            <span class="comments iconKey"><div class="new"></div><a href="{xen:link threads/unread, $news}">{xen:number $news.reply_count} {xen:phrase comments}</a></span>
                        </div>
     
                        <div class="newsText">{xen:raw $news.messageHtml}</div>
                        <div class="clearFix"></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"></div>
                                {xen:phrase continue_reading}
                            </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>
    vào template
    Mã:
    EWRblock_RecentNews
    
    thay toàn bộ =
    Mã:
    .recentNews .subHeading { margin: -10px -10px 10px; }
    .recentNews .subHeading {background: none repeat scroll 0 0 rgb(242, 240, 240);}
    .recentNews .subHeading a { color: red; font-size: 20px; }
    .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 {}
    
    .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; }
    .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; }
    
     
    phamthanhliem thích bài này.
  4. MrCaoToan

    MrCaoToan Member

    Bài viết:
    134
    Likes :
    10
    không giống, nhưng cũng tks bạn nhe :D
     
  5. Fox Of Dark

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

    Bài viết:
    1,102
    Likes :
    316
    lẽ nào bạn muốn giống 100%?
     
  6. MrCaoToan

    MrCaoToan Member

    Bài viết:
    134
    Likes :
    10
    à, mình làm cũng gần giống ời, mà cái css của bạn share nó khác ý muk :)
     
  7. Fox Of Dark

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

    Bài viết:
    1,102
    Likes :
    316
    xin lỗi nha, tại ko có time
     
  8. phamthanhliem

    phamthanhliem Member

    Bài viết:
    296
    Likes :
    35
    Cám ơn bạn, nhưng nó thiếu mất cái hình ảnh xuất ra ở trang chủ rồi, bạn hướng dẫn mình fix với
     
  9. Fox Of Dark

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

    Bài viết:
    1,102
    Likes :
    316
    Từ đầu năm 2013 tới giờ -_-
     
    Character_Boy thích bài này.
  10. phamthanhliem

    phamthanhliem Member

    Bài viết:
    296
    Likes :
    35
    À mình fix được cái xuất hình ảnh ra rồi, thanks bạn
     
comments powered by Disqus

Chia sẻ trang này

Đang tải...