Como deixar a barra deste menu, da largura do fórum

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

Resolvido Como deixar a barra deste menu, da largura do fórum

Mensagem por Mauricio Molina em 23/10/12, 06:09 pm

Qual é minha questão:
Ola...

Como faço para deixar a barra de fundo do menu superior, da mesma largura que o fórum a 95%?

CSS:

Código:
/***Menu superior**/
#conectFor * {
font-size: 12px;
}
#conectFor{
padding: 13px;
padding-right : 20px;
text-align: right;
background: #0A0A0A;
border-bottom: 1px solid #918C8C;
font: 15px Tahoma;
height: 10px;
display: block;
color: #FFFFFF;
position: relative;
top: 0;
left: 0;
right: 0;
}
#conectFor a{
color:#f1f1f1;
font-family:Arial;
padding:8px 5px ;
margin:0 1px;
text-decoration:none;
}
#conectFor a:hover{
color:#111;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-o-border-radius:5px 5px 0 0;
background:#f1f1f1;
}
#conectFor a:hover ul{display:inline;}
#conectFor ul {
margin-top: -1px;
z-index:1;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-o-border-radius: 0px 0px 5px 5px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
top: 100%;
width: 390px;
padding:20px 13px;
color: #333;
background: #F1F1F1 url(http://imageshack.us/a/img268/2599/letreiro.png) no-repeat bottom right;
list-style: none;
display: none;
float: left;
right: 0em;
position: absolute;
}
#conectFor ul li{
float: left;
width: 47%;
display: inline;
text-align:left;
margin:5px;
}
#conectFor ul li a{color:#3689D1; background-image:none !important;}
#conectFor ul li a:hover{color:#111; background:transparent;}

#conectFor a[href="/profile?mode=editprofile"] {
background-position: right;
background-repeat: no-repeat;
padding-right: 10px;
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);
}

#conectFor a[href="/profile?mode=editprofile"]:hover {
  background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png);}
/***Menu superior***/

JS:

Código:
$(document).ready(function(){
var nick = ($('#logout').length) ? $('#logout img').attr('alt').replace('Sair', '').replace('[', '').replace(']', '') : '' ;
var con=($('#logout').length)?'<a href="/profile?mode=editprofile" style="position: relative;">Conectado como  <b> '+nick+'</b><ul></ul></a><a href="/login?logout=1">Sair</a>' : 'Bem vindo Visitante!<a href="/login"style="position: relative;">Login</a><a href="/register">Registrar-se</a>';$('body').prepend('<span id="conectFor"> '+con+'</span>');$('#conectFor ul').prepend('<li><a href="/profile?mode=editprofile">Informações</a></li><li><a href="/profile?mode=editprofile&page_profil=preferences">Preferências</a></li><li><a href="/profile?mode=editprofile&page_profil=signature">Assinatura</a></li><li><a href="/search?search_id=draftsearch">Rascunhos</a></li><li><a href="/profile?mode=editprofile&page_profil=friendsfoes">Amigos</a></li><li><a href="/profile?mode=editprofile&page_profil=attachments">Anexos</a></li><li><a href="/profile?mode=editprofile&page_profil=avatars">Avatar</a></li><li><a href="/search?search_id=watchsearch"class="offp">Tópicos Supervisionados</a></li><li><a href="/search?search_id=favouritesearch"target="_blank">Tópicos favoritos</a></li><li><a href="/search?search_id=newposts"target="_blank">Novas mensagens</a></li>')});


Links e imagens do meu problema:
Http://i46.tinypic.com/1zb9b3l.png

Endereço do meu fórum:
http://aquapeixes.forumeiros.com/forum.htm

Versão do meu fórum:
PHPBB3
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: Como deixar a barra deste menu, da largura do fórum

Mensagem por [F]lames em 23/10/12, 06:21 pm

Olá,

Não compreendi muito bem, mas caso queira deixar assim :
Spoiler:
Aceda á teu CSS e adicione isto :
#conectFor {
width: 93.1%;
left: 27px;
}
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: Como deixar a barra deste menu, da largura do fórum

Mensagem por Mauricio Molina em 23/10/12, 06:34 pm

Ola...

É isto mesmo, mas ficou um pouco mais para esquerda, veja:

http://imageshack.us/a/img827/7744/capturarhb.jpg
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: Como deixar a barra deste menu, da largura do fórum

Mensagem por Convidado em 23/10/12, 06:34 pm

Boas,
amigo tente este:
Código:
#conectFor {
width: 95%;
left: 25px;
}

Convidado
Convidado


Resolvido Re: Como deixar a barra deste menu, da largura do fórum

Mensagem por Mauricio Molina em 23/10/12, 06:42 pm

Consegui, na verdade até tinha mexido nesta parte ma não reparei o movimento, consegui resolver, ficou exato

Código:
#conectFor {
width: 93.5%;
left: 35px;
}

Para o sistema de login igual ao do fórum abaixo, preciso abrir outro tópico?

http://spdesign.ativoforum.com/

Ou podemos fazer por aqui mesmo?

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: Como deixar a barra deste menu, da largura do fórum

Mensagem por Convidado em 23/10/12, 06:46 pm

Boas,
precisa abrir outro!

Convidado
Convidado


Resolvido Re: Como deixar a barra deste menu, da largura do fórum

Mensagem por Mauricio Molina em 23/10/12, 06:47 pm

Ok, obrigado!

Resolvido!
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