Alinhar as informações da barra de navegação

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

Resolvido Alinhar as informações da barra de navegação

Mensagem por danizz em 15/05/13, 03:03 pm

Qual é minha questão:

Quero Alinhar Verticalmente as informações da Home do Fórum e do Sub Menu



Os itens Circulados em Vermelho, gostaria de deixa-los no meio da tabela, alinhando-os verticalmente


Endereço do meu fórum:
http://equipedel.maisforum.com

Versão do fórum:
INVISION
avatar

danizz
Nível 2

Masculino
Inscrito dia : 15/05/2013
Mensagens : 7
Pontos Ativos : 11

Ver perfil do usuário http://equipedel.maisforum.com/

Resolvido Re: Alinhar as informações da barra de navegação

Mensagem por MateusA em 15/05/13, 06:22 pm

<div>Olá,<br /><br /><table style="background: #FFFFFF url('http://illiweb.com/bl/logo.png') no-repeat 3px 3px;height: 80px; font-weight: bold; border: 1px dotted #00A5CD; padding: 7px; padding-left: 65px;"><tr><td align="left" align="left"><span style="font-size: 11px; line-height: normal">Aceda a:<br /><font color="#00A5CD"> Painel de controle<img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/2479035592.png" alt="" />Visualização <img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/2479035592.png" alt="" />Imagens e Cores<img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/2479035592.png" alt="" />Cores<img src="http://r21.imgfast.net/users/2612/28/77/07/smiles/2479035592.png" alt="" />Aba Folha CSS.</font></span></td></tr></table><br />Cole o codigo e salve.<br /><dl class="codebox"><dt>Código:</dt><dd><code>.main .main-head {
background-color: #FFFFFF;
background-image: url("http://i.imgur.com/Sic1F.png");
background-position: left 50%;
background-repeat: repeat-x;
border: 0px solid #ffffff;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
margin-top: 15px;
padding-left: 400px;
}</code></dd></dl><br /><i>Na ultima opção o padding-left do lado em 400px vai subindo para maior distanciamento,ou decendo para menor destanciamento.
</i></div>

Quanto ao Menu Aceda a

Painel - Visualização - Cabeçalho e Navegação - Procure por Posição do menu :
Marque a opção que desejar.

Resulta?
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Alinhar as informações da barra de navegação

Mensagem por danizz em 15/05/13, 06:34 pm

Obrigado Crazy, mas não resulta, o codigo não fez alteração, alterei os valores tambem e nada =/

Ja o do Menu Ele esta posicionado a esqueda, mas como pode ver na imagem eu gostaria que ele ficasse centralizado verticalmente com aquela "div" preta/cinza, ou seja que descesse um pouco mais o texto dos menus

Obrigado
avatar

danizz
Nível 2

Masculino
Inscrito dia : 15/05/2013
Mensagens : 7
Pontos Ativos : 11

Ver perfil do usuário http://equipedel.maisforum.com/

Resolvido Re: Alinhar as informações da barra de navegação

Mensagem por MateusA em 15/05/13, 07:03 pm

Olá! Boas Para o menu Procure pelo codigo abaixo:


Código:
#submenu{background:#a4bf37;color:#;padding:.5em 0 .65em;text-align:right}

Troque por esse
Código:
#submenu{background:#a4bf37;color:#;padding: 10px;text-align:right;}

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Alinhar as informações da barra de navegação

Mensagem por danizz em 16/05/13, 05:15 am

Não Consegui encontrar o codigo exato nessas proporçoes, como sou leigo em css, resisti em não mecher, vai que eu me perco, então vou incluir aqui os codigos sobre #submenu que eu tenho:


/* TESTES */

#submenu {
border-radius: 10px !important;
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-size: auto auto;
background-attachment: scroll;
background-color: #df9400;
background-image: url("http://img811.imageshack.us/img811/3505/bgmenubrd.png");
background-position: 0 0;
background-repeat: repeat-x;
height: 61px;
left: 100%;
margin-top: 10px !important;
width: 100%;
}

#submenu ul li a {
color: #d4d4d4;
margin-bottom: 0.65em;
margin-left: 0;
margin-right: 1em;
margin-top: 1.5em;
padding-bottom: 0.65em;
padding-left: 0;
padding-right: 1em;
padding-top: 0.5em;
text-decoration: none;
}

e

#submenu ul li a {
margin:0.5em 0 0.65em 0;
padding:0.5em 0 0.65em 0;
}

Obrigado
avatar

danizz
Nível 2

Masculino
Inscrito dia : 15/05/2013
Mensagens : 7
Pontos Ativos : 11

Ver perfil do usuário http://equipedel.maisforum.com/

Resolvido Re: Alinhar as informações da barra de navegação

Mensagem por MateusA em 16/05/13, 11:13 am

Troque essse

Código:

#submenu {
border-radius: 10px !important;
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-size: auto auto;
background-attachment: scroll;
background-color: #df9400;
background-image: url("http://img811.imageshack.us/img811/3505/bgmenubrd.png");
background-position: 0 0;
background-repeat: repeat-x;
height: 61px;
left: 100%;
margin-top: 10px !important;
width: 100%;
}

Por esse:
Código:

#submenu {
border-radius: 10px !important;
-moz-background-clip: border;
-moz-background-origin: padding;
-moz-background-size: auto auto;
background-attachment: scroll;
background-color: #df9400;
background-image: url("http://img811.imageshack.us/img811/3505/bgmenubrd.png");
background-position: 0 0;
background-repeat: repeat-x;
height: 61px;
left: 100%;
margin-top: 10px !important;
width: 100%;
padding: 10px;
}

Resulta?
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Alinhar as informações da barra de navegação

Mensagem por danizz em 16/05/13, 01:53 pm

Resulta sim Feliz, problema do menu resolvido

So falta o problema da home, mas ta bem dificil
avatar

danizz
Nível 2

Masculino
Inscrito dia : 15/05/2013
Mensagens : 7
Pontos Ativos : 11

Ver perfil do usuário http://equipedel.maisforum.com/

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