Code hoặc hướng dẫn này được sử dụng trên phiên bản Xenforo cũ đã quá hạn sử dụng. Bạn hãy
click để tìm bản mới hơn
Styles Xenporta của trang youngparty.net:
Các bạn vào template EWRblock_RecentNews thay toàn bộ code sau:
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:
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!
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 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:
Mã:
.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
Bài viết liên quan
Bài viết mới
Sildzedt
