Formatar links inferiores
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Formatar links inferiores
Detalhes da questão
Endereço do fórum: http://brasilperfectnew.forumeiros.com
Versão do fórum: phpBB3
Descrição
Como deixo meus sub Foruns nesse formato???
brasilplayshox.forumeiros.com Onde encontrei
Re: Formatar links inferiores
Olá!
Adicione este CSS na sua folha de estilos:
Hancki
Adicione este CSS na sua folha de estilos:
- Código:
.topiclist.forums li.row dl.icon dd.dterm > div :not(.hierarchy):not(.forumtitle):not( strong ) {
background: none !important;
border: none !important;
padding-top: 5px !important;
padding: 0px;
margin: 0px !important;
}
.topiclist.forums li.row dl.icon dd.dterm > div :not(.hierarchy):not(.forumtitle):not( strong ):before {
content:url('https://i.imgur.com/Kf2yjDZ.png');
}
Hancki
Re: Formatar links inferiores
Olá!
Remova todos os códigos passados e poste aqui o o seu template index_box.
Painel de Controle Visualização Templates Geral
Fico no aguardo.
Remova todos os códigos passados e poste aqui o o seu template index_box.
Painel de Controle Visualização Templates Geral
Fico no aguardo.
Re: Formatar links inferiores
- Código:
<ul class="linklist top">
<!-- BEGIN switch_user_logged_in -->
<li>
<a href="{U_SEARCH_NEW}"><i class="ion-ios-flame"></i>{L_SEARCH_NEW}</a>
</li>
<li>
<a href="{U_SEARCH_SELF}"><i class="ion-ios-box-outline"></i>{L_SEARCH_SELF}</a>
</li>
<!-- END switch_user_logged_in -->
<li>
<a href="{U_SEARCH_UNANSWERED}"><i class="ion-ios-chatbubble-outline"></i>{L_SEARCH_UNANSWERED}</a>
</li>
<!-- BEGIN switch_user_logged_in -->
<li class="rightside">
<a href="{U_MARK_READ}" accesskey="m"><i class="ion-android-checkmark-circle"></i>{L_MARK_FORUMS_READ}</a>
</li>
<!-- END switch_user_logged_in -->
</ul>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="forabg">
<ul class="topiclist">
<li class="header">
<dl class="icon">
<dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
<dd class="topics"><i class="ion-android-list" data-tooltip="{L_TOPICS}"></i></dd>
<dd class="posts"><i class="ion-android-chat" data-tooltip="{L_POSTS}"></i></dd>
<dd class="lastpost"><i class="ion-android-time" data-tooltip="{L_LASTPOST}"></i></dd>
</dl>
</li>
</ul>
<ul class="topiclist forums">
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<li class="row">
<dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
<dd class="dterm">
<div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
</h{catrow.forumrow.LEVEL}>
{catrow.forumrow.FORUM_DESC}
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
<strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
</div>
</dd>
<dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
<dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
<dd class="lastpost">
<!-- BEGIN ads -->
<span class="AD_LastPA">
<span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
<span class="AD_LastInfos">
<a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a>
{catrow.forumrow.ads.DATE}<br />
{catrow.forumrow.ads.LOCATION}
</span>
</span>
<!-- END ads -->
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
<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>
</dd>
</dl>
</li>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</ul>
</div>
<!-- END tablefoot -->
<!-- END catrow -->
<!-- BEGIN switch_on_index -->
<ul class="linklist bottom">
<li>
<a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>
</li>
<li>
<a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>
</li>
<li class="last">
<a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a>
</li>
<!-- BEGIN switch_delete_cookies -->
<li class="rightside">
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow"><i class="ion-trash-a"></i>{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
</li>
<!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
var btn_collapse = $('<div></div>', {
class: 'btn-collapse'
});
var btn_collapse_show = $('<i></i>', {
class: 'ion-android-add-circle hidden',
'data-tooltip': '{L_EXPEND_CAT}'
}).appendTo(btn_collapse);
var btn_collapse_hide = $('<i></i>', {
class: 'ion-android-remove-circle',
'data-tooltip': '{L_HIDE_CAT}'
}).appendTo(btn_collapse);
var collapsed = [];
if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
collapsed = readCookie('collapsed').split(',');
}
$(document).on('click', '.btn-collapse', function() {
$(this).children('.ion-android-add-circle').toggleClass('hidden');
$(this).children('.ion-android-remove-circle').toggleClass('hidden');
$(this).parents('.forabg').toggleClass('hidden');
if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
collapsed = readCookie('collapsed').split(',');
}
if (!$(this).parents('.forabg').hasClass('hidden')) {
removeFromArray('' + $(this).parents('.forabg').data('cindex'), collapsed);
createCookie('collapsed', collapsed);
} else {
collapsed.push('' + $(this).parents('.forabg').data('cindex'));
createCookie('collapsed', collapsed);
}
});
$('.forabg').each(function(i) {
$(this).data('cindex', '' + i);
$(btn_collapse)
.clone()
.attr('id', 'forabg' + i)
.appendTo($(this).find('.header'));
if ($.inArray('' + i, collapsed) > -1) {
$(this).toggleClass('hidden');
$('#forabg' + i).children('.ion-android-add-circle').toggleClass('hidden');
$('#forabg' + i).children('.ion-android-remove-circle').toggleClass('hidden');
}
});
});
function removeFromArray(item, array) {
var i = array.indexOf(item);
if (i > -1) {
array = array.splice(i, 1);
}
}
function createCookie(name, value, days) {
var expires;
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toGMTString();
} else {
expires = "";
}
document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/";
}
function readCookie(name) {
var nameEQ = encodeURIComponent(name) + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) === ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length));
}
return null;
}
//]]>
</script>
Re: Formatar links inferiores
Olá!
Troque por este:
Ainda não terá nenhuma alteração visível mas já nos ajudará para depois conseguir o efeito desejado.
Até mais.
Troque por este:
- Código:
<ul class="linklist top">
<!-- BEGIN switch_user_logged_in -->
<li>
<a href="{U_SEARCH_NEW}"><i class="ion-ios-flame"></i>{L_SEARCH_NEW}</a>
</li>
<li>
<a href="{U_SEARCH_SELF}"><i class="ion-ios-box-outline"></i>{L_SEARCH_SELF}</a>
</li>
<!-- END switch_user_logged_in -->
<li>
<a href="{U_SEARCH_UNANSWERED}"><i class="ion-ios-chatbubble-outline"></i>{L_SEARCH_UNANSWERED}</a>
</li>
<!-- BEGIN switch_user_logged_in -->
<li class="rightside">
<a href="{U_MARK_READ}" accesskey="m"><i class="ion-android-checkmark-circle"></i>{L_MARK_FORUMS_READ}</a>
</li>
<!-- END switch_user_logged_in -->
</ul>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="forabg">
<ul class="topiclist">
<li class="header">
<dl class="icon">
<dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
<dd class="topics"><i class="ion-android-list" data-tooltip="{L_TOPICS}"></i></dd>
<dd class="posts"><i class="ion-android-chat" data-tooltip="{L_POSTS}"></i></dd>
<dd class="lastpost"><i class="ion-android-time" data-tooltip="{L_LASTPOST}"></i></dd>
</dl>
</li>
</ul>
<ul class="topiclist forums">
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<li class="row">
<dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
<dd class="dterm">
<div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
</h{catrow.forumrow.LEVEL}>
{catrow.forumrow.FORUM_DESC}
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
<div id="rafainflink">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
<strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
</div>
</dd>
<dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
<dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
<dd class="lastpost">
<!-- BEGIN ads -->
<span class="AD_LastPA">
<span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
<span class="AD_LastInfos">
<a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a>
{catrow.forumrow.ads.DATE}<br />
{catrow.forumrow.ads.LOCATION}
</span>
</span>
<!-- END ads -->
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
<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>
</dd>
</dl>
</li>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</ul>
</div>
<!-- END tablefoot -->
<!-- END catrow -->
<!-- BEGIN switch_on_index -->
<ul class="linklist bottom">
<li>
<a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>
</li>
<li>
<a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>
</li>
<li class="last">
<a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a>
</li>
<!-- BEGIN switch_delete_cookies -->
<li class="rightside">
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow"><i class="ion-trash-a"></i>{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
</li>
<!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
var btn_collapse = $('<div></div>', {
class: 'btn-collapse'
});
var btn_collapse_show = $('<i></i>', {
class: 'ion-android-add-circle hidden',
'data-tooltip': '{L_EXPEND_CAT}'
}).appendTo(btn_collapse);
var btn_collapse_hide = $('<i></i>', {
class: 'ion-android-remove-circle',
'data-tooltip': '{L_HIDE_CAT}'
}).appendTo(btn_collapse);
var collapsed = [];
if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
collapsed = readCookie('collapsed').split(',');
}
$(document).on('click', '.btn-collapse', function() {
$(this).children('.ion-android-add-circle').toggleClass('hidden');
$(this).children('.ion-android-remove-circle').toggleClass('hidden');
$(this).parents('.forabg').toggleClass('hidden');
if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
collapsed = readCookie('collapsed').split(',');
}
if (!$(this).parents('.forabg').hasClass('hidden')) {
removeFromArray('' + $(this).parents('.forabg').data('cindex'), collapsed);
createCookie('collapsed', collapsed);
} else {
collapsed.push('' + $(this).parents('.forabg').data('cindex'));
createCookie('collapsed', collapsed);
}
});
$('.forabg').each(function(i) {
$(this).data('cindex', '' + i);
$(btn_collapse)
.clone()
.attr('id', 'forabg' + i)
.appendTo($(this).find('.header'));
if ($.inArray('' + i, collapsed) > -1) {
$(this).toggleClass('hidden');
$('#forabg' + i).children('.ion-android-add-circle').toggleClass('hidden');
$('#forabg' + i).children('.ion-android-remove-circle').toggleClass('hidden');
}
});
});
function removeFromArray(item, array) {
var i = array.indexOf(item);
if (i > -1) {
array = array.splice(i, 1);
}
}
function createCookie(name, value, days) {
var expires;
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toGMTString();
} else {
expires = "";
}
document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/";
}
function readCookie(name) {
var nameEQ = encodeURIComponent(name) + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) === ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length));
}
return null;
}
//]]>
</script>
Ainda não terá nenhuma alteração visível mas já nos ajudará para depois conseguir o efeito desejado.
Até mais.
Re: Formatar links inferiores
Olá!
Bom, tenho boas e mas noticias. A má notícia é que do jeito que eu queria fazer não vai dar porque por algum motivo o template não está inserindo a div onde eu queria. (Por isso pode voltar a colocar o template antigo)
A boa notícia é que eu arrumei outro jeito, mas para isso o senhor terá de postar o seu CSS inteiro aqui para que eu possa fazer as modificações. Além disso, preciso das seguintes informações:
- O link vai ficar com o fundo azul como está agora ou sem nada (igual ao do Play Shox) ?
- Com ou sem as vírgulas?
Desculpe desde já o transtorno, mas lhe garanto que agora iremos conseguir.
Bom, tenho boas e mas noticias. A má notícia é que do jeito que eu queria fazer não vai dar porque por algum motivo o template não está inserindo a div onde eu queria. (Por isso pode voltar a colocar o template antigo)
A boa notícia é que eu arrumei outro jeito, mas para isso o senhor terá de postar o seu CSS inteiro aqui para que eu possa fazer as modificações. Além disso, preciso das seguintes informações:
- O link vai ficar com o fundo azul como está agora ou sem nada (igual ao do Play Shox) ?
- Com ou sem as vírgulas?
Desculpe desde já o transtorno, mas lhe garanto que agora iremos conseguir.
Re: Formatar links inferiores
Olá!
O mais fácil mesmo é colocar uma tabela HTML com os links de cada fórum. É um trabalho manual, pois sempre que editar um fórum, adicionar ou remover, vai precisar de alterar o código, mas ao menos fica exatamente com o que quer.
Edite a descrição do fórum "Denúncias" e coloque o seguinte:
Depois, na sua folha de estilos CSS, procure por ".topiclist.forums li.row dl.icon dd.dterm > div :not(.hierarchy):not(.forumtitle):not( strong )" e remova o seguinte trecho de código: (salve após a remoção)
O resultado será este: http://prntscr.com/ldbocx
Hancki
O mais fácil mesmo é colocar uma tabela HTML com os links de cada fórum. É um trabalho manual, pois sempre que editar um fórum, adicionar ou remover, vai precisar de alterar o código, mas ao menos fica exatamente com o que quer.
Edite a descrição do fórum "Denúncias" e coloque o seguinte:
- Código:
Realize sua denúncia nessa área.
<table id="Hancki">
<tbody>
<tr>
<td><a href="/f21-denuncias-contra-staff-s" title="" class="gensmall"><img src="https://i.imgur.com/Kf2yjDZ.png"/> Denúncias contra Staff's</a></td>
<td><a href="/f26-denuncias-contra-lideres" title="" class="gensmall"><img src="https://i.imgur.com/Kf2yjDZ.png"/> Denúncias contra Líderes</a></td>
</tr>
<tr>
<td><a href="/f25-denuncias-contra-socios" title="" class="gensmall"><img src="https://i.imgur.com/Kf2yjDZ.png"/> Denúncias contra Sócios</a></td>
<td><a href="/f22-denuncias-contra-civis" title="" class="gensmall"><img src="https://i.imgur.com/Kf2yjDZ.png"/> Denúncias contra Civis</a></td>
</tr>
<tr>
<td><a href="/f23-denuncia-contra-copsgoverno" title="" class="gensmall"><img src="https://i.imgur.com/Kf2yjDZ.png"/> Denúncia contra Cops|Governo</a></td>
<td><a href="/f27-denuncias-contra-mafiosos" title="" class="gensmall"><img src="https://i.imgur.com/Kf2yjDZ.png"/> Denúncias contra Mafiosos</a></td>
</tr>
<tr>
<td><a href="/f24-denuncias-contra-gangster" title="" class="gensmall"><img src="https://i.imgur.com/Kf2yjDZ.png"/> Denúncias contra Gangster</a></td>
<td><a href="/f28-denuncias-contra-terroristas" title="" class="gensmall"><img src="https://i.imgur.com/Kf2yjDZ.png"/> Denúncias contra Terroristas</a></td>
</tr>
<tr>
<td><a href="/f29-denuncias-contra-assassinos" title="" class="gensmall"><img src="https://i.imgur.com/Kf2yjDZ.png"/> Denúncias contra Assassinos</a></td>
<td><a href="/f30-denuncias-contra-outras-organizacoes" title="" class="gensmall"><img src="https://i.imgur.com/Kf2yjDZ.png"/> Denúncias contra Outras Organizações</a></td>
</tr>
</tbody>
</table>
Depois, na sua folha de estilos CSS, procure por ".topiclist.forums li.row dl.icon dd.dterm > div :not(.hierarchy):not(.forumtitle):not( strong )" e remova o seguinte trecho de código: (salve após a remoção)
- Código:
.topiclist.forums li.row dl.icon dd.dterm > div :not(.hierarchy):not(.forumtitle):not( strong ) {
background-color: rgba(141,202,255,0.44);
border: 1px solid #c5c2c2;
color: #385469;
display: inline-block;
margin: 2px;
padding: 4px;
}
O resultado será este: http://prntscr.com/ldbocx
Hancki
Re: Formatar links inferiores
Olá!
Adicione à sua folha de estilos CSS:
E crie este Javascript com investimento no índice:
Até mais.
Adicione à sua folha de estilos CSS:
- Código:
.topiclist.forums li.row dl.icon dd.dterm > div :not(.hierarchy):not(.forumtitle):not( strong ):before {
content:url('https://i.imgur.com/Kf2yjDZ.png');
}
.topiclist.forums li.row dl.icon dd.dterm > div :not(.hierarchy):not(.forumtitle):not( strong ).gensmall {
background: none !important;
border: none !important;
color: #385469;
display: inline-block;
margin: 2px;
padding: 4px;
min-width: 210px;
}
E crie este Javascript com investimento no índice:
- Código:
$(function() {
$(".dterm div").each(function(){
$(this).html($(this).html().replace(/,/g , ''));
});
});
Até mais.
Tópicos semelhantes
» Links inferiores personalizados
» Personalizar links inferiores
» Ocultar links inferiores
» Desativar links inferiores
» Links inferiores do fórum
» Personalizar links inferiores
» Ocultar links inferiores
» Desativar links inferiores
» Links inferiores do fórum
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos