Cần xin trang chủ kenhsinhvien

Thảo luận trong 'Style & Template Questions' bắt đầu bởi chupy1, 31/12/14.

1votes
5/5, 1 vote

  1. chupy1

    chupy1 New Member

    Bài viết:
    47
    Likes :
    7
    bác nào có code trang chủ như của kenhsinhvien.net thì share e với :)
    e cám ơn trước ạ
    http://kenhsinhvien.net/
     
    chupy1, 31/12/14
    #1
    Bài viết cũ hơn
    Bài viết mới hơn
    Đang tải...
    Recommended:X
  2. satsujin

    satsujin Member

    Bài viết:
    100
    Likes :
    14
    thử xem này.
    code EWRblock_RecentNews
    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"  i="$i">  
        <div class="section sectionMainPortal recentNews" id="{$news.thread_id}">
            <div class="portalBlock ">
               <div class="img-recent">
      <xen:if is="{$news.promote_icon} != 'disabled'">
                <xen:if hascontent="true">

                            <xen:contentcheck>
                            <xen:if is="{$news.attach}">
                                <a target="_blank" href="{xen:link threads, $news}" ><img src="http://res.cloudinary.com/tint/image/fetch/w_300,h_190,c_thumb/WEBSITE/{$news.attach.thumbnailUrl}" alt="{$news.title}"  style="height: 190px; width: 300px;"/></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 target="_blank" href="{xen:link threads, $news}" ><img src="{$news.image}" alt="{$news.title}" style="width: 300px;"/></a>
                            <xen:else />
                                <a target="_blank" href="{xen:link threads, $news}"><img src="http://res.cloudinary.com/tint/image/fetch/w_300,h_190,c_thumb/http://www.fella-werke.de/media/images/News_765x350px.jpg" alt="{$news.title}" style="height: 190px; width: 300px;"/></a>
                            </xen:if>
                            </xen:contentcheck>
                </xen:if>
            </xen:if>
            </div>
              
                <h2 style="margin-top:10px;"><a target="_blank" class="linkportal" href="{xen:link threads, $news}" class="newsTitle">{$news.title}</a></h2>
                <div class="newsText">
                    {xen:helper snippet, $news.message, 150}
                </div>
              
                    <span class="dateTime"><xen:datetime time="$news.promote_date" /></span>
              
              
                <div class="clearFix"></div>
            </div>
  
        </div>

</xen:foreach>
</div>  
<div class="clearFix"></div>

    <xen:if hascontent="true">
    <div class="section sectionMain">
        <xen:contentcheck>
        <xen:if is="{$option.pagenav} && {$option.count} > {$option.limit}">
            <xen:pagenav link="articles" linkdata="{$category}" page="{$page}" perpage="{$option.limit}" total="{$option.count}" />
        </xen:if>
        </xen:contentcheck>
    </div>
    </xen:if>

<script type="text/javascript" src="http://kenhsinhvien.net/js/jquery/jquery.loadmore.min.js"></script>
<script>
jQuery.ias({
    container : '#recentNews',
    item: '.recentNews',
    pagination: '.PageNav',
    next: '.PageNav a:last',
    triggerPageThreshold: 2,
    loader: 'Đang tải thêm...',
    trigger: 'Hiển thị thêm...',
    history: false,
    onPageChange: function(pageNum, pageUrl, scrollOffset) {
        // This will track a pageview every time the user
        // scrolls up or down the screen to a different page.
        path = jQuery('<a/>').attr('href',pageUrl)[0].pathname.replace(/^[^\/]/,'/');
        _gaq.push(['_trackPageview', path]);
    }
});
</script>
    code EWRblock_RecentNews.css
    Mã:
    .img-recent {
overflow: hidden;
height: 190px;
width: 300px;
}
.DateTime{color:#b8b8b8}.clearFix{clear:both}.categories{background:#fff url(http://data.sinhvienit.net/2013/T05/img/SinhVienIT.NET---link.png) no-repeat 0 0;padding-left:20px}.catportal{color:#42a599 !important;font-size:12px;font-weight:bold;margin-left:5px}.newsText{margin-top:10px;margin-bottom:10px;line-height:175%;font-size:12px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:100%;height:64px}.linkportal{color:#ff6a40 !important;font-size:14px;font-weight:bold}.portalBlock{-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;border-radius:3px;background:#fff}.sectionMainPortal{background-color:rgb(255, 255, 255);padding:10px;margin:10px
auto;border:1px
solid rgb(215, 215, 215);-webkit-border-radius:4px;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 4px 4px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 4px 4px rgba(0, 0, 0, 0.1);-khtml-box-shadow:0 4px 4px rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 4px 4px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 4px 4px rgba(0, 0, 0, 0.1);-khtml-box-shadow:0 4px 4px rgba(0, 0, 0, 0.1);box-shadow:0 4px 4px rgba(0, 0, 0, 0.1);width:294px;height:325px;float:left;margin:5px
10px 20px 0px}.recentNews
.subHeading{margin: -10px -10px 10px}.recentNews .subHeading
a{color:#6d3f03}.recentNews .subHeading
h2{font-size:1.5em}.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
.messageContent{font-size:13px}.recentNews .messageContent
.postedBy{margin-bottom:10px;padding-bottom:5px;border-bottom:1px dashed #d7edfc}.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('styles/passion/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-top:5px;font-size:12px}.recentNews .sectionFooter .continue
.redirect{margin:3px
4px 0px 0px}.recentNews .sectionFooter
.categories{padding-top:5px;float:left}.recentNews .sectionFooter .categories
li{display:inline}.recentNews .sectionFooter
.sharePage{position:absolute}.recentNews .sectionFooter
.shareControl{margin-top:6px !important}
.EWRporta_Portal
.mainContent{margin-right:0px !important}.EWRporta_Portal
.pageContent{padding:0px
0px 10px !important;background-color:transparent !important;-webkit-box-shadow:0px 0px 12px rgba(50, 50, 50, 0) !important;-moz-box-shadow:0px 0px 12px rgba(50, 50, 50, 0) !important;-khtml-box-shadow:0px 0px 12px rgba(50, 50, 50, 0) !important;box-shadow:0px 0px 12px rgba(50, 50, 50, 0) !important;border:0px
!important}.EWRporta_Portal .breadBoxTop
.breadcrumb{margin-right:15px !important}.EWRporta_Portal
.mainContainer{width:680px;!important}.EWRporta_Portal
.sidebar{width:304px;!important}.EWRporta_Portal
.pageWidth{background-color:transparent !important}.EWRporta_Portal
.sectionMainPortal{width:308px !important;height:340px !important;-webkit-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.15) !important;-moz-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.15) !important;-khtml-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.15) !important;box-shadow:0px 1px 5px rgba(0, 0, 0, 0.15) !important;margin:5px
10px 10px 0px !important}.EWRporta_Portal .PageNav a:hover, .EWRporta_Portal .PageNav a:focus{border:2px
solid #ff7c06;background:#ff881d url('styles/passion/ksv/bg-pattern-orange.png');text-shadow:0 0 0 transparent, 1px 1px 2px rgba(214,115,25,0.65)}.EWRporta_Portal .PageNav
a.currentPage{position:relative !important;border:2px
solid #ff7c06;background:#ff881d url('styles/passion/ksv/bg-pattern-orange.png');text-shadow:0 0 0 transparent, 1px 1px 2px rgba(214,115,25,0.65)}.EWRporta_Portal .PageNav
a.text{width:auto !important;padding:0px
10px}.EWRporta_Portal .PageNav a
element.style{}Matched CSS Rules
.article-pagination .pagination li a:hover, .article-pagination .pagination li.active
a{border:2px
solid #EB7E1C;background:url(../images/backgrounds/bg-pattern-orange.png);text-shadow:0 0 0 transparent, 1px 1px 2px rgba(214,115,25,0.65)}.EWRporta_Portal .PageNav
a{color:#fff;width:37px !important;;height:37px !important;;display:block;text-align:center;text-decoration:none;border:2px
solid #64b9ce;font-size:18px;line-height:38px;font-weight:bold;background:#43b7d0 url('styles/passion/ksv/bg-pattern-cyan.png');-webkit-border-radius:25px;-moz-border-radius:25px;-khtml-border-radius:25px;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;text-shadow:0 0 0 transparent, 1px 1px 2px rgba(51,140,162,0.65);-webkit-box-shadow:4px 2px 3px rgba(178,177,163,0.4);-moz-box-shadow:4px 2px 3px rgba(178,177,163,0.4);-khtml-box-shadow:4px 2px 3px rgba(178,177,163,0.4);box-shadow:4px 2px 3px rgba(178,177,163,0.4);-moz-box-shadow:4px 2px 3px rgba(178,177,163,0.4);-webkit-box-shadow:4px 2px 3px rgba(178,177,163,0.4);margin-right:6px !important}.EWRporta_Portal .PageNav
.pageNavHeader{padding:13px
0 !important;font-size:12px !important;font-weight:bold;color:#777;margin-right:10px;float:inherit !important}.EWRporta_Portal .PageNav
.scrollable{height:45px !important;width:233px !important}.EWRporta_Portal .PageNav .PageNavNext, .EWRporta_Portal .PageNav
.PageNavPrev{padding:0px
!important}.EWRporta_Portal .sectionMainPortal:hover{webkit-box-shadow:0 0 5px #4290C1;-moz-box-shadow:0 0 5px #4290C1;-khtml-box-shadow:0 0 5px #4290C1;-webkit-box-shadow:0 0 5px #4290C1;-moz-box-shadow:0 0 5px #4290C1;-khtml-box-shadow:0 0 5px #4290C1;box-shadow:0 0 5px #4290C1;border:1px
solid #a1d8db;transition:0.2s}.bbCodeBlock{margin-top:1em;margin-bottom:1em;margin-left:0;border:1px
solid #d7edfc;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;border-radius:5px}
     
    satsujin, 31/12/14
    #2
    chupy1 thích bài này.
  3. tmcodon

    tmcodon Verified User

    Bài viết:
    490
    Likes :
    125
    Full code kenhsinhvien.net có responsive pm mình
     
    tmcodon, 1/1/15
    #3
    chupy1 thích bài này.
  4. chupy1

    chupy1 New Member

    Bài viết:
    47
    Likes :
    7
    ko giống cho lắm bác ơi
     
    chupy1, 1/1/15
    #4
  5. satsujin

    satsujin Member

    Bài viết:
    100
    Likes :
    14
    thì bác chỉnh sửa lại, thêm mắm muối vào cho giống :)) Mà làm giống hệt cũng không hay cho lắm
     
    satsujin, 1/1/15
    #5
  6. tmcodon

    tmcodon Verified User

    Bài viết:
    490
    Likes :
    125
    :v em đã tối ưu code, responsive dùng cho PC và mobile luôn rồi, bác cần pm em nhé.
     
    tmcodon, 4/1/15
    #6
  7. dev.xf

    dev.xf Member

    Bài viết:
    480
    Likes :
    203
    300k pm mình nhé coi như kiếm tiền mua sữa cho con
     
    dev.xf, 4/1/15
    #7
comments powered by Disqus

Chia sẻ trang này

Đang tải...