Problema com menu de navegação

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

Resolvido Problema com menu de navegação

Mensagem por 25Slash7 em 22/04/11, 08:41 am

Qual é sua questão:
Não consigo alterar o fundo do menu de navegação. Aparentemente ele está na folha CSS e eu não consigo ler esse negócio para identificar onde fica o problema.

Eu gostaria que o fundo da área de navegação ficasse invisível, para que eu pudesse colocar ícones.

Aliás, caso eu consiga colocar os ícones, há como fazer com que todos fiquem colados um no outro, a fim de que seja formada uma barra?

Outra coisa. Eu fui mudar a "Cor do Texto" para azul, e todo o layout ficou bagunçado. Tem como alterar?

Por fim, por trás do botão "novo tópico" "responder" "bloqueado" fica uma barra laranja. Se eu coloco um botão ali, essa barra laranja aumenta. Como tirar?



Segue a folha CSS. O tema utilizado é aquele de halloween do hitskin.



.forabg, .forumbg, .headerbar{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

.introduction, .panel, .post, #text_editor_textarea {
background-color: transparent;
border: 1px solid ;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-color: #6d8245;
-moz-box-shadow : 0 0 3px #fff;
-webkit-box-shadow : 0 0 3px #fff;
}

/* SOMBRA */
.forumbg, .forabg, #main-content .module,.post,.introduction{
-moz-box-shadow: 0px 0px 3px 1px #000;
-webkit-box-shadow: 0px 0px 3px 1px #000;
box-shadow: 0px 0px 3px 1px #000;
}

/* ARREDONDAMENTO */
#main-content .module, .post, .forumbg, .forabg,.introduction{
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
/**/
#wrap {
width : 850px;
padding : 5px;
border : 3px solid #;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
-moz-box-shadow : 0 0 11px #fff;
-webkit-box-shadow : 0 0 11px #fff;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/back_c11.png');
background-repeat: repeat;
}

#wrap {
width : 850px;
padding : 5px;
border : 3px solid #;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
-moz-box-shadow : 0 0 11px #fff;
-webkit-box-shadow : 0 0 11px #fff;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/back_c11.png');
background-repeat: repeat;
}

li.row {background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/lirowb10.png');}

div#page-header div.navbar ul.linklist li a{
padding-top: 11px;
padding-bottom: 10px;
padding-right: 3px;
padding-left: 4px;
color: #ffffff;}

div#page-header div.navbar ul.linklist li a:hover{
color: #efefef;
}

ul.navlinks {
font-weight: normal;
text-align: center;
border-bottom: 0px solid #ffffff;
padding-top: 0px;
padding-bottom: 0px;}


div#page-header div.navbar{
clear: both;
margin-top: -2px;
background: url('http://i28.servimg.com/u/f28/15/28/46/44/bgmenu10.png') repeat-x #B14A00;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

#search{
display:none;
}

.icon-home{
background: url(http://i28.servimg.com/u/f28/15/28/46/44/pumpki10.png) no-repeat top;
padding: 12px;
padding-bottom: 20px;
color: transparent !important;
font-size: 0px !important;}

.icon-home:hover{
background: url(http://i28.servimg.com/u/f28/15/28/46/44/pumpki11.png) no-repeat top;
color: transparent;}

.forumbg {
background: url(http://i28.servimg.com/u/f28/15/28/46/44/bgmenu11.png) repeat-x;
background-color: #383838;}


ul#picture_legend {
background-position: center;
background-repeat: no-repeat;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/legend12.png');
text-align: center;
padding: 24px 0;}

ul#privmsgs-menu {
background-position: center;
background-repeat: no-repeat;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/msgico10.png');
text-align: CENTER;
padding: 24px 0;}

a.button1, input.button1, a.button2, input.button2, button.button2 {
color: white;
background-image: url(http://i28.servimg.com/u/f28/15/28/46/44/bgmenu11.png);}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
color: white;}

#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url(http://illiweb.com/fa/prosilver/bg_button.gif);
color: black;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;}

.buttons img{
background: url('http://i28.servimg.com/u/f28/15/28/46/44/button10.png') no-repeat;}

.buttons img:hover{
background: url('http://i28.servimg.com/u/f28/15/28/46/44/button10.png') no-repeat;
background-position: 0px -25px;}

ul.navlinks span.new-message {
font-weight: bold;
color: #d5ffae;
padding-right: 1.7em;
background: transparent url('http://illiweb.com/fa/email.gif') no-repeat top right;}



div#page-footer {
background-image: url('http://i28.servimg.com/u/f28/15/28/46/44/a10.png');
background-position: bottom right;
background-repeat: no-repeat;
padding: 15px;}

#tabs a {
background-color: #ffffff;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/back_c11.png');
border-bottom: 1px solid #ffffff;
font-color: #ffffff;}

#tabs .activetab a {
background: url('http://i28.servimg.com/u/f28/15/28/46/44/bgmenu12.png');
background-repeat: repeat-x;
background-color: #ffffff;
font-color: #333333;}

body.chatbox {
background-color: transparent;}

blockquote blockquote {
background-color: transparent;
font-size: 0.95em;
margin: 0.5em 1px 0pt 15px;}

blockquote blockquote blockquote {
font-size: 0.95em;
background-color: transparent;}

dl.codebox {
padding: 3px;
background-color: transparent;
border: 1px solid #dadada;
font-size: 1em;
font-family: Trebuchet MS;}

dl.codebox dt {
text-transform: none;
font-size: 0.95em;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/legend12.png');
background-repeat: no-repeat;
background-position: top center;
border-bottom: 0px solid #FFFFFF;
color: #c6e616;
font-weight: bold;}

dl.codebox code {
font: 0.9em Verdana,Arial,Helvetica,sans-serif;
color: #c6e616;}


profile-icon{
background: url('http://i66.servimg.com/u/f66/13/46/75/82/button11.png') no-repeat;}

profile-icon:hover{
background: url('http://i66.servimg.com/u/f66/13/46/75/82/button11.png') no-repeat;
background-position: 0px -25px;}

Que medidas você tomou para corrigir o problema:
Tentei alterar a folha CSS, mas não achei o problema.

Apresente-nos imagens do problema (se necessário):
http://theotherside.forumais.com/

25Slash7
Nível 3

Masculino
Inscrito dia : 28/01/2010
Mensagens : 18
Pontos Ativos : 30

Ver perfil do usuário http://lanceaetsanctum.forumeiros.com/

Resolvido Re: Problema com menu de navegação

Mensagem por seender em 24/04/11, 12:02 am

Olá!

Para o problema da barra laranja, retire este código do seu CSS:
Código:

.buttons img{
background: url('http://i28.servimg.com/u/f28/15/28/46/44/button10.png') no-repeat;}

.buttons img:hover{
background: url('http://i28.servimg.com/u/f28/15/28/46/44/button10.png') no-repeat;
background-position:  0px -25px;}
Para o texto do fórum é só utilizar este código abaixo modificando como queira:
body {
color: #000000;
}
O problema do menu de navegação terá de retirar o código abaixo de sua folha CSS:
Código:
div#page-header div.navbar{
clear: both;
margin-top: -2px;
background: url('http://i28.servimg.com/u/f28/15/28/46/44/bgmenu10.png') repeat-x #B14A00;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}
E depois aceda à:
Painel... -> Visualização -> Home page -> Cabeçalho & Navegação / Exibir apenas as imagens no menu de navegação
Marque a opção Sim e carregue em Salvar, depois e só ir adicionando as suas imagens em:
Painel... -> Visualização -> Imagens e cores -> Gestão das imagens / Modo avançado
Tudo irá ficar junto como se fosse realmente uma barra.

Resolve?

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Problema com menu de navegação

Mensagem por 25Slash7 em 24/04/11, 12:08 pm

Fala cara, obrigado pela resposta.

Vamos lá:

Problema com as barras de fundo (navegação e botões): ok.
Problema com o menu de navegação: Eu fiz como você disse, contudo, os botões não ficam juntos um do outro.

Dê uma olhada:

Imagem do Menu de Navegação

Talvez o problema seja a forma como fiz. Basicamente eu montei a barra e aí fui recortando ela em diversos arquivos e gravei como .png.

O certo seria outro procedimento?

Cor do Texto: Nesse caso aqui eu comi bola. A cor que eu quero mudar, na verdade, são "Cor do Link" e "Cor do Link Visitado".

Devo usar este código mesmo?

25Slash7
Nível 3

Masculino
Inscrito dia : 28/01/2010
Mensagens : 18
Pontos Ativos : 30

Ver perfil do usuário http://lanceaetsanctum.forumeiros.com/

Resolvido Re: Problema com menu de navegação

Mensagem por Callie em 02/05/11, 09:31 am

Olá 25Slash7,

Lamento a demora.
Ainda necessita de suporte?

Até mais.
avatar

Callie
Principal contribuidor
Principal contribuidor

Feminino
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285

Ver perfil do usuário

Resolvido Re: Problema com menu de navegação

Mensagem por 25Slash7 em 02/05/11, 09:53 am

Sim, preciso de ajuda sim.

Complementando, o quote fica todo em branco quando alguém usa o comando, impossibilitando a leitura.

Além dos problemas já mencionados.

25Slash7
Nível 3

Masculino
Inscrito dia : 28/01/2010
Mensagens : 18
Pontos Ativos : 30

Ver perfil do usuário http://lanceaetsanctum.forumeiros.com/

Resolvido Re: Problema com menu de navegação

Mensagem por Callie em 09/05/11, 06:07 am

Olá de novo,

Utilizou algum código para modificar o quote, algo assim?

Até mais.
avatar

Callie
Principal contribuidor
Principal contribuidor

Feminino
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285

Ver perfil do usuário

Resolvido Re: Problema com menu de navegação

Mensagem por 25Slash7 em 16/05/11, 02:43 pm

Não. Não fiz qualquer mudança além daquela sugerida anteriormente.

Além do problema com o quote, os problemas acima expostos persistem:


@25Slash7 escreveu:
Problema com o menu de navegação: Eu fiz como você disse, contudo, os botões não ficam juntos um do outro.

Dê uma olhada:

Imagem do Menu de Navegação

Talvez o problema seja a forma como fiz. Basicamente eu montei a barra e aí fui recortando ela em diversos arquivos e gravei como .png.

O certo seria outro procedimento?

Cor do Texto: Nesse caso aqui eu comi bola. A cor que eu quero mudar, na verdade, são "Cor do Link" e "Cor do Link Visitado".

Devo usar este código mesmo?

25Slash7
Nível 3

Masculino
Inscrito dia : 28/01/2010
Mensagens : 18
Pontos Ativos : 30

Ver perfil do usuário http://lanceaetsanctum.forumeiros.com/

Resolvido Re: Problema com menu de navegação

Mensagem por Callie em 17/05/11, 10:59 am

Olá de novo,

Quanto ao menu as imagens não ficam juntas provavelmente porque a imagem da tela (o fundo) é mais largo que o botão em si (um espacinho transparente talvez). No entanto fui ao seu fórum e já não vi imagens no menu. Tem que recortar as imagens de modo a que fique mesmo só o botão.

Quanto aos links já tentou alterar na gestão de cores?

Até mais.

avatar

Callie
Principal contribuidor
Principal contribuidor

Feminino
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285

Ver perfil do usuário

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