Data/hora atual: 11.05.24 11:57
36 resultados encontrados para Modernbb
Últimas imagens: Navegue pelas imagens e fotos compartilhadas
Descobre uma nova forma de navegação |
Uma nova #novidade Forumeiros! Caros utilizadores, Temos o prazer de anunciar que um novo recurso está disponível em todos os fóruns gratuitos Forumeiros: a possibilidade de visualizar todas as imagens compartilhadas nos tópicos. Com este recurso é fácil navegar pelas imagens publicadas, classificadas das mais recentes às mais antigas. Uma maneira simples de redescobrir as discussões de forma diferente! Vista geralMódulo "Imagens compartilhadas recentemente"Na página inicial acima de "Quem está conectado?" foi adicionado um novo módulo que apresenta as imagens. Um exemplo na versão #modernBB (a aparência muda de acordo com a versão escolhida):A exibição de imagens está sujeita às seguintes condições
Página "Últimas imagens"Para além do módulo mencionado acima há disponível uma nova página dedicada para as imagens compartilhadas:https:// <endereço_do_fórum> /imagens O link permite um rápido acesso da comunidade a listagem de imagens e fotos podendo utilizar a hiperligação integrada ao menu de navegação do fórum (caso não tenha desativado a exibição deste link). Como gerenciar no Painel administrativoConfigurar a permissão para visualizarPode escolher quem tem a permissão para ver este recurso através das "Permissões especiais". Esta configuração permite definir quais usuários verão ou não o: módulo na página inicial do fórum; a hiperligação no menu de navegação ou a página.Por padrão, é permitido para todos (incluindo convidados). A permissão para ver o item no menu de navegação, o módulo na página inicial do fórum e a página dedicada podem ser configurados aqui:
Configurar cada opção do recursoSabemos que, dependendo dos fóruns, da comunidade, do tema de discussão e de muitos outros critérios, as necessidades de cada um serão diferentes. É por isso que pode gerenciar cada opção:
Até breve! A tua equipa Forumeiros. |
- em 21.11.22 15:50
- Procurar em: Anúncios e atualizações
- Tópico: Últimas imagens: Navegue pelas imagens e fotos compartilhadas
- Respostas: 2
- Vistos: 1545
ModernBB: Agora é responsiva
Caso não tenha recebido este novo recurso no seu fórum é porque tem alguma edição dos templates album_moderate_body, groupcp_info_body, groupcp_pending_info, index_box, memberlist_body, overall_header, topics_list_box, viewcomments_body e viewtopic_body então é necessário adicionar manualmente na versão #ModernBB (Os administradores que não personalizaram esses templates não serão afetados por estas modificações incluídas nativamente nos templates padrões do fórum):- album_moderate_body:
Substitua:- Código:
<table class="table1" cellspacing="1">
<thead>
<tr>
<th class="name">{L_PIC_TITLE}</th>
<th>{L_POSTER}</th>
<th class="name">{L_TIME}</th>
<th class="name">{L_CAT}</th>
<th>{L_STATUS}</th>
<th>{L_APPROVAL}</th>
<th>{L_SELECT}</th>
</tr>
</thead>
<tbody>
<!-- BEGIN no_pics -->
<tr>
<td>{no_pics.L_NO_PICS}</td>
</tr>
<!-- END no_pics -->
<!-- BEGIN picrow -->
<tr class="{picrow.ROW_CLASS}">
<td><a href="{picrow.PIC_LINK}" target="_blank" onmouseover="createTitle(this, '{picrow.PIC_MESSAGE}', event.pageX, event.pageY);" onmouseout="destroyTitle();">{picrow.PIC_TITLE}</a></td>
<td class="posts">{picrow.POSTER}</td>
<td>{picrow.TIME}</td>
<td>{picrow.CAT}</td>
<td class="posts">{picrow.LOCK}</td>
<td class="posts">{picrow.APPROVAL}</td>
<td class="posts"><input type="checkbox" name="pic_id[]" value="{picrow.PIC_ID}" /></td>
</tr>
<!-- END picrow -->
</tbody>
</table>
por:- Código:
<table class="table1" cellspacing="1">
<thead class="mobile-hidden">
<tr>
<th class="name">{L_PIC_TITLE}</th>
<th>{L_POSTER}</th>
<th class="name">{L_TIME}</th>
<th class="name">{L_CAT}</th>
<th>{L_STATUS}</th>
<th>{L_APPROVAL}</th>
<th>{L_SELECT}</th>
</tr>
</thead>
<tbody>
<!-- BEGIN no_pics -->
<tr>
<td>{no_pics.L_NO_PICS}</td>
</tr>
<!-- END no_pics -->
<!-- BEGIN picrow -->
<tr class="{picrow.ROW_CLASS}">
<td>
<a href="{picrow.PIC_LINK}" target="_blank" onmouseover="createTitle(this, '{picrow.PIC_MESSAGE}', event.pageX, event.pageY);" onmouseout="destroyTitle();">{picrow.PIC_TITLE}</a>
<div class="mobile-visible">
<div><b>{L_POSTER} : </b>{picrow.POSTER}</div>
<div><b>{L_TIME} : </b>{picrow.TIME}</div>
<div><b>{L_CAT} : </b>{picrow.CAT}</div>
<div><b>{L_STATUS} : </b>{picrow.APPROVAL} {picrow.LOCK}</div>
<div class="posts"><input type="checkbox" name="pic_id[]" value="{picrow.PIC_ID}" /></div>
</div>
</td>
<td class="posts mobile-hidden">{picrow.POSTER}</td>
<td class="mobile-hidden">{picrow.TIME}</td>
<td class="mobile-hidden">{picrow.CAT}</td>
<td class="posts mobile-hidden">{picrow.LOCK}</td>
<td class="posts mobile-hidden">{picrow.APPROVAL}</td>
<td class="posts mobile-hidden"><input type="checkbox" name="pic_id[]" value="{picrow.PIC_ID}" /></td>
</tr>
<!-- END picrow -->
</tbody>
</table>
- groupcp_info_body:
Substitua:- Código:
<table class="table1" cellspacing="1">
<thead>
<tr>
<th class="pm">{L_PM}</th>
<th class="name">{L_USERNAME}</th>
<th class="posts">{L_POSTS}</th>
<th class="website">{L_FROM}</th>
<th class="website">{L_EMAIL}</th>
<th class="website">{L_WEBSITE}</th>
<!-- BEGIN switch_mod_option --><th>{L_SELECT}</th><!-- END switch_mod_option -->
</tr>
</thead>
<tbody>
<tr class="row3">
<td colspan="8">{L_GROUP_MODERATOR}</td>
</tr>
<tr class="row1">
<td>{MOD_PM_IMG}</td>
<td><a href="{U_MOD_VIEWPROFILE}">{MOD_USERNAME}</a></td>
<td>{MOD_POSTS}</td>
<td>{MOD_FROM}</td>
<td>{MOD_EMAIL_IMG}</td>
<td>{MOD_WWW_IMG}</td>
<!-- BEGIN switch_mod_option --><td> </td><!-- END switch_mod_option -->
</tr>
<tr class="row3">
<td colspan="8">{L_GROUP_MEMBERS}</td>
</tr>
<!-- BEGIN member_row -->
<tr class="{member_row.ROW_CLASS}">
<td>{member_row.PM_IMG}</td>
<td><a href="{member_row.U_VIEWPROFILE}">{member_row.USERNAME}</a></td>
<td>{member_row.POSTS}</td>
<td>{member_row.FROM}</td>
<td>{member_row.EMAIL_IMG}</td>
<td>{member_row.WWW_IMG}</td>
<!-- BEGIN switch_mod_option --><td class="posts"><input type="checkbox" name="members[]" value="{member_row.USER_ID}" /></td><!-- END switch_mod_option -->
</tr>
<!-- END member_row -->
<!-- BEGIN switch_no_members -->
<tr class="row1">
<td colspan="7"><p class="center">{L_NO_MEMBERS}</p></td>
</tr>
<!-- END switch_no_members -->
<!-- BEGIN switch_hidden_group -->
<tr class="row1">
<td colspan="7"><p class="center">{L_HIDDEN_MEMBERS}</p></td>
</tr>
<!-- END switch_hidden_group -->
</tbody>
</table>
Por:- Código:
<table class="table1" cellspacing="1">
<thead class="mobile-hidden">
<tr>
<th class="pm">{L_PM}</th>
<th class="name">{L_USERNAME}</th>
<th class="posts">{L_POSTS}</th>
<th class="website">{L_FROM}</th>
<th class="website">{L_EMAIL}</th>
<th class="website">{L_WEBSITE}</th>
<!-- BEGIN switch_mod_option --><th>{L_SELECT}</th><!-- END switch_mod_option -->
</tr>
</thead>
<tbody>
<tr class="row3">
<td colspan="8">{L_GROUP_MODERATOR}</td>
</tr>
<tr class="row1">
<td>{MOD_PM_IMG}</td>
<td><a href="{U_MOD_VIEWPROFILE}">{MOD_USERNAME}</a>
<div class="mobile-visible">
<div class="memberlist-info"><b>{L_POSTS}:</b> {MOD_POSTS}</div>
<div class="memberlist-info"><b>{L_FROM}:</b> {MOD_FROM}</div>
<div class="memberlist-info"><b>{L_EMAIL}:</b> {MOD_EMAIL_IMG}</div>
<div class="memberlist-info"><b>{L_WEBSITE}:</b> {MOD_WWW_IMG}</div>
</div>
</td>
<td class="mobile-hidden">{MOD_POSTS}</td>
<td class="mobile-hidden">{MOD_FROM}</td>
<td class="mobile-hidden">{MOD_EMAIL_IMG}</td>
<td class="mobile-hidden">{MOD_WWW_IMG}</td>
<!-- BEGIN switch_mod_option --><td> </td><!-- END switch_mod_option -->
</tr>
<tr class="row3">
<td colspan="8">{L_GROUP_MEMBERS}</td>
</tr>
<!-- BEGIN member_row -->
<tr class="{member_row.ROW_CLASS}">
<td>{member_row.PM_IMG}</td>
<td><a href="{member_row.U_VIEWPROFILE}">{member_row.USERNAME}</a>
<div class="mobile-visible">
<div class="memberlist-info"><b>{L_POSTS}:</b> {memberrow.POSTS}</div>
<div class="memberlist-info"><b>{L_FROM}:</b> {memberrow.INTERESTS}</div>
<div class="memberlist-info"><b>{L_EMAIL}:</b> {memberrow.EMAIL_IMG}</div>
<div class="memberlist-info"><b>{L_WEBSITE}:</b> {memberrow.WWW_IMG}</div>
</div>
</td>
<td class="mobile-hidden">{member_row.POSTS}</td>
<td class="mobile-hidden">{member_row.FROM}</td>
<td class="mobile-hidden">{member_row.EMAIL_IMG}</td>
<td class="mobile-hidden">{member_row.WWW_IMG}</td>
<!-- BEGIN switch_mod_option --><td class="posts"><input type="checkbox" name="members[]" value="{member_row.USER_ID}" /></td><!-- END switch_mod_option -->
</tr>
<!-- END member_row -->
<!-- BEGIN switch_no_members -->
<tr class="row1">
<td colspan="7"><p class="center">{L_NO_MEMBERS}</p></td>
</tr>
<!-- END switch_no_members -->
<!-- BEGIN switch_hidden_group -->
<tr class="row1">
<td colspan="7"><p class="center">{L_HIDDEN_MEMBERS}</p></td>
</tr>
<!-- END switch_hidden_group -->
</tbody>
</table>
- groupcp_pending_info:
Substitua:- Código:
<!-- BEGIN pending_members_row -->
<tr class="{pending_members_row.ROW_CLASS}">
<td>{pending_members_row.PM_IMG}</td>
<td><a href="{pending_members_row.U_VIEWPROFILE}">{pending_members_row.USERNAME}</a></td>
<td>{pending_members_row.POSTS}</td>
<td>{pending_members_row.FROM}</td>
<td>{pending_members_row.EMAIL_IMG}</td>
<td>{pending_members_row.WWW_IMG}</td>
<td class="posts"><input type="checkbox" name="pending_members[]" value="{pending_members_row.USER_ID}" checked="checked" /></td>
</tr>
<!-- END pending_members_row -->
Por:- Código:
<!-- BEGIN pending_members_row -->
<tr class="{pending_members_row.ROW_CLASS}">
<td>{pending_members_row.PM_IMG}</td>
<td><a href="{pending_members_row.U_VIEWPROFILE}">{pending_members_row.USERNAME}</a>
<div class="mobile-visible">
<div class="memberlist-info"><b>{L_POSTS}:</b> {pending_members_row.POSTS}</div>
<div class="memberlist-info"><b>{L_FROM}:</b> {pending_members_row.FROM}</div>
<div class="memberlist-info"><b>{L_EMAIL}:</b> {pending_members_row.EMAIL_IMG}</div>
<div class="memberlist-info"><b>{L_WEBSITE}:</b> {pending_members_row.WWW_IMG}</div>
</div>
</td>
<td class="mobile-hidden">{pending_members_row.POSTS}</td>
<td class="mobile-hidden">{pending_members_row.FROM}</td>
<td class="mobile-hidden">{pending_members_row.EMAIL_IMG}</td>
<td class="mobile-hidden">{pending_members_row.WWW_IMG}</td>
<td class="posts"><input type="checkbox" name="pending_members[]" value="{pending_members_row.USER_ID}" checked="checked" /></td>
</tr>
<!-- END pending_members_row -->
- index_box:
Substitua:- Código:
<span>
<!-- BEGIN switch_topic_title -->
<a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
<!-- END switch_topic_title -->
{catrow.forumrow.USER_LAST_POST}
</span>
Por:- Código:
<span class="lastpost-infos">
<!-- BEGIN switch_topic_title -->
<a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
<!-- END switch_topic_title -->
{catrow.forumrow.USER_LAST_POST}
</span>
- memberlist_body:
Substitua:- Código:
<table class="table1" cellspacing="1" id="memberlist">
<thead>
<tr>
<th class="number">#</th>
<th class="name">{L_AVATAR} - {L_USERNAME}</th>
<!-- BEGIN switch_th_group -->
<th class="group">{L_GROUPS}</th>
<!-- END switch_th_group -->
<!-- BEGIN switch_th_point -->
<th class="point">{L_POINT}</th>
<!-- END switch_th_point -->
<th class="interests">{L_INTERESTS}</th>
<th class="joined">{L_JOINED}</th>
<th class="active">{L_VISITED}</th>
<th class="posts">{L_POSTS}</th>
<th class="pm">{L_PM}</th>
<th class="website">{L_WEBSITE}</th>
</tr>
</thead>
<tbody>
<!-- BEGIN memberrow -->
<tr class="{memberrow.ROW_CLASS}">
<td> {memberrow.ROW_NUMBER} </td>
<td class="avatar-mini"><a href="{memberrow.U_VIEWPROFILE}">{memberrow.AVATAR_IMG} {memberrow.USERNAME}</a></td>
<!-- BEGIN switch_td_group -->
<td>{memberrow.GROUPS}</td>
<!-- END switch_td_group -->
<!-- BEGIN switch_td_point -->
<td>{memberrow.POINTS}</td>
<!-- END switch_td_point -->
<td>{memberrow.INTERESTS}</td>
<td>{memberrow.JOINED}</td>
<td>{memberrow.LASTVISIT}</td>
<td>{memberrow.POSTS}</td>
<td> {memberrow.PM_IMG} </td>
<td> {memberrow.WWW_IMG} </td>
</tr>
<!-- END memberrow -->
<!-- BEGIN switch_no_user -->
<tr class="row1">
<td colspan="{switch_no_user.COLSPAN_NUMBER}">{switch_no_user.L_NO_USER}</td>
</tr>
<!-- END switch_no_user -->
</tbody>
</table>
Por:- Código:
<table class="table1" cellspacing="1" id="memberlist">
<thead class="mobile-hidden">
<tr>
<th class="number">#</th>
<th class="name">{L_AVATAR} - {L_USERNAME}</th>
<!-- BEGIN switch_th_group -->
<th class="group">{L_GROUPS}</th>
<!-- END switch_th_group -->
<!-- BEGIN switch_th_point -->
<th class="point">{L_POINT}</th>
<!-- END switch_th_point -->
<th class="interests">{L_INTERESTS}</th>
<th class="joined">{L_JOINED}</th>
<th class="active">{L_VISITED}</th>
<th class="posts">{L_POSTS}</th>
<th class="pm">{L_PM}</th>
<th class="website">{L_WEBSITE}</th>
</tr>
</thead>
<tbody>
<!-- BEGIN memberrow -->
<tr class="{memberrow.ROW_CLASS}">
<td> {memberrow.ROW_NUMBER} </td>
<td class="avatar-mini">
<a href="{memberrow.U_VIEWPROFILE}">{memberrow.AVATAR_IMG} {memberrow.USERNAME}</a>
<div class="mobile-visible">
<div class="memberlist-info"><b>{L_INTERESTS}:</b> {memberrow.INTERESTS}</div>
<div class="memberlist-info"><b>{L_JOINED}:</b> {memberrow.JOINED}</div>
<div class="memberlist-info"><b>{L_VISITED}:</b> {memberrow.LASTVISIT}</div>
<div class="memberlist-info"><b>{L_POSTS}:</b> {memberrow.POSTS}</div>
<div class="memberlist-info"><b>{L_PM}:</b> {memberrow.PM_IMG}</div>
<div class="memberlist-info"><b>{L_WEBSITE}:</b> {memberrow.WWW_IMG}</div>
</div>
</td>
<!-- BEGIN switch_td_group -->
<td>{memberrow.GROUPS}</td>
<!-- END switch_td_group -->
<!-- BEGIN switch_td_point -->
<td>{memberrow.POINTS}</td>
<!-- END switch_td_point -->
<td class="mobile-hidden">{memberrow.INTERESTS}</td>
<td class="mobile-hidden">{memberrow.JOINED}</td>
<td class="mobile-hidden">{memberrow.LASTVISIT}</td>
<td class="mobile-hidden">{memberrow.POSTS}</td>
<td class="mobile-hidden"> {memberrow.PM_IMG} </td>
<td class="mobile-hidden"> {memberrow.WWW_IMG} </td>
</tr>
<!-- END memberrow -->
<!-- BEGIN switch_no_user -->
<tr class="row1">
<td colspan="{switch_no_user.COLSPAN_NUMBER}">{switch_no_user.L_NO_USER}</td>
</tr>
<!-- END switch_no_user -->
</tbody>
</table>
- overall_header:
Adicione depois de:- Código:
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
A seguinte linha:- Código:
<meta name="viewport" content="width=device-width, initial-scale=1">
------------------------
Depois substitua:- Código:
<!-- BEGIN switch_ticker -->
$(document).ready(function () {
Ticker.start({
height: {switch_ticker.HEIGHT},
spacing: {switch_ticker.SPACING},
speed: {switch_ticker.SPEED},
direction: '{switch_ticker.DIRECTION}',
pause: {switch_ticker.STOP_TIME}
});
});
<!-- END switch_ticker -->
Por:- Código:
<!-- BEGIN switch_ticker -->
Ticker.start({
height: {switch_ticker.HEIGHT},
spacing: {switch_ticker.SPACING},
speed: {switch_ticker.SPEED},
direction: '{switch_ticker.DIRECTION}',
pause: {switch_ticker.STOP_TIME}
});
<!-- END switch_ticker -->
document.onclick = function(e){
if (!e.target.classList.contains('navicon')) {
if ($(e.target).parents('.responsive-headerbar').length == 0 && e.target.id != "menu-btn") {
document.getElementById('menu-btn').checked = false;
}
}
};
-----------------
E susbtitua:- Código:
<div id="headerbar-top">
<div class="wrap">
<a href="{U_INDEX}" id="logo"><img loading="lazy" src="{LOGO}" alt="{L_INDEX}"/></a>
<ul class="navbar navlinks{NAVBAR_BORDERLESS}">
<li>{GENERATED_NAV_BAR}</li>
</ul>
</div>
</div>
Por:- Código:
<div id="headerbar-top" class="responsive-headerbar">
<div class="wrap">
<a href="{U_INDEX}" id="logo"><img loading="lazy" src="{LOGO}" alt="{L_INDEX}"/></a>
<input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
<ul id="modernbb-nav-menu" class="navbar navlinks{NAVBAR_BORDERLESS}">
<li>{GENERATED_NAV_BAR}</li>
</ul>
</div>
</div>
-------------
E por fim, substitua:- Código:
<div class="conteneur_minwidth_IE">
Por:- Código:
<div class="conteneur_minwidth_IE modern-resp">
- topics_list_box:
Substitua:- Código:
<span>
{topics_list_box.row.LAST_POST_AUTHOR} <dfn>{L_LASTPOST}</dfn> {topics_list_box.row.LAST_POST_IMG}<br />{topics_list_box.row.LAST_POST_TIME}
</span>
Por:- Código:
<span class="lastpost-infos">
{topics_list_box.row.LAST_POST_AUTHOR} <dfn>{L_LASTPOST}</dfn> {topics_list_box.row.LAST_POST_IMG}<br />{topics_list_box.row.LAST_POST_TIME}
</span>
- viewcomments_body:
Depois:- Código:
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
try {
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }
if( regId > 0) {
$('.post--' + id).toggle(0, function() {
if( $(this).is(":visible") ) {
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
} else {
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
} catch(e) { }
return false;
};
Adicione:- Código:
$(document).ready(function() {
let post_menus = document.getElementsByClassName('post-menu');
Array.prototype.forEach.call(post_menus, function (post_menu) {
post_menu.addEventListener('click', function (e) {
if (e.target.classList.contains('expanded')) {
e.target.innerHTML = '+';
e.target.classList.remove('expanded');
} else {
let exp_menus = document.querySelectorAll('.post-menu.expanded');
Array.prototype.forEach.call(exp_menus, function (exp_menu) {
exp_menu.innerHTML = '+';
exp_menu.classList.remove('expanded');
});
e.target.innerHTML = '-';
e.target.classList.add('expanded');
}
});
});
document.onclick = function (e) {
if ($(e.target).parents('.menu-wrap').length == 0) {
let exp_menus = document.querySelectorAll('.post-menu.expanded');
Array.prototype.forEach.call(exp_menus, function (exp_menu) {
exp_menu.innerHTML = '+';
exp_menu.classList.remove('expanded');
});
}
};
});
------------------------
Depois substitua:- Código:
<ul class="profile-icons">
<li class="btn-thank">
<a href="{postrow.displayed.THANK_URL}">
<i class="ion-heart"></i>
</a>
</li>
<li class="btn-quote-multi">
<span onclick="{postrow.displayed.MULTIQUOTE_URL}" id="post_mq{TOPIC_ID}_{postrow.displayed.U_POST_ID}">
<i class="ion-quote"></i>
<i class="ion-ios-plus-empty"></i>
</span>
</li>
<li class="btn-quote">
<a href="{postrow.displayed.QUOTE_URL}">
<i class="ion-quote"></i>
</a>
</li>
<li class="btn-edit">
<a href="{postrow.displayed.EDIT_URL}">
<i class="ion-edit"></i>
</a>
</li>
<li class="btn-delete">
<a href="{postrow.displayed.DELETE_URL}">
<i class="ion-trash-a"></i>
</a>
</li>
<li class="btn-ip">
<a href="{postrow.displayed.IP_URL}">
<i class="ion-ios-information"></i>
</a>
</li>
<li class="btn-report">
{postrow.displayed.REPORT_IMG}
</li>
</ul>
Por:- Código:
<div class="menu-wrap">
<div class="post-menu">+</div>
<ul class="profile-icons">
<li class="btn-thank">
<a href="{postrow.displayed.THANK_URL}">
<i class="ion-heart"></i>
</a>
</li>
<li class="btn-quote-multi">
<span onclick="{postrow.displayed.MULTIQUOTE_URL}" id="post_mq{TOPIC_ID}_{postrow.displayed.U_POST_ID}">
<i class="ion-quote"></i>
<i class="ion-ios-plus-empty"></i>
</span>
</li>
<li class="btn-quote">
<a href="{postrow.displayed.QUOTE_URL}">
<i class="ion-quote"></i>
</a>
</li>
<li class="btn-edit">
<a href="{postrow.displayed.EDIT_URL}">
<i class="ion-edit"></i>
</a>
</li>
<li class="btn-delete">
<a href="{postrow.displayed.DELETE_URL}">
<i class="ion-trash-a"></i>
</a>
</li>
<li class="btn-ip">
<a href="{postrow.displayed.IP_URL}">
<i class="ion-ios-information"></i>
</a>
</li>
<li class="btn-report">
{postrow.displayed.REPORT_IMG}
</li>
</ul>
</div>
------------------------
Por fim, substitua:- Código:
<ul class="profile-icons">
<li class="btn-thank">
<a href="{comment.displayed.THANK_URL}">
<i class="ion-heart"></i>
</a>
</li>
<li class="btn-quote-multi">
<span onclick="{comment.displayed.MULTIQUOTE_URL}" id="post_mq{TOPIC_ID}_{comment.displayed.U_POST_ID}">
<i class="ion-quote"></i>
<i class="ion-ios-plus-empty"></i>
</span>
</li>
<li class="btn-quote">
<a href="{comment.displayed.QUOTE_URL}">
<i class="ion-quote"></i>
</a>
</li>
<li class="btn-edit">
<a href="{comment.displayed.EDIT_URL}">
<i class="ion-edit"></i>
</a>
</li>
<li class="btn-delete">
<a href="{comment.displayed.DELETE_URL}">
<i class="ion-trash-a"></i>
</a>
</li>
<li class="btn-ip">
<a href="{comment.displayed.IP_URL}">
<i class="ion-ios-information"></i>
</a>
</li>
<li class="btn-report">
{comment.displayed.REPORT_IMG}
</li>
</ul>
Por:- Código:
<div class="menu-wrap">
<div class="post-menu">+</div>
<ul class="profile-icons">
<li class="btn-thank">
<a href="{comment.displayed.THANK_URL}">
<i class="ion-heart"></i>
</a>
</li>
<li class="btn-quote-multi">
<span onclick="{comment.displayed.MULTIQUOTE_URL}" id="post_mq{TOPIC_ID}_{comment.displayed.U_POST_ID}">
<i class="ion-quote"></i>
<i class="ion-ios-plus-empty"></i>
</span>
</li>
<li class="btn-quote">
<a href="{comment.displayed.QUOTE_URL}">
<i class="ion-quote"></i>
</a>
</li>
<li class="btn-edit">
<a href="{comment.displayed.EDIT_URL}">
<i class="ion-edit"></i>
</a>
</li>
<li class="btn-delete">
<a href="{comment.displayed.DELETE_URL}">
<i class="ion-trash-a"></i>
</a>
</li>
<li class="btn-ip">
<a href="{comment.displayed.IP_URL}">
<i class="ion-ios-information"></i>
</a>
</li>
<li class="btn-report">
{comment.displayed.REPORT_IMG}
</li>
</ul>
</div>
- viewtopic_body:
Substitua:- Código:
<ul class="profile-icons">
<li class="btn-thank">
<a href="{postrow.displayed.THANK_URL}">
<i class="ion-heart"></i>
</a>
</li>
<li class="btn-quote-multi">
<span onclick="{postrow.displayed.MULTIQUOTE_URL}" id="post_mq{TOPIC_ID}_{postrow.displayed.U_POST_ID}">
<i class="ion-quote"></i>
<i class="ion-ios-plus-empty"></i>
</span>
</li>
<li class="btn-quote">
<a href="{postrow.displayed.QUOTE_URL}">
<i class="ion-quote"></i>
</a>
</li>
<li class="btn-edit">
<a href="{postrow.displayed.EDIT_URL}">
<i class="ion-edit"></i>
</a>
</li>
<li class="btn-delete">
<a href="{postrow.displayed.DELETE_URL}">
<i class="ion-trash-a"></i>
</a>
</li>
<li class="btn-ip">
<a href="{postrow.displayed.IP_URL}">
<i class="ion-ios-information"></i>
</a>
</li>
<li class="btn-report">
{postrow.displayed.REPORT_IMG}
</li>
</ul>
Por:- Código:
<div class="menu-wrap">
<div class="post-menu">+</div>
<ul class="profile-icons">
<li class="btn-thank">
<a href="{postrow.displayed.THANK_URL}">
<i class="ion-heart"></i>
</a>
</li>
<li class="btn-quote-multi">
<span onclick="{postrow.displayed.MULTIQUOTE_URL}" id="post_mq{TOPIC_ID}_{postrow.displayed.U_POST_ID}">
<i class="ion-quote"></i>
<i class="ion-ios-plus-empty"></i>
</span>
</li>
<li class="btn-quote">
<a href="{postrow.displayed.QUOTE_URL}">
<i class="ion-quote"></i>
</a>
</li>
<li class="btn-edit">
<a href="{postrow.displayed.EDIT_URL}">
<i class="ion-edit"></i>
</a>
</li>
<li class="btn-delete">
<a href="{postrow.displayed.DELETE_URL}">
<i class="ion-trash-a"></i>
</a>
</li>
<li class="btn-ip">
<a href="{postrow.displayed.IP_URL}">
<i class="ion-ios-information"></i>
</a>
</li>
<li class="btn-report">
{postrow.displayed.REPORT_IMG}
</li>
</ul>
</div>
------------------------
Depois de:- Código:
$('.post').each(function() {
if($(this).find('.postprofile-avatar').html() !== undefined) {
if (!$(this).find('.postprofile-avatar').html().length) {
$(this).find('.postprofile-rank').css('border-bottom', 'none');
$(this).find('.postprofile > dl > dt').css('min-height', $(this).find('.post-head').innerHeight());
}
}
});
Adicione:- Código:
let post_menus= document.getElementsByClassName('post-menu');
Array.prototype.forEach.call(post_menus,function(post_menu) {
post_menu.addEventListener('click', function (e) {
if (e.target.classList.contains('expanded')){
e.target.innerHTML='+';
e.target.classList.remove('expanded');
}else{
let exp_menus = document.querySelectorAll('.post-menu.expanded');
Array.prototype.forEach.call(exp_menus,function(exp_menu) {
exp_menu.innerHTML='+';
exp_menu.classList.remove('expanded');
});
e.target.innerHTML='-';
e.target.classList.add('expanded');
}
});
});
document.onclick = function(e){
if ($(e.target).parents('.menu-wrap').length==0) {
let exp_menus = document.querySelectorAll('.post-menu.expanded');
Array.prototype.forEach.call(exp_menus,function(exp_menu) {
exp_menu.innerHTML='+';
exp_menu.classList.remove('expanded');
});
}
};
- em 15.11.22 14:35
- Procurar em: Anúncios e atualizações
- Tópico: ModernBB: Agora é responsiva
- Respostas: 1
- Vistos: 1127
ModernBB: Agora é responsiva
ModernBB ainda mais moderno |
Caros utilizadores, A versão ModernBB é um grande sucesso desde o seu lançamento em 2017. Esse sucesso deve-se principalmente a sua aparência moderna sem perder o espírito dos fóruns. Infelizmente, esta versão não era "responsiva"... até hoje! Cada vez mais novos usuários preferem navegar pelos fóruns gratuitos Forumeiros a partir de um smartphone ou tablet. É por isso que temos o prazer de anunciar que após um longo trabalho realizado pela equipa técnica, a versão ModernBB agora é responsiva. Isso significa que a exibição do fórum agora está otimizada para dispositivos móveis, uma melhor experiência para membros e visitantes que usam telas pequenas, mas também possivelmente uma melhor classificação nos mecanismos de pesquisa (especialmente se forçar a exibição da versão Web porque o seu fórum não era considerado "compatível com dispositivos móveis"). Para ilustrar melhor essa mudança, veja como era um fórum do #ModernBB no smartphone antes e depois dessa atualização: Como sempre, a cada atualização ao nível dos templates, os administradores que usam ModernBB com edições em determinados templates do fórum não receberão automaticamente todas as atualizações. Da mesma forma, que problemas de exibição podem ser visíveis devido ao cache do navegador (lembre-se de limpá-lo se for o caso). Por fim, as personalizações de CSS adicionadas pelos administradores podem causar conflitos ou problemas de exibição do fórum em dispositivos móveis. Se estiver neste caso, um truque simples e (normalmente) eficaz é remover a linha abaixo no template overall_header (se o template não for modificado). O fórum deve então recuperar a sua aparência clássica.
Até breve! A tua equipa Forumeiros. |
- em 15.11.22 14:27
- Procurar em: Anúncios e atualizações
- Tópico: ModernBB: Agora é responsiva
- Respostas: 1
- Vistos: 1127
Alterar a versão do fórum
Olá, @lucas_InSaniTy,Aceda ao Painel administrativo > Visualização > Temas > Escolher um tema clique em Versão e selecione #modernBB
Atenciosamente,
pedxz.
Olá! Seja bem-vindo(a) ao suporte Forumeiros!Como acabou de inscrever-se, aqui estão alguns pontos importantes a saber:
|
- em 01.09.22 14:08
- Procurar em: Questões resolvidas sobre o painel administrativo
- Tópico: Alterar a versão do fórum
- Respostas: 3
- Vistos: 850
Tópicos: Saiba quem e quantos participantes um tópico tem
Saiba quem são os participantes de cada tópico |
Caros utilizadores, Temos o prazer de anunciar que um novo recurso está disponível em todas as versões dos fóruns gratuitos Forumeiros: a possibilidade de saber quem e quantos participam em um tópico. Desde dia 19 de julho este recurso já havia sido implantado nas versões #ModernBB e #AwesomeBB (em fóruns que não usam os templates editados). Hoje, a funcionalidade foi estendida para as versões #PHPBB3, #PHPBB2, #Invision, #PunBB e versão (moderna) móvel. DemonstraçãophpBB3
Esperemos que esta pequena novidade agrade a sua comunidade! Aguardamos inquietamente a divulgação das novas novidades, A sua equipa Forumeiros. |
- em 29.07.21 20:35
- Procurar em: Anúncios e atualizações
- Tópico: Tópicos: Saiba quem e quantos participantes um tópico tem
- Respostas: 1
- Vistos: 2207
Adicionar mais que um rank por membro
PauloVinicios1755 escreveu:ficou com duas placas e uma do meu fórum antigo https://i.imgur.com/CRLnMr0.png
Desculpe, não percebi a sua questão. Eu compatibilizei o seu código para #ModernBB então é normal que seja adicionado mais uma placa de acordo com a versão antiga do seu fórum.
- em 27.06.21 15:32
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Adicionar mais que um rank por membro
- Respostas: 9
- Vistos: 1147
Emblemas no perfil para AwesomeBB
Olá @Saintness,Para uma maior rapidez no suporte é importante passar o código que estava a usar na versão #modernbb para compatibilizar. Use o seguinte:
- Código:
(function ($) {
'use strict';
$(function () {
$('#field_id3 img, .post-author-details:contains("Emblemas") img').each(function() {
var $this = $(this);
var $label = $this.next();
$this.replaceWith($('<div>', {
'class': 'rcc-emblems-div',
style: 'background-image: url(' + $this.attr('src') + ')',
alt: $.trim($label.text())
}));
$label.remove();
});
$('.post-aside').each(function () {
var $profile = $(this);
$profile
.find('.post-author-details .label:contains("Emblemas")')
.parent()
.hide();
$profile
.find('.rcc-emblems-div:first')
.before([
'<div class="rcc-emblems-global-wrapper">',
' <div class="only-8-em"></div>',
' <div class="default-em" style="display: none;"></div>',
' <a class="show-more-em" href="javascript:void(0);" style="display: none;">Mostrar todos</a>',
'</div>',
'',
'<!-- @ignore | Estilos Opcionais -->',
'<style>',
' .rcc-emblems-global-wrapper * {',
' transition: initial !important;',
' }',
'',
' .show-more-em {',
' margin-top: 10px;',
' display: block;',
' }',
'',
' .default-em:empty + a {',
' display: none !important;',
' }',
'.default-em.no-animation { overflow: initial !important; }',
'</style>'
].join('\n'))
;
$profile
.find('.rcc-emblems-div')
.each(function () {
var $this = $(this);
$this
.next('br')
.hide()
;
$this.appendTo($profile.find('.default-em'));
})
;
var label = $('.postprofile > dl > dd.postprofile-info > .label:contains("Localização")');
if(label.length > 0) {
label
.next('br')
.hide()
;
}
$profile
.find('.default-em')
.find('.rcc-emblems-div')
.each(function (index, self) {
if (index > 7) {
return;
}
$profile.find('.show-more-em').show();
$(this).appendTo($profile.find('.only-8-em'));
})
;
$profile
.find('.show-more-em')
.on('click', function () {
var $this = $(this);
if ($this.is('.clicked')) {
$this.removeClass('clicked').text('Mostrar todos');
$profile.find('.default-em').removeClass('no-animation').slideUp(300, function () {
$(this).addClass('no-animation');
});
return;
}
$this.addClass('clicked').text('Mostrar menos');
$profile.find('.default-em').removeClass('no-animation').slideDown(300, function () {
$(this).addClass('no-animation');
});
})
;
});
});
}(jQuery));
Alterando o #field_id3 para o ID do campo dos emblemas.
Atenciosamente,
pedxz.
- em 30.05.21 14:40
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Emblemas no perfil para AwesomeBB
- Respostas: 3
- Vistos: 1086
Variável do alt de (sem) novas mensagens
Olá @Connor R.,Obrigado pelo relatório! De facto é um lapso que será transmitido e corrigido em todas as versões (não é exclusivo da #modernbb). Altere a variável para: {topics_list_box.row.L_TOPIC_FOLDER_ALT}
Cordialmente,
pedxz.
- em 19.02.21 20:21
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Variável do alt de (sem) novas mensagens
- Respostas: 5
- Vistos: 656
Foto de perfil quadrada
Olá @[AP]Guardiao,O endereço do fórum preenchido no formulário usa a versão #ModernBB não o #phpBB, ou #phpbb3, ou #Awesomebb. A questão é relativa ao fórum em cima?! Ou outro?
Aguardo uma resposta sua,
pedxz.
- em 18.09.20 10:56
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Foto de perfil quadrada
- Respostas: 5
- Vistos: 1248
Barra de visitantes no perfil
a única novidade que teve foi o fato de agora a barra está em português.
Para além da tradução houve a adaptação para a versão #ModernBB
Vá ao Painel de controle > Geral > Fórum > Segurança em "Desautorizar formulários não oficiais de postarem no fórum e enviar mensagens privadas" marque "Não"!
- em 11.09.20 9:27
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Barra de visitantes no perfil
- Respostas: 7
- Vistos: 1020
Reposicionar botão "Novo tópico"
pedxz escreveu:Vá ao viewforum_body (template) localize:
- Código:
<!-- BEGIN switch_user_authpost -->
<div class="buttons">
<div class="post-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></div>
</div>
<!-- END switch_user_authpost -->
altere para:
- Código:
<!-- BEGIN switch_user_authpost -->
<div class="buttons">
<div class="post-icon"><a href="{U_POST_NEW_TOPIC}" class="button1" accesskey="n" rel="nofollow">{L_POST_NEW_TOPIC}</a></div>
</div>
<!-- END switch_user_authpost -->
Relativamente a aparência o senhor quer que todos os botões fiquem com a aparência igual a versão #modernbb?!
Altere este código para:
- Código:
<!-- BEGIN switch_user_authpost -->
<div class="buttons" style="position: fixed; bottom: 5%; right: 5%;">
<div class="post-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow" style="background-color:#4299E1;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,0.3);color:#fff;display:inline-block;font-family:Roboto, sans-serif;font-size:1.2rem;font-weight:500;overflow:hidden;padding:9px 18px;position:relative;text-decoration:none;vertical-align:middle;width:auto!important">{L_POST_NEW_TOPIC}</a></div>
</div>
<!-- END switch_user_authpost -->
- em 30.07.20 16:38
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Reposicionar botão "Novo tópico"
- Respostas: 11
- Vistos: 1076
Reposicionar botão "Novo tópico"
Vá ao viewforum_body (template) localize:- Código:
<!-- BEGIN switch_user_authpost -->
<div class="buttons">
<div class="post-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></div>
</div>
<!-- END switch_user_authpost -->
altere para:
- Código:
<!-- BEGIN switch_user_authpost -->
<div class="buttons">
<div class="post-icon"><a href="{U_POST_NEW_TOPIC}" class="button1" accesskey="n" rel="nofollow">{L_POST_NEW_TOPIC}</a></div>
</div>
<!-- END switch_user_authpost -->
Relativamente a aparência o senhor quer que todos os botões fiquem com a aparência igual a versão #modernbb?!
- em 30.07.20 15:18
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Reposicionar botão "Novo tópico"
- Respostas: 11
- Vistos: 1076
Alteração no rodapé
Olá @Dragon_Obscure,Pela sua captura de ecrã (printscreen) pouco se perceber o que o senhor deseja. O senhor quer adicionar uma aparência semelhante a versão #modernbb (ver)?!
Aguardo uma resposta sua,
pedxz.
- em 27.06.20 22:47
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Alteração no rodapé
- Respostas: 7
- Vistos: 695
Últimos assuntos no topo do fórum
Para o fórum que usa #modernbb altere para:- Código:
.recentTopics div.h3 {
background-color: #262323;
border-bottom: solid 1px #2a2e32 !important;
border-radius: 3px 3px 0 0;
color: #fff;
font-size: 12px;
font-weight: 400;
margin: 0;
padding: 6px;
height: 25px;
line-height: 0;
text-align: center;
text-transform: none;
}
.recentTopics {
margin: 15px 0;
}
.mod-recent-row {
background: #fff;
border: 1px solid #ccc;
border-radius: 0 0 3px 3px;
height: 280px;
min-height: 290px;
overflow: scroll;
overflow-x: hidden;
}
.recentTopics ul {
padding-left: 0 !important;
}
li.recentPost:nth-child(even) {
background-color: #edf1f7;
}
li.recentPost {
min-height: 50px;
padding: 1em 1em 0.5em 1em;
list-style-type: none;
}
li.recentPost:not(:last-child) {
border-bottom: 1px dashed #f3f3f3;
}
.recentPost a[href^="/t"] {
font-size: 14px;
text-decoration: none;
font-weight: bold;
}
.mod-recent-info {
display: flex !important;
line-height: 20px;
float: right;
width: 30%;
flex-direction: column-reverse;
padding-left: 50px;
position: relative;
}
.mod-recent-author {
margin-left: 0 !important;
}
#right,
#left {
display: none !important;
}
- em 24.06.20 0:15
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Últimos assuntos no topo do fórum
- Respostas: 19
- Vistos: 1791
Últimos assuntos no topo do fórum
Eu tenho receio não compreender que versão o senhor usa #modernbb como preenchido do formulário ou #phpbb3 como demonstrado da sua captura de ecrã (printscreen) o código em cima foi adaptado para #phppbb3 já que o senhor demonstrou o erro desta versão. Caso use #modernbb adicione na sua folha de estilo:- Código:
.mod-recent-info {
display: flex !important;
line-height: 20px;
float: right;
width: 30%;
flex-direction: column-reverse;
padding-left: 50px;
position: relative;
}
.mod-recent-author {
margin-left: 0 !important;
}
Acho que com cada forúm o tamanho deve ser diferente.
O código em cima tem um tamanho fixo. Houve só a remoção dos widgets:
- Código:
#right,
#left {
display: none !important;
}
- em 23.06.20 23:47
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Últimos assuntos no topo do fórum
- Respostas: 19
- Vistos: 1791
Atalhos no topo da página Inicial
O senhor vai querer semelhante a esse modelo sem o uso de texto?
Lembre-se de preencher o formulário corretamente a versão do seu fórum é #ModernBB não #phpBB3.
- em 22.06.20 22:34
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Atalhos no topo da página Inicial
- Respostas: 9
- Vistos: 1385
Botão de curtir
Olá @Dragon_Obscure,Esse código foi feito especialmente para #ModernBB se compatibilizar para #phpBB3 "perde a magia". Veja este tutorial (inglês): "Improve the reputation system so it counts votes", e diga-me se satisfaz!
Aguardo uma resposta sua,
pedxz.
- em 17.06.20 22:54
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Botão de curtir
- Respostas: 6
- Vistos: 1112
Modificação do final da página
Olá @Icaro325,Só para ter completa certeza, o senhor deseja alterar a aparência do rodapé da versão #AwesomeBB para #ModernBB?!
Aguardo uma resposta sua,
pedxz.
Icaro325 escreveu:Então???
Tente não fazer comentários inúteis! O senhor tem o direito de fazer um "UP" ao tópico após 24 horas sem qualquer comentário considerando inútil.
- em 14.06.20 14:02
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Modificação do final da página
- Respostas: 18
- Vistos: 1047
Incluir Formulário em Responder ao Tópico
Olá @PixelMoura,Como o seu Fórum está em manutenção, irei especular baseado do que vejo. Entre no Painel de controle > Módulos > HTML & JAVASCRIPT > Gestão dos códigos JavaScript e veja se a opção "Habilitar o gerenciamento dos códigos JavaScript" esta marcada como "Sim"!
Atenciosamente,
pedxz.
Bem-vindo ao Fórum dos Fóruns!Seja bem-vindo ao Fórum dos Fóruns! Como acabou de se inscrever, veja aqui alguns links importantes a saber:
|
Ao preencher o formulário use sempre as informações do seu Fórum, nomeadamente a versão, o senhor não usa #InVision e sim #ModernBB!
- em 16.05.20 19:02
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Incluir Formulário em Responder ao Tópico
- Respostas: 11
- Vistos: 1703
Sistema de pesquisa de membros
Olá @sucodemaracaju,Bem-vindo ao Fórum dos Fóruns!Seja bem-vindo ao Fórum dos Fóruns! Como acabou de se inscrever, veja aqui alguns links importantes a saber:
|
Já fiz o código, porém preciso saber se o senhor vai quer usar a busca em todas as páginas ou só na página inicial? (Preciso saber para ajustar no tema da versão #modernbb)
Aguardo uma resposta sua,
pedxz.
- em 04.05.20 11:03
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Sistema de pesquisa de membros
- Respostas: 16
- Vistos: 1130
Degradê nas informações do usuário - tópico
Olá @Croxis,Altere o código em cima para:
- Código:
(function ($) {
'use strict';
$(function () {
$('.post').each(function () {
var $this = $(this);
var uColor = $this.find('.postprofile a[href^="/u"] span[style]').css('color');
if (uColor === 'rgb(0, 0, 0)') {
return;
}
$this.find('.postprofile').css({
background: 'linear-gradient(90deg, ' + uColor + ' 0%, rgba(255, 255, 255, 0) 25%)'
});
});
});
}(jQuery));
Como não consegui acessar a nenhum tópico, não sei se houve edição dos templates fiz a modificação para os templates padrão #modernbb
Cordialmente,
pedxz.
- em 13.04.20 10:16
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Degradê nas informações do usuário - tópico
- Respostas: 6
- Vistos: 1066
Mensagens Bots
O código funciona somente na versão #ModernBB - no caso na versão em uso do seu fórum - para ajudar melhor, o Senhor pode explicar o que pretende fazer?Aguardo uma resposta sua,
pedxz.
(Feliz Natal)
- em 26.12.19 0:38
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Mensagens Bots
- Respostas: 4
- Vistos: 976
Como alterar a versão do fórum
Olá @xDominiC_.,Entre no seu Painel de controle > Visualização > Temas, vá ao separador: versão, e mude para #ModernBB.
Já a outra questão não poderá ser resolvida neste tópico, porque segundo o regulamento de suporte, só é válida uma questão por tópico.
Cordialmente,
pedxz.
- em 31.03.19 15:00
- Procurar em: Questões resolvidas sobre o painel administrativo
- Tópico: Como alterar a versão do fórum
- Respostas: 3
- Vistos: 1217
Ajustamento do fundo do fórum
Olá @Jhool,E o problema de ficar mal, é devido a imagem?
Porque o estilo do fundo é padrão na versão #modernbb.
Se quiser uma imagem com melhor resolução, o Senhor terá que abrir um tópico em: Pedidos Gráficos.
Aguardo uma resposta sua,
pedxz.
- em 14.11.18 21:24
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Ajustamento do fundo do fórum
- Respostas: 7
- Vistos: 952
Personalizar barra de navegação
Leia este tópico: Questão Resolvida.E exponha aqui às suas dúvidas!
Veja que o Senhor escolheu a opção #phpBB3 como a versão do seu fórum, porém o Senhor usa #ModernBB, tenha atenção ao preenchimento do formulário
- em 14.11.18 13:16
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Personalizar barra de navegação
- Respostas: 7
- Vistos: 1290
Adicionar barra de pesquisa e outras informações no topo do fórum
Mude o template para:- Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<!-- BEGIN switch_compat_meta -->
<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
<!-- END switch_compat_meta -->
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<!-- BEGIN switch_recent_jquery -->
<script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
<!-- END switch_recent_jquery -->
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
{RICH_SNIPPET_GOOGLE}
<!-- BEGIN switch_fb_login -->
<script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
<!-- BEGIN switch_ticker -->
<link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css" />
<script src="{JQUERY_DIR}ticker/ticker.js" type="text/javascript"></script>
<!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new -->
<script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam )
{
case 'top' :
slid_vert = true;
break;
case 'left':
break;
case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;
case 'right':
auto_dir = 'prev';
break;
default:
slid_vert = true;
}
$(document).ready(function() {
$('#fa_ticker_content').css('display','block');
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
if (width_max > 0)
{
$('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});
if (slid_vert)
{
var height_max = h_perso;
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
$('ul#fa_ticker_content li').height(height_max);
}
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
if(pm != null) { pm.focus(); }
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
if(report != null) { report.focus(); }
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
$(document).ready(function() {
Ticker.start({
height : {switch_ticker.HEIGHT},
spacing : {switch_ticker.SPACING},
speed : {switch_ticker.SPEED},
direction : '{switch_ticker.DIRECTION}',
pause : {switch_ticker.STOP_TIME}
});
});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");
$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<style type="text/css">
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
display: inline !important;
}
<!-- BEGIN switch_ticker_new -->
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
<!-- END switch_ticker_new -->
</style>
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '{G_ANALYTICS_ID}', 'auto');
<!-- BEGIN google_analytics_code_bis -->
ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
<!-- END google_analytics_code_bis -->
ga('send', 'pageview');
<!-- BEGIN google_analytics_code_bis -->
ga('bis.send', 'pageview');
<!-- END google_analytics_code_bis -->
ga('set', 'anonymizeIp', true);
<!-- BEGIN google_analytics_code_bis -->
ga('bis.set', 'anonymizeIp', true);
<!-- END google_analytics_code_bis -->
//]]>
</script>
<!-- END google_analytics_code -->
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet" />
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" />
</head>
<body id="modernbb">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="{hitskin_preview.PATH_IMG_FA}hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
<div class="h3">{SITENAME}</div>
<div id="login_popup_message">
{LOGIN_POPUP_MSG}
</div>
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="button1" value="{L_LOGIN}" />
<input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
</div>
<!-- END switch_login_popup -->
<a id="top" name="top" accesskey="t"></a>
{JAVASCRIPT}
<div id="page-header">
<div class="headerbar">
<div id="headerbar-top">
<div class="wrap">
<a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
<ul class="navbar navlinks{NAVBAR_BORDERLESS}">
<li>{GENERATED_NAV_BAR}</li>
</ul>
</div>
</div>
<div class="wrap">
<div id="site-desc">
<!-- BEGIN switch_h1 -->
<div id="site-title">{switch_h1.MAIN_SITENAME}</div>
<!-- END switch_h1 -->
<!-- BEGIN switch_desc -->
<p>{switch_desc.SITE_DESCRIPTION}</p>
<!-- END switch_desc -->
</div>
</div>
</div>
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_blockD" style="margin-top:4px;">
<div class="module">
<div class="inner">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</div>
</div>
</div>
<!-- END switch_ticker_new -->
</div>
<div class="conteneur_minwidth_IE">
<div class="conteneur_layout_IE">
<div class="conteneur_container_IE">
<div id="wrap">
<div id="page-body">
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:4px;">
<div class="module">
<div class="inner">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END switch_ticker -->
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<div id="outer-wrapper">
<div id="wrapper">
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
<div id="container">
<div id="content-main">
<div id="main">
<div id="main-content">
<div class="pun-social">
<form method="get" action="/search?search_where=11" id="search">
<input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" placeholder="Buscar...">
<button type="submit" value="Buscar">
<i class="fa fa-search"></i></button>
</form>
<div class="pun-samp">
<a href="samp://149.56.41.55:7777">
<img src="http://www.game-state.com/149.56.41.55:7777/350x20_FFFFFF_FFFFFF_3091c1_3091c1.png" alt="www.Game-State.com" />
</a>
</div>
</div>
Olha cuidado a preencher o formulário de suporte está dito como #phpBB3 e na realidade é o #Modernbb, agradecia
- em 01.11.18 20:36
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Adicionar barra de pesquisa e outras informações no topo do fórum
- Respostas: 21
- Vistos: 1539
WhiteShadow - ModernBB
WhiteShadow
Versão#ModernBB
Link do HitSkin
https://pt.hitskin.com/buscar-um-tema/whiteshadow/215158
Demonstração
http://demo.nicetheme.com/forum?theme_id=215158
Descrição
O tema é super simples, com poucas edições pórem é ótimo para fóruns de tecnologia, programação, suporte ou outros.
A cor predominante é o branco. Tema simples para iniciantes, poucas edições, e diferencia o tema padrão ModernBB.
Qualquer dúvida és livre de perguntar: Suporte HitSkin.
- em 28.10.18 16:46
- Procurar em: Apresentação de temas Hitskin
- Tópico: WhiteShadow - ModernBB
- Respostas: 0
- Vistos: 2122
Fixar menu de navegação
Primeiro gostaria de relatar uma pequena observação a sua versão é #modernbb e não #phpbb3.Com a barra de ferramentas ativa, a barra de navegação nunca irá fixar no topo. Porém deve relatar que a barra já é fixa devido a um script.
- em 09.10.18 9:19
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Fixar menu de navegação
- Respostas: 8
- Vistos: 1855
Mensagens Moderativas
Isso porque o printscreen demonstra outra vez a versão #ModernBB, e o seu fórum é #AwesomeBB, pelo qual o código é para AwesomeBB, mude o código para:- Código:
#preview .postbody table, #preview .postbody td, div[class*='post--'] .postbody table, div[class*='post--'] .postbody td {
border: none !important;
}
- em 29.09.18 21:19
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Mensagens Moderativas
- Respostas: 11
- Vistos: 1248
Mensagens Moderativas
Mas o que ajudaria era um printscreen do erro no fórum citado e não de um paralelo, tenha atenção que a sua versão é #AwesomeBB e não #ModernBB.Testei e o fundo aparece, têm forma de demonstrar via tópico? Sobre os FontAwesome crie uma nova página JavaScript com o seguinte código:
- Código:
$(window).on('load', function() {
$('head').append('<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">');
});
Cordialmente,
pedxz.
- em 29.09.18 9:21
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Mensagens Moderativas
- Respostas: 11
- Vistos: 1248
DropDown de Mensagens
Eu testei no meu fórum #ModernBB e deu certo:-> http://prntscr.com/gp6phf
Você tem algum template modificado na página de Mensagens Privadas?
- em 24.09.17 20:39
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: DropDown de Mensagens
- Respostas: 15
- Vistos: 1253
Como importar/exportar postagens para outro fórum
Boa noite.Não é necessário exportar. #Forumeiros permite que você possa trocar a versão de seu fórum a qualquer momento sem conhecimentos técnicos ou atualizações na base de dados. Acessando Painel de Controle >> Visualização >> Temas >> Escolher um tema >> Versão >> e depois selecione a versão de fórum desejada. Disponibilizamos #ModernBB, #phpBB3, #phpBB2, #Invision e #PunBB
Atenciosamente,
Shek
Tópico movido de 'Outras questões' para 'Questões sobre o painel de administração'.
- em 22.07.17 2:05
- Procurar em: Questões resolvidas sobre o painel administrativo
- Tópico: Como importar/exportar postagens para outro fórum
- Respostas: 2
- Vistos: 2307
Colocar icone no perfil
Olá novamente.Poste aqui o código antigo que usa, e vamos tentar adaptá-lo para a nova versão #ModernBB
- em 01.06.17 12:23
- Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
- Tópico: Colocar icone no perfil
- Respostas: 17
- Vistos: 1699
Uma nova versão para fóruns Forumeiros
Bom dia!Sua sugestão foi aceita pelo suporte técnico. Disponibilizamos a versão #ModernBB para nossos usuários. Leia este anúncio para compreender melhor: https://ajuda.forumeiros.com/t108254-modernbb-conheca-a-nova-versao-de-forum-dos-foruns-forumeiros
Atenciosamente,
Shek
Sugestão aceita
- em 21.03.17 14:47
- Procurar em: Sugestões aprovadas
- Tópico: Uma nova versão para fóruns Forumeiros
- Respostas: 8
- Vistos: 1803
SCEditor ModernBB
Olá!Não há diferenças do SCEditor na versão #ModernBB para o #PunBB ou qualquer versão. O detalhe que faz o SCeditor parecer diferente, é que foi usado CSS para esticar a caixa de respostas.
- em 18.03.17 13:34
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: SCEditor ModernBB
- Respostas: 5
- Vistos: 1243
ModernBB - Conheça a nova versão de fórum dos fóruns Forumeiros
ModernBB - Novo tema para fóruns |
Caros Administradores, Em busca de melhoras para o serviço, temos o prazer de anunciar uma nova versão para seus fóruns, visando melhorar a experiência do usuário. Esta nova versão, nomeada como ModernBB foi adicionada às 4 já existentes (phpBB2, phpBB3, PunBB e Invision) no seu Painel de Controle.
O que a nova versão tem?#ModernBB tem exclusividades que você já imaginou! Com um design refinado e completo, você conta com:
Para isso, basta escolher a opção "Página inicial do Fórum" em Versão mobile, e o recurso "Mudar a versão para Moderna. Sem mais a dizer, vamos deixar você desfrutar do que esta versão tem a oferecer. Observações
Fique atento... Outras novidades estão por vir. Atenciosamente, A equipe Forumeiros. |
- em 07.03.17 16:46
- Procurar em: Anúncios e atualizações
- Tópico: ModernBB - Conheça a nova versão de fórum dos fóruns Forumeiros
- Respostas: 28
- Vistos: 11293