Problema com menu de navegação

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('https://i.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('https://i.servimg.com/u/f66/13/46/75/82/back_c11.png');
background-repeat: repeat;
}

li.row {background-image: url('https://i.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('https://i.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(https://i.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(https://i.servimg.com/u/f28/15/28/46/44/pumpki11.png) no-repeat top;
color: transparent;}

.forumbg {
background: url(https://i.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('https://i.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('https://i.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(https://i.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(https://2img.net/i/fa/prosilver/bg_button.gif);
color: black;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;}

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

.buttons img:hover{
background: url('https://i.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('https://2img.net/i/fa/email.gif') no-repeat top right;}



div#page-footer {
background-image: url('https://i.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('https://i.servimg.com/u/f66/13/46/75/82/back_c11.png');
border-bottom: 1px solid #ffffff;
font-color: #ffffff;}

#tabs .activetab a {
background: url('https://i.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('https://i.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('https://i.servimg.com/u/f66/13/46/75/82/button11.png') no-repeat;}

profile-icon:hover{
background: url('https://i.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/

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

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?

Olá 25Slash7,

Lamento a demora.
Ainda necessita de suporte?

Até mais.

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.

Olá de novo,

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

Até mais.

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?

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.