Espaço em apenas um botão do menu

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

Resolvido Espaço em apenas um botão do menu

Mensagem por Mauricio Molina em 18/10/12, 02:54 pm

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


Última edição por Mauricio Molina em 19/10/12, 10:36 am, editado 1 vez(es)
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Espaço em apenas um botão do menu

Mensagem por BrunoH. em 18/10/12, 03:12 pm

Olá! Eu amo você
Aceda a "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Código:
#wrap-navlinks li a {
margin:0.5em 0 0.65em 0;
padding:0.5em 0 0.65em 0;
}
e Valide!

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Espaço em apenas um botão do menu

Mensagem por Mauricio Molina em 18/10/12, 03:28 pm

Ola...

Não resultou...
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Espaço em apenas um botão do menu

Mensagem por Sennior em 18/10/12, 03:36 pm

Olá,

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. Piscada
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: Espaço em apenas um botão do menu

Mensagem por Mauricio Molina em 18/10/12, 03:54 pm

Este modificou, só que mudou os outros também, diminuindo ou aumentando, porque sera que só este botão esta com espaço?
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Espaço em apenas um botão do menu

Mensagem por Sennior em 18/10/12, 04:00 pm

Pode ser no CSS. Me conceda ele.

Abraços. Piscada
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: Espaço em apenas um botão do menu

Mensagem por Mauricio Molina em 18/10/12, 04:04 pm

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;}

avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Espaço em apenas um botão do menu

Mensagem por Sennior em 19/10/12, 12:09 am

Olá,

Tente o seguinte código:

Código:
.mainmenu,a.mainmenu,.navig {margin-left:-1px;}


Seu grande amigo,
Mikéé - Ajudeiro.

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: Espaço em apenas um botão do menu

Mensagem por Mauricio Molina em 19/10/12, 09:38 am

Agora foi, sabe me dizer o que estava acontecendo?

Tem como me explicar o código para eu entender o processo?

Obrigado!
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Espaço em apenas um botão do menu

Mensagem por [F]lames em 19/10/12, 10:00 am

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 :
Cordialmente ...
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Espaço em apenas um botão do menu

Mensagem por Mauricio Molina em 19/10/12, 10:34 am

Entendi, obrigado!

Podem fechar!
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

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