Styles Xenporta trang youngparty.net cho diễn đàn Xenforo

[PVS]

Styles Xenporta của trang youngparty.net:

​

Các bạn vào template EWRblock_RecentNews thay toàn bộ code sau:

<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 recentNews" id="{$news.thread_id}">

            <div class=" leftDate">
                <h2>
                    <a href="{xen:link threads, $news}" title="{$news.title}" class="newsTitle">{xen:helper snippet, $news.title, 40}</a>

                </h2>
                                            <xen:if is="{$visitor.permissions.EWRporta.canPromote}">
                         (<a href="{xen:link 'threads/edit', $news}" class="OverlayTrigger">{xen:phrase edit}</a>)
                            </xen:if>
            <span class="rt-published">
                        <span class="rt-date-day rt-date-ribbon">{$news.day}</span>
                        <span class="rt-date-month rt-date-ribbon">{$news.month}</span>
                        </span>
            
                <div class="messageContent baseHtml">
                    <div class="postedBy">
                        <span class="author"><a href="{xen:link members, $news}" class="username">{$news.username}</a></span>
                        <span class="timing"><a href="{xen:link threads, $news}">{xen:time $news.post_date, 'absolute'}</a></span>
                        <span class="views">{xen:number $news.view_count} {xen:phrase views}</span>
                        <span class="cm"><a href="{xen:link threads/unread, $news}">{xen:number $news.reply_count} {xen:phrase comments}</a></span>
                        <span class="liked">{xen:number $news.first_post_likes} {xen:phrase likes}</span>
                    
                    </div>

                    <div class="newsText">
                    
                         <div class="thumb"><span class="rt-image">
                           <xen:if is="{$news.promote_icon} != 'disabled'">
                <xen:if hascontent="true">

                            <xen:contentcheck>
                            <xen:if is="{$news.attach}">
                                <a href="{xen:link threads, $news}"><img src="http://res.cloudinary.com/tint/image/fetch/w_250,h_150,c_thumb/TENMIEN/{$news.attach.thumbnailUrl}" alt="{$news.attach.filename}" /></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}"><img src="http://res.cloudinary.com/tint/image/fetch/w_250,h_150,c_thumb/{$news.image}" alt="{$news.image}" /></a>
                            <xen:else />
                                <a href="{xen:link threads, $news}"><img src="http://res.cloudinary.com/tint/image/fetch/w_250,h_150,c_thumb/TENMIEN/images/news.jpg" /></a>
                            </xen:if>
                            </xen:contentcheck>
                </xen:if>
                </xen:if>
                            </span></div>
                    
                           {xen:helper snippet, $news.message, 400}
                            </div>
                    <div class="clearFix"></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:pagenav link="articles" linkdata="{$category}" page="{$page}" perpage="{$option.limit}" total="{$option.count}" />
        </xen:if>
        </xen:contentcheck>
    </div>
    </xen:if>
</div>

Lưu ý: TENMIEN trong trường hợp này phải được thay bằng tên miền diễn đàn của bạn ví dụ như http://vnxf.vn.

Vào template EWRblock_RecentNews.css thay toàn bộ code sau:

.newsText {
  color: #414141;
  font-family: arial;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}
.recentNews .subHeading { margin: -10px -10px 10px; }
.recentNews .subHeading a { color: #737373; }
.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; }
.paginator {
    margin-top:60px;
    font-size:1em;
    wi dth:600px;
}
.paginator_pages {
    wi dth:600px;
    text-align:right;
    font-size:0.8em;
    color:#808080;
    margin-top:-10px;
}
.paginator table {
    border-collapse:collapse;
    table-layout:fixed;
    width:100%;
}
.paginator table td {
    padding:0;
    white-space:nowrap;
    text-align:center;
}
.paginator span {
    display:block;
    padding:3px 0;
    color:#fff;
}
.paginator span strong,
.paginator span a {
    padding:2px 6px;
}
.paginator span strong {
    background:#ff6c24;
    font-style:normal;
    font-weight:normal;
}
.paginator .scroll_bar {
    width:100%;    height:20px;
    position:relative;
    margin-top:10px;
}
.paginator .scroll_trough {
    width:100%;    height:3px;
    background:#ccc;
    overflow:hidden;
}
.paginator .scroll_thumb {
    position:absolute;
    z-index:2;
    width:0; height:3px;
    top:0; left:0;
    font-size:1px;
    background:#363636;
}
.paginator .scroll_knob {
    position:absolute;
    top:-5px; left:50%;
    margin-left:-10px;
    width:20px; height:20px;
    overflow:hidden;
    background:url(styles/hutek/xenforo/slider_knob.gif) no-repeat 50% 50%;
    cursor:pointer; cursor:hand;
}
.paginator .current_page_mark {
    position:absolute;
    z-index:1;
    top:0; left:0;
    width:0; height:3px;
    overflow:hidden;
    background:#ff6c24;
}

.fullsize .scroll_thumb {
    display:none;
}

.recentNews .messageContent { font-size: 13px; }
.recentNews .messageContent .postedBy { margin-bottom: 10px; padding-bottom: 5px; }
.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/hutek/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; }

@font-face {
    font-family: 'icomoon';
    src:url('/fonts/icomoon.eot');
    src:url('/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
        url('/fonts/icomoon.svg#icomoon') format('svg'),
        url('/fonts/icomoon.woff') format('woff'),
        url('/fonts/icomoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

#recentNews h2 a:hover{color:#55B8DF;padding-left:7px; text-decoration: none;}
#recentNews h2 a,.footer a,#feedback a{-moz-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;}
#recentNews h2 a:before{
content: "\e001";
display: inline-block;
font-family: 'icomoon';
padding-right:3px
}

.recentNews {
margin: 10px 0 20px;
float: left;
width: 100%;
}

.recentNews{ margin: 10px 0 20px;float:left; width:100%}
.EWRporta_Portal .breadBoxBottom{ display:none}
#recentNews h2  a{
border-bottom: 1px dashed #EDEDED;
text-shadow: 0 0 0 transparent, 1px 1px 1px #ccc;
color: #303030;
display: inline-block;
font-size: 20px;
position: relative;
width:90%
}
#recentNews .newsText h2{display:block !important}
#recentNews .rt-published {margin-top: -43px;
display:inline-block;
-webkit-border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%; -moz-border-radius:100%; -khtml-border-radius:100%; border-radius:100%;
width:60px;
height:60px;
float:right;
}

#recentNews .rt-published span {
display:block;
text-align:center;
}

#recentNews .rt-published span.rt-date-day {
font-size:1.4em;
margin-top:1px;
}

#recentNews .rt-published span.rt-date-month {
font-size:.8em;
text-transform:uppercase;
font-weight:100;
}

#recentNews .rt-published span.rt-date-year {
font-size:.8em;
text-transform:uppercase;
margin-top:-4px;
font-weight:100;
}
#recentNews .rt-published span {
  display: block;
  text-align: center;
}
.rt-published {
-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.8);
-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.8);
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.8); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.8); -khtml-box-shadow: inset 0 2px 4px rgba(0,0,0,0.8); box-shadow:inset 0 2px 4px rgba(0,0,0,0.8);
background-color:#4b4243;
color:#fff;
text-shadow: 0 0 0 transparent, 1px 1px 1px #000;
font-size:18px
}
.newsText  img {
height:auto;
border: 1px solid rgb(0,0,0); border: 1px solid rgba(0,0,0, 0.4); _border: 1px solid rgb(0,0,0);
-webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3); -khtml-box-shadow: 0 1px 2px rgba(0,0,0,0.3); box-shadow:0 1px 2px rgba(0,0,0,0.3);
}
.newsText img{width:250px;height:150px; float:left; margin: 3px 10px 5px 0;
}
.newsText br{display:none !important; height:0 !important}
.newsText{ margin:0}
.EWRporta_Portal .titleBar{ display:none}

.topLeftBlocks, .midLeftBlocks, .btmLeftBlocks{ margin-top:-61px;}
#recentNews h2,#footer h5, footer h5,.titleBar,.searchResult .title{font-family: 'Open Sans', sans-serif; font-weight:700}
#recentNews .sectionMain{border:none;-moz-box-shadow: none;
-webkit-box-shadow: none;
-webkit-box-shadow: none; -moz-box-shadow: none; -khtml-box-shadow: none; box-shadow: none;padding:0 !important}
#recentNews h2 a {text-transform: uppercase;}

.postedBy{padding:5px 0;font-size:12px;}
.postedBy span{padding-right:7px}

.postedBy .author:before{
content:"\e034";
font-family:'icomoon';
margin-right:4px;
}
.postedBy .timing:before{
content:"\e03c";
font-family:'icomoon';
margin-right:4px;
}

.postedBy .views:before{
content:"\e032";
font-family:'icomoon';
margin-right:4px;
}

.postedBy .liked:before{
content:"\e00f";
font-family:'icomoon';
margin-right:4px;
}

.postedBy .cm:before{
content:"\e016";
font-family:'icomoon';
margin-right:4px;
}

Các Xenporta khác: (Đang update)
+ youngparty.net
+ macintosh.vn

Các bạn cũng phải tải file đính kèm sau về giải nén và cho lên host thư mục chính!
Chúc các bạn thành công!

Nguồn: hanhtrinhso.com​