Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Problema com menu de navegação
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
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/
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/
Re: Problema com menu de navegação
Olá!
Para o problema da barra laranja, retire este código do seu CSS:
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
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;}
O problema do menu de navegação terá de retirar o código abaixo de sua folha CSS:body {
color: #000000;
}
- 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;}
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
Re: Problema com menu de navegação
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?
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?
Re: Problema com menu de navegação
Olá 25Slash7,
Lamento a demora.
Ainda necessita de suporte?
Até mais.
Lamento a demora.
Ainda necessita de suporte?
Até mais.
Callie- Membro Entusiasta
- Membro desde : 20/12/2009
Mensagens : 5007
Pontos : 7285
Re: Problema com menu de navegação
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.
Complementando, o quote fica todo em branco quando alguém usa o comando, impossibilitando a leitura.
Além dos problemas já mencionados.
Re: Problema com menu de navegação
Olá de novo,
Utilizou algum código para modificar o quote, algo assim?
Até mais.
Utilizou algum código para modificar o quote, algo assim?
Até mais.
Callie- Membro Entusiasta
- Membro desde : 20/12/2009
Mensagens : 5007
Pontos : 7285
Re: Problema com menu de navegação
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:
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?
Re: Problema com menu de navegação
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.
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.
Callie- Membro Entusiasta
- Membro desde : 20/12/2009
Mensagens : 5007
Pontos : 7285
Tópicos semelhantes
» Problema no menu de navegação
» Problema com menu de navegação
» Problema com menu de navegação
» Problema menu de navegação
» Problema com botão do menu de navegação
» Problema com menu de navegação
» Problema com menu de navegação
» Problema menu de navegação
» Problema com botão do menu de navegação
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