Buna ziua,
Multi ati vazut pe forumul de suport roman acel tutorial "Structura mesajelor tip MyBB" dar este valabil doar pentru cei cu aces la template, de asta multi prefera versiunile phpbb2 sau punbb, insa eu prefer phpbb3, de aceia am sa va prezit "Structura mesajelor tip MyBB" si pentru phpbb3.
Codul CSS:
(ACP > Afisare > Imagini si culori > Culori > Foaie de stil CSS)
Codul JS:
(ACP > Module > HTML & JAVASCRIPT > Gestiunea codurilor JavaScript > Creati un nou cod JavaScript)
Nume: MyBB Mesaje
Amplasare: Topicuri
Multi ati vazut pe forumul de suport roman acel tutorial "Structura mesajelor tip MyBB" dar este valabil doar pentru cei cu aces la template, de asta multi prefera versiunile phpbb2 sau punbb, insa eu prefer phpbb3, de aceia am sa va prezit "Structura mesajelor tip MyBB" si pentru phpbb3.
Codul CSS:
(ACP > Afisare > Imagini si culori > Culori > Foaie de stil CSS)
Cod:
.postprofile {
border-color: white;
border-left-style: solid;
border-left-width: 0;
color: #536482;
display: inline;
float: right;
min-height: auto;
position: relative;
word-wrap: break-word;
background: whiteSmoke;
border-bottom: 1px solid #DDD;
margin: -7px -10px 0;
width: auto!important;
min-width: 101.6%;
padding: 5px 0;
}
.postbody {
clear: both;
color: #536482;
float: left;
line-height: 1.48em;
padding: 0;
width: 100%;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin-left: 0;
float: left;
}
.user-detail {
float: right!important;
width: 200px;
}
.postprofile dt a img {
max-width: 100px!important;
max-height: 75px!important;
float: left;
}
.postprofile dt strong a {
font-weight: bold;
font-size: 14px;
}
.postprofile dt strong img {
float: left;
margin-left: -4px;
margin-top: 5px;
}
.postprofile dt strong {
float: right;
text-align: left;
min-width: 150px;
}
.postprofile dt {
width: auto;
min-width: 230px;
}
.post .author {
float: right;
margin-top: 2px;
margin-left: 0;
margin-right: 0;
}
.post .topic-title {
display: inline;
font-size: 12px;
text-align: left;
float: left;
margin-top: -4px;
}
ul.profile-icons {
float: right;
margin-right: 5px;
padding: 0;
width: auto;
}
ul.profile-icons li {
margin: 0 3px;
}
ul.profile-icons li {
background-position: 0 100%;
float: left;
margin: 0 6px 3px 0;
}
ul.profile-icons li a {
background-position: 0 0;
display: block;
width: 100%;
}]Codul JS:
(ACP > Module > HTML & JAVASCRIPT > Gestiunea codurilor JavaScript > Creati un nou cod JavaScript)
Nume: MyBB Mesaje
Amplasare: Topicuri
Cod:
$(function() {
$('.post').each(function(e, data) {
$(this).find('.postprofile').insertBefore('.postbody');
$(this).find('.postbody .topic-title').insertBefore('.postprofile');
$(this).find('.postbody .author').insertBefore('.postprofile');
$(this).find('ul.profile-icons').insertBefore('.postbody + .clear + .right');
});
$('.postprofile').each(function(e, data) {
$(this).find('dd:eq(1)').remove();
$(this).find('dd:eq(3)').remove();
});
$('.postprofile dl').each(function(e, data) {
var a = $(this).find('dd:eq(0)').html();
$(this).find('strong:first').append(a);
$(this).find('strong:first a').after('<br>');
});
$('.postprofile dt + dd').remove();
$('.postprofile dd:has(".label")').addClass('user-detail');
});