Espaço em apenas um botão do menu
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre o painel administrativo :: Questões resolvidas sobre o painel administrativo
Página 1 de 1 • Compartilhe
Espaço em apenas um botão do menu
Qual é minha questão:
Ola...
Coloquei botões novos no menu do fórum, mas apenas em um local ficou com um pequeno espaço, gostaria de corrigir isto, tem como?
Entre o botão Álbum e o botão Membro
Links e imagens do meu problema:
Endereço do meu fórum:
http://aquapeixes.forumeiros.com/forum.htm
Versão do meu fórum:
PHPBB3
Ola...
Coloquei botões novos no menu do fórum, mas apenas em um local ficou com um pequeno espaço, gostaria de corrigir isto, tem como?
Entre o botão Álbum e o botão Membro
Links e imagens do meu problema:
Endereço do meu fórum:
http://aquapeixes.forumeiros.com/forum.htm
Versão do meu fórum:
PHPBB3
Última edição por Mauricio Molina em 19.10.12 14:36, editado 1 vez(es)
Re: Espaço em apenas um botão do menu
Olá!
Aceda a "Folha de Estilo CSS":
Até mais!
Aceda a "Folha de Estilo CSS":
Código:Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS
e Valide!#wrap-navlinks li a {
margin:0.5em 0 0.65em 0;
padding:0.5em 0 0.65em 0;
}
Até mais!
Re: Espaço em apenas um botão do menu
Ola...
Não resultou...
Não resultou...
Re: Espaço em apenas um botão do menu
Olá,
Use este Codigo na Folha CSS
O 1 é o espaço entre as imagens ou letras.
Abraço.
Use este Codigo na Folha CSS
- Código:
div#page-header div.navbar ul.linklist li a{
padding-right: 1px;}
O 1 é o espaço entre as imagens ou letras.
Abraço.
Re: Espaço em apenas um botão do menu
Este modificou, só que mudou os outros também, diminuindo ou aumentando, porque sera que só este botão esta com espaço?
Re: Espaço em apenas um botão do menu
Pode ser no CSS. Me conceda ele.
Abraços.
Abraços.
Re: Espaço em apenas um botão do menu
Esta ai...
- Código:
/***Icones online e offline***/
div.post {
background-image: url('http://www.guiadohardware.net/comunidade/images/statusicon/user_offline.gif') !important;
backgound-repeat: no-repeat;
background-position: 17% 15px;
}
div.online {
background-image: url('http://www.guiadohardware.net/comunidade/images/statusicon/user_online.gif') !important;
backgound-repeat: no-repeat;
background-position: 17% 15px;
}
/***Icones online e offline***/
/***Icone online para posts coloridos***/
.online .postprofile {
background-image: url("http://www.guiadohardware.net/comunidade/images/statusicon/user_online.gif");
background-repeat: no-repeat;
background-position: right top;
background-position: 82% 5px;
}
/***Icone online para posts coloridos***/
.module {
border: 0px;
background-color: transparent !important;
}
/***Efeito função citar***/
blockquote, blockquote blockquote, blockquote blockquote blockquote {
margin-bottom: 10px;
}
cite{
margin-top: 0px;
margin-bottom: 10px;
}
blockquote {
margin-top: 0px !important;
margin-bottom: 0px;
}
/***Efeito função citar***/
/***Efeito cor nos widgets, é função diferenciada***/
.module .h3,.introduction .h3 {
border-bottom: 0px solid #0A0A0A;
height: 1%;
margin-top: -1px;
padding-bottom: 5px;
margin: 0.5em 0;
}
.module h3 {
margin: 0.5 em 0
border-bottom: 0px solid #0A0A0A;
margin-top: -1px;
padding-bottom: 5px;
}
.module .h3, .introduction .h3{
color: #0A0A0A !important;
}
#cp-main table.table1 thead th{
color: #0A0A0A !important;
}
/***Efeito cor nos widgets, é função diferenciada***/
.bodyline {
background-image: url();
}
/***Efeito borda arrendondada no fórum***/
#wrap {
-moz-box-shadow: 20px 20px 30px #484a4a;
-webkit-box-shadow: 20px 20px 30px #484a4a;
}
/***Efeito borda arrendondada no fórum***/
/***Fundo, borda e cor da caixa citar***/
blockquote{
border:3px solid #0A0A0A !important;
background-color: #FFFFFF;
}
/***Fundo, borda e cor da caixa citar***/
/***Efeito de sombra no avatar***/
.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{
-moz-box-shadow:1px 1px 5px #0A0A0A;
-webkit-box-shadow:1px 1px 5px #0A0A0A;
box-shadow:1px 1px 5px #0A0A0A;
}
/***Efeito de sombra no avatar***/
/***Cores personalizadas dos nomes***/
#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}
/***Cores personalizadas dos nomes***/
/***Destacar autor da mensagem***/
p.author {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #9E9EA3;
border-radius: 0 6px 6px 0;
color: #0A0A0A;
left: -20px;
margin-top: 7px;
padding-left: 1px;
padding-top: 1px;
position: relative;
width: 350px;
}
/***Destacar autor da mensagem***/
/***Espessura linha divisional perfil e mensagem***/
.postprofile {
border-right: 3px solid white;
}
/***Linha divisional perfil e mensagem***/
/***Fundo colorido dos posts diferenciados***/
div.post.online.staffermember, div.post.staffermember {
background-image: url("http://i.imgur.com/19Uao.png") !important;
background-position: right bottom;
background-repeat: no-repeat;
}
div.post.online.staffermembermod, div.post.staffermembermod {
background-image: url("http://i.imgur.com/DeoJ1.png") !important;
background-position: right bottom;
background-repeat: no-repeat;
}
div.post.online.staffermembermodgeral, div.post.staffermembermodgeral {
background-image: url("http://i.imgur.com/x0Qpg.png") !important;
background-position: right bottom;
background-repeat: no-repeat;
}
.post div.inner {
background-image: url(http://img221.imageshack.us/img221/1959/logo2wwc.png);
background-repeat: no-repeat;
background-position: bottom right;
background-position: 60% 50px;
}
/***Fundo colorido dos posts diferenciados***/
/***Redimensionamento automático imagens***/
.post img {
max-width: 500px;
max-height: 375px;
}
/***Redimensionamento automático imagens***/
/***Imagem do peixe no fundo do post***/
#login_popup {
background-image: url('http://img221.imageshack.us/img221/1959/logo2wwc.png');
background-repeat: no-repeat;
background-position: center;
}
/***Imagem do peixe no fundo do post***/
/***Efeito giratório no avatar***/
.postprofile dt img:hover{
-webkit-transform: rotate(1800deg) scale(1);
-moz-transform: rotate(1800deg) scale(1);
-o-transform: rotate(1800deg) scale(1);
}
.postprofile dt img{
-webkit-transition: all 5s ease-in-out;
-moz-transition: all 5s ease-in-out;
-o-transition: all 5s ease-in-out;
}
/***Efeito giratório no avatar***/
/***Aviso acima da caixa de resposta***/
.aviso_normas {
background: none repeat scroll 0 0 #F0E8E0;
border: 1px solid #C00000;
font-family: Verdana, Tahoma,Arial;
font-size: 11px;
height: 24px;
line-height: 24px;
margin-bottom: 3px;
text-align: center;
}
/***Aviso acima da caixa de resposta***/
/***Corrigir botão enviar e previsualizar, aviso***/
#quick_reply input[value="Enviar"],#quick_reply input[value="Pré-visualizar"] {
margin-top: 20px;
}
/***Corrigir botão enviar e previsualizar, aviso***/
/***Sobe os botões do menu***/
a.mainmenu:hover{position:relative;bottom:5px}
/***Sobe os botões do menu***/
div#page-header div.navbar ul.linklist li a{
padding-right: 0px;}
Re: Espaço em apenas um botão do menu
Olá,
Tente o seguinte código:
Seu grande amigo,
Mikéé - Ajudeiro.
Tente o seguinte código:
- Código:
.mainmenu,a.mainmenu,.navig {margin-left:-1px;}
Seu grande amigo,
Mikéé - Ajudeiro.
Re: Espaço em apenas um botão do menu
Agora foi, sabe me dizer o que estava acontecendo?
Tem como me explicar o código para eu entender o processo?
Obrigado!
Tem como me explicar o código para eu entender o processo?
Obrigado!
Re: Espaço em apenas um botão do menu
Olá,
Foi apenas um erro feito nas imagens ...
A imagem sem querer, houve algo transparente, por isso, o processo foi de ajustar a localização da imagem com o objeto Margin-left, ou seja, Margem da Esquerda ...
Para saber mais sobre objetos CSS, leia :
Foi apenas um erro feito nas imagens ...
A imagem sem querer, houve algo transparente, por isso, o processo foi de ajustar a localização da imagem com o objeto Margin-left, ou seja, Margem da Esquerda ...
Para saber mais sobre objetos CSS, leia :
Cordialmente ...
Re: Espaço em apenas um botão do menu
Entendi, obrigado!
Podem fechar!
Podem fechar!
Tópicos semelhantes
» [2 Duvidas] Espaço branco / Widgets apenas indice
» Alterar apenas cor do menu
» Menu em apenas uma imagem
» Colocar menu apenas com imagens
» Colocar apenas imagens no menu
» Alterar apenas cor do menu
» Menu em apenas uma imagem
» Colocar menu apenas com imagens
» Colocar apenas imagens no menu
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre o painel administrativo :: Questões resolvidas sobre o painel administrativo
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos