Demo
:![[Code] Tên bài viết trên box Titleb10](https://i.servimg.com/u/f56/17/97/98/69/titleb10.jpg)
Hướng dẫn
Bước 1.
Vào Viewtopic_body. Tìm đoạn:Code:
<div class="pun-crumbs noprint">Thêm vào trước nó đoạn code sau:
Code:
<!-- #region TitleBox_Viewtopic_body -->
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
<div class="ipbfs_titlebox">
<div class="__like right" id="watchtopic" data-isfave="" data-relid="" data-area="topics" data-app="forums">
<div align="center" id="FM_widget_share">
<script type="text/javascript" src="https://apis.google.com/js/plusone.js" gapi_processed="true">{lang: 'pt-BR'}</script></div>
</div>
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
<a class="ipsUserPhotoLink left" href="#">
<img class="ipsUserPhoto ipsUserPhoto_medium" alt="Foto" src="http://i56.servimg.com/u/f56/17/97/98/69/avatar10.png">
</a>
<div class="ipsBox_withphoto" itemtype="http://schema.org/Article" itemscope="">
<span class="rating ipsType_smaller" itemtype="http://schema.org/AggregateRating" itemscope="" itemprop="aggregateRating">
<!-- BEGIN switch_user_logged_in -->
<strong style="margin-right: 8px;">Danh tiếng </strong>
<!-- END switch_user_logged_in -->
<script type="text/javascript" src="http://SetRating.com/SetRating.js"></script><script type="text/javascript">SetRatingWidget("star")</script>
<span id="rating_text" style="display: none;">
<span id="rating_hits" itemprop="ratingCount">0</span> <span>votos</span>
<meta content="0" itemprop="ratingValue">
</span>
</span>
<h1 class="ipsType_pagetitle" itemprop="name">{TOPIC_TITLE}</h1>
<div class="desc lighter blend_links">
Bắt đầu bởi <span itemprop="creator"><a title="" href="" class="url fn name"><span itemprop="name"></span></a></span>, <span itemprop="dateCreated"> </span>
</div>
<span id="tags_search"></span>
<br>
<meta content="UserComments:3" itemprop="interactionCount">
</div></div>
<br>Sau đó thêm đoạn code ở dưới vào cuối viewtopic_body:
Code:
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function(){
var target = $('.post:first');
target.find('div.postbody').find('strong:contains("Relembrando a primeira mensagem")').closest('div.main-content.topic').hide();
var imgdata = target.find('div.user-basic-info');
var autor_dat = target.find('div.username');
var autor_url = autor_dat.attr('href');
var autor_txt = autor_dat.text();
var date = target.find('span.data-post').html();
var topic_title = '{TOPIC_TITLE}';
var tags = topic_title.split(' ');
var follow = '{S_WATCH_TOPIC}';
$('.ipsUserPhotoLink.left').attr('href', imgdata.find('a').attr('href'));
$('.ipsUserPhoto.ipsUserPhoto_medium').attr('src', imgdata.find('img').attr('src'));
$('span[itemprop="creator"]').find('a').attr('title', autor_txt).attr('href', autor_url);
$('span[itemprop="name"]').text(autor_txt);
$('span[itemprop="dateCreated"]').html(date);
/* Remove duplicates values in array!
-> If you find something better than this, telme please. */
tags = tags.filter(
function(a){
if (!this[a]) {
this[a] = 1;
return a;
}
}
);
/* Sets tag search... */
$.each(tags, function(index, data) {
if(data.length > 4) {
$('#tags_search').append(
'<a id="tag_search_' + index + '" class="ipsTag" title="Localizar mas Aportes con la tag ' + data + '" href="/search?search_keywords=' + data + '">' +
' <span>' + data + '</span>' +
'</a>'
);
}
});
/* Whatch topic */
<!-- BEGIN switch_user_logged_in -->
<!-- END switch_user_logged_in -->
var target = $('.main-content.topic').find('div.post');
target.each(function(index) {
var oThis = $(this);
var userImg = oThis.find('div.user-basic-info a');
var memberTitle = oThis.find('p.desc.member_title');
var urlID = oThis.find('.username a').attr('href');
var target = oThis.find('div.user-basic-info').text();
var IsSuper = (target.search(/administrador/i) + 1) + (target.search(/moderador/i) + 1) + (target.search(/punbb/i) + 1);
/* Sets default avatar... */
if (userImg.find('img').length == 0) {
userImg.html('<img src="http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png" alt="User image">');
}
/* field_id1 (Título) = First field added to the perfil! */
$.get(urlID, function(data){
var userTitle = $.trim($('#field_id1', data).find('div.field_uneditable').text());
var posts = $('#field_id-6', data).find('div.field_uneditable').text();
if (IsSuper <= 0) {
if (posts <= 99){
memberTitle.text('Membro');
} else if (posts >= 100 && posts < 200) {
memberTitle.text('Membro Nível 1');
} else if (posts >= 200 && posts < 300) {
memberTitle.text('Membro Nível 2');
} else if (posts >= 300 && posts < 500) {
if(userTitle == '-') {memberTitle.text('Membro Nível 3');}
} else if (posts >= 500) {
if(userTitle == '-') {memberTitle.text('Membro Avançado');}
}
} else {
if(userTitle != '-') {memberTitle.text(userTitle);}
}
/*sets state*/
/*console.log($.trim($('#user_status', data).text()));*/
if($.trim($('#user_status', data).text()) == 'conectado') {
oThis.find('span.ipsBadge').html('online').addClass('ipsBadge_green').removeClass('ipsBadge_lightgrey');
} else {
oThis.find('span.ipsBadge').html('offline').addClass('ipsBadge_lightgrey').removeClass('ipsBadge_green');
};
});
});
});
/* Editar mensagem */
function edit_message(topic_ID, post_ID){
/* This load and read all form fields ¯| */
$('#' + topic_ID).load('/post?p=' + post_ID + '&mode=editpost' + ' .main .frm-form', function() {
var msgID = $('#' + topic_ID);
msgID.find('.main-head.clearfix').remove();
msgID.find('.frm-set.multi > dl').hide();
msgID.find('#textarea_content dt:last').show();
msgID.find('.frm-set.multi').css('border-bottom', '0px');
msgID.find('.frm-set > dl').hide();
msgID.find('.frm-buttons').css('border-top', '0');
msgID.find('.main').hide();
msgID.find('.frm-form').attr('target','iframe_' + post_ID).submit(function(){var time=setTimeout("edited()",1000);});
msgID.find('input[name=post]').css('margin-left', '-225px');
msgID.find('input[name=preview]').css('margin-left', '120px').attr('value', 'Cancelar');
});
}
function edited(){window.location.reload()}
//]]>
</script>
<style type="text/css">
<!--
.post_online {
display: inline-block;
float: left;
min-width: 60px;
}
.right {
float: right;
}
.left {
float: left;
}
.ipsBox_withphoto {
margin-left: 65px;
}
.ipsUserPhoto_medium {
height: 54px;
width: 54px;
}
.ipsUserPhoto {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D5D5D5 !important;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
padding: 1px;
border-radius: 100px;
}
.ipsUserPhotoLink:hover .ipsUserPhoto {
border-color: #7D7D7D !important;
}
.rating {
display: block;
line-height: 16px;
margin-bottom: 4px;
}
.ipsType_smaller, .ipsType_smaller a {
font-size: 11px !important;
}
.rating img {
vertical-align: top;
}
#rating_text {
margin-left: 4px;
}
.ipsType_pagetitle, .ipsType_subtitle {
color: #323232;
font: 300 26px/1.3 Helvetica,Arial,sans-serif;
}
.desc.lighter, .desc.lighter.blend_links a {
color: #A4A4A4;
}
.desc, .desc.blend_links a, p.posted_info {
color: #777777;
font-size: 12px;
}
.ipsTag {
display: inline-block;
background: url('http://i56.servimg.com/u/f56/17/97/98/69/tag_bg10.png') repeat scroll 0% 0% #555;
height: 23px;
line-height: 23px;
padding: 0px 7px 0px 21px;
margin: 5px 5px 0px 0px;
font-size: 11px;
color: rgb(255, 255, 255) !important;
}
.ipsButton_secondary {
background: -moz-linear-gradient(center top , #F6F6F6 0%, #E5E5E5 100%) repeat scroll 0 0 transparent;
border: 1px solid #DBDBDB;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.3);
color: #616161;
display: inline-block;
font-size: 12px;
height: 22px;
line-height: 22px;
padding: 0 10px;
transition: all 0.2s ease-in-out 0s;
white-space: nowrap;
}
.ipsButton_secondary:hover {
border-color: #9A9A9A;
color: #4C4C4C;
}
.ipsButton_extra {
color: #5C5C5C;
font-size: 11px;
height: 22px;
line-height: 22px;
margin-left: 5px;
}
.clickable {
cursor: pointer;
}
-->
</style>
<!-- #endregion TitleBox_Viewtopic_body -->
<!-- #region: member_title -->
<style type="text/css">
<!--
.author_info .member_title {
margin-bottom: 5px;
word-wrap: break-word;
}
.desc, .desc.blend_links a, p.posted_info {
color: #777777;
font-size: 12px;
}
-->
</style>
<!-- #endregion: member_title -->Bước 2.
Tiếp tục tìm trong viewtopic_body code:Code:
{postrow.displayed.POST_DATE_NEW}Thay bằng code:
Code:
<span class="data-post">{postrow.displayed.POST_DATE_NEW}</span>Bước 3.
Vào CSS và thêm vào code:
Code:
/*Ten bai viet tren box*/
.ipbfs_titlebox {background:#fff;border:1px solid #ddd;-webkit-box-shadow:rgba(0,0,0,0.06) 0px 1px 4px;-moz-box-shadow:rgba(0,0,0,0.06) 0px 1px 4px;box-shadow:rgba(0,0,0,0.06) 0px 1px 4px;padding:15px;overflow:hidden}Được sửa bởi vi01239984564 ngày 3/6/2018, 16:32; sửa lần 1.
