Background atras do menu de navegação

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Background atras do menu de navegação

Mensagem por iHeloaD em 31/01/15, 10:02 pm

Detalhes da dúvida


Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://www.cidadesocial.com

Descrição do problema

Olá,

Como posso colocar um fundo branco atras dos atalhos de navegação? O destacado na imagem que coloquei no formulário.

Até mais.


Última edição por iHeloaD em 01/02/15, 11:53 pm, editado 1 vez(es)
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Background atras do menu de navegação

Mensagem por EuficoLoko em 31/01/15, 10:09 pm

Olá!

Acrescente em sua CSS:
Código:
.pun-crumbs {
background: none repeat scroll 0 0 #FFFFFF !important;
background-image: none !important;
}p.crumbs a {
background: white !important;
}
Se não resultar, será por conflitos entre os códigos. Caso aconteça, forneça a sua CSS.
Se não ocorrer conflitos, este será o resultado:
http://prntscr.com/5zjy3l

Atenciosamente,
Loko.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Background atras do menu de navegação

Mensagem por iHeloaD em 31/01/15, 10:27 pm

Desculpe, você entendeu errado, eu quero um background branco atras do menu de navegação..
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Background atras do menu de navegação

Mensagem por EuficoLoko em 31/01/15, 10:36 pm

Olá!

Perdoe-me. Poderia fornecer o vosso index_box?
Ou faça estas modificações nele:
Nas três primeiras linhas, terá esse código:
Código:
<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
   <p class="crumbs"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>
Troque por:
Código:
<div style="background: white !important"><div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
   <p class="crumbs"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div></div>


Atenciosamente,
Loko.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Background atras do menu de navegação

Mensagem por iHeloaD em 31/01/15, 11:03 pm

Ficou assim http://prntscr.com/5zkju3, mas eu gostaria que ficasse tipo esse http://prntscr.com/5zkk2p.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Background atras do menu de navegação

Mensagem por EuficoLoko em 31/01/15, 11:16 pm

Olá!

Então, seria só atrás do pun-crumbs? Porque, a captura screen retrata as categorias. No mais, veja se e isto:
Código:
#main-content{background: white !important;}
Adicione o código acima, em sua CSS.

Atenciosamente,
Loko.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Background atras do menu de navegação

Mensagem por iHeloaD em 31/01/15, 11:32 pm

Isso mesmo! Mas teria como ajustar a largura do quadro branco para a mesma largura das categorias? http://prntscr.com/5zkus2.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Background atras do menu de navegação

Mensagem por Sennior em 01/02/15, 05:06 am

Saudações,

Encontrei um jeito para pegar o Campo de navegação sem pegar o anuncio. É se mexermos com a largura usando a classe #main-content a categoria também irá ser afetada. No mais o jeito seria:

Vá no painel de edição de Templates:
Painel de Controle Seta Visualização Seta Templates Seta Geral
Procure pelo Template index_box e clique em .
Agora na caixa de buscar do teu Template, procure por "main":


Ao encontrar, o senhor vai copiar o código logo acima do Main que será como o abaixo e colocar dentro da lasse Main:

CÓDIGO A SER COPIADO:
Código:
<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
   <p class="crumbs"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>

Como deverá ficar:
Seta http://prntscr.com/5zn8k4

Se não compreendeu, mande nos teu Template para a modificação.
Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Background atras do menu de navegação

Mensagem por iHeloaD em 01/02/15, 02:13 pm

Estou a utilizar o código que você me passou, e coloquei width nele e ficou em uma largura boa, mas como eu centralizo as categorias?

Código:
#main-content {
background: white !important;
width: 90%;
}

Ficou assim http://prntscr.com/5zsjlw, gostaria de centraliza-las..
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Background atras do menu de navegação

Mensagem por EuficoLoko em 01/02/15, 07:28 pm

Olá!

Troque por:
Código:
#main-content {
background: white !important;
margin-left: 20% !important;
position: relative !important
width: 90%;
}
Vá alterando o número 20.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Background atras do menu de navegação

Mensagem por iHeloaD em 01/02/15, 11:53 pm

Perfeito, muito obrigado.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Background atras do menu de navegação

Mensagem por EuficoLoko em 02/02/15, 12:13 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum