Menu editar

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

Resolvido Menu editar

Mensagem por TappedOut em 27/05/14, 01:48 pm

  • Descrição:
Meu menu está todo bagunççado noo topo lá <<.
Está assim:

Queria que ficasse assim:

  • Informações:
Fórum:http://monsterssa.forumeiros.com/Versão:PUNBB
Tipo:Pedido de códigoTags:editar



Última edição por Mergulhador_. em 30/05/14, 03:42 pm, editado 1 vez(es)
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Menu editar

Mensagem por Lima 3005 em 27/05/14, 02:06 pm

Código:
div#primary_nav {
text-align: center !important;
font-size: 20px;
padding-left: 600px;

Código:
li#nav_app_forums {
border-left: 2px solid white;
border-right: 2px solid white;
border-bottom: 2px solid white;
text-decoration: none !important;
padding: 15px;
}

Código:
li#nav_app_portal {
border-left: 2px solid white;
border-right: 2px solid white;
border-bottom: 2px solid white;
text-decoration: none !important;
padding: 15px;
}


Código:
li#nav_app_members {
border-left: 2px solid white;
border-right: 2px solid white;
border-bottom: 2px solid white;
text-decoration: none !important;
padding: 15px;
}


Isto?
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Menu editar

Mensagem por TappedOut em 27/05/14, 02:16 pm

Amigo, tem falhas em seu codigo.
Antes estava tudo ok.
E agora qe botoei estes CSS deu o seguinte erro
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Menu editar

Mensagem por Lima 3005 em 27/05/14, 02:18 pm

Código:
div#primary_nav {
text-align: center !important;
font-size: 20px;
padding-left: 600px;
}

no primeiro veja se agora resulte
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Menu editar

Mensagem por TappedOut em 27/05/14, 02:20 pm

Amigo ficou estranho e ainda falta coisas
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Menu editar

Mensagem por Lima 3005 em 27/05/14, 02:24 pm

Código:
div#navcontainer {
margin-top: -10px;
}

e altere o 3 por este:

Código:
li#nav_app_portal {
border-bottom: 2px solid white;
text-decoration: none !important;
padding: 15px;
}

estou a experimentar que ainda sou novato nisto

melhorou?
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Menu editar

Mensagem por TappedOut em 27/05/14, 02:26 pm

Ainda falta arrumar o "Sair" "Mp" "Perfil"
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Menu editar

Mensagem por Lima 3005 em 27/05/14, 02:27 pm

tenho de registar no fórum... já vou fazer isso!

Código:
div#navcontainer a {
color: black;
text-decoration: none;
}

acrescente isso para retirar a sublinhado e meter cor preta qual o tipo de letra que deseja?

EDIT: nao me consigo registar preciso de ter acesso ao seletor, abra as inscriçoes
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Menu editar

Mensagem por TappedOut em 27/05/14, 02:28 pm

Ativei novas inscrições se registre lá Muito feliz
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Menu editar

Mensagem por Lima 3005 em 27/05/14, 02:37 pm

Código:
div#user_navigation {
text-align: center !important;
font-size: 20px;
padding-right: 500px;
}

Código:
a#edit_profile {
border-left: 2px solid white;
border-right: 2px solid white;
border-bottom: 2px solid white;
text-decoration: none !important;
padding: 15px;
}



Código:
a#inbox_link {
border-left: 2px solid white;
border-right: 2px solid white;
border-bottom: 2px solid white;
text-decoration: none !important;
padding: 15px;
}

Código:
a#inbox_link {
border-left: 2px solid white;
border-right: 2px solid white;
border-bottom: 2px solid white;
text-decoration: none !important;
padding: 15px;
}

acrescente mais isso para ver como fica xD
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Menu editar

Mensagem por TappedOut em 27/05/14, 02:39 pm

Achei mmuito grudado o MP e o "Logoff" está emcima de tudo
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Menu editar

Mensagem por Lima 3005 em 27/05/14, 02:44 pm

Código:
div#primary_nav {
font-size: 20px;
padding-left: 600px;
text-align: center!important;
margin-top: -39px;
}

Código:
a#inbox_link {
border-bottom: 2px solid #fff;
/* border-left: 2px solid #fff; */
border-right: 2px solid #fff;
padding: 15px;
text-decoration: none!important;
margin-left: -10px;
}

substitua esses e adicione mais este:

Código:
div#user_navigation a {
color: black;
text-decoration: none;
}
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Menu editar

Mensagem por TappedOut em 27/05/14, 02:48 pm

Agora falta arrjmar o Logoff, pois ele está emcima do Inicio.
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Menu editar

Mensagem por Lima 3005 em 27/05/14, 03:01 pm

desculpe a demora xD

Código:
a[href="/login?logout"] {
/* border: 2px solid; */
border-left: 2px solid white;
border-right: 2px solid white;
border-bottom: 2px solid white;
text-decoration: none !important;
padding: 15px;
}

adicione mais isso
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Menu editar

Mensagem por TappedOut em 27/05/14, 03:04 pm

Amigo, ele continua emcima do "Inicio" e tenho de me preparar para sair , jaja volto, enquanto isto veja que esta logoff emcima.
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Menu editar

Mensagem por Lima 3005 em 27/05/14, 03:07 pm

Código:
div#primary_nav {
font-size: 20px;
margin-top: -40px;
padding-left: 600px;
text-align: center!important;
}

Código:
a[href="/login?logout"] {
border-bottom: 2px solid white;
text-decoration: none !important;
padding: 15px;
}

substitua esses 2 xD está como deseja?

http://prntscr.com/3n4nve
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Menu editar

Mensagem por TappedOut em 27/05/14, 03:10 pm

Amigo não está vendo que o "Logoff" está emcia do "Inicio" se estiver com dificuldade de posicionar é só falar amigo.
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Menu editar

Mensagem por Lima 3005 em 27/05/14, 03:12 pm

Código:
a[href="/login?logout"] {
border-bottom: 2px solid #fff;
padding: 15px;
text-decoration: none!important;
padding-left: 8px;
padding-right: 40px;
}

coloque este
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Menu editar

Mensagem por TappedOut em 27/05/14, 03:23 pm

Voou sair! Flw, tente ver pelloo F12 antes , porque até agora esse Logoff ta emcima do Inico e perceba bem q é a posição, flw
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Menu editar

Mensagem por Lima 3005 em 27/05/14, 03:23 pm

veja agora se está aqui está direito s:
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Menu editar

Mensagem por TappedOut em 27/05/14, 03:24 pm

Cade o codoigo? flw vo sair e dps vto
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Menu editar

Mensagem por Lima 3005 em 27/05/14, 03:29 pm

não tenho código no meu pc aparece direito, onde é que logoff está por cima das outras tire print é que no meu esta direitinho
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Menu editar

Mensagem por TappedOut em 27/05/14, 03:32 pm

Perceba que o Logoff esta emcima do Inicio.
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Menu editar

Mensagem por Lima 3005 em 27/05/14, 03:39 pm

Código:
#register_link {
border-left: 2px solid white;
border-bottom: 2px solid white;
text-decoration: none !important;
padding: 15px;
padding-right: 260px;
}

Código:
a#sign_in {
border-left: 2px solid white;
border-right: 2px solid white;
border-bottom: 2px solid white;
padding: 15px;
margin-right: -23px;
}

acrescente mais isso

acho que estou a perceber deve ser pelo seu nome ser enorme
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Menu editar

Mensagem por TappedOut em 27/05/14, 03:41 pm

Continua na mesma, e eu acho que seria melhor posicionar o Logoff la no topo no canto de la >>
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Menu editar

Mensagem por Lima 3005 em 27/05/14, 03:42 pm

Código:
a[href="/login?logout"] {
border-bottom: 2px solid #fff;
padding: 15px 150px 15px 8px;
text-decoration: none!important;
}

altere por esse xD contudo o logoff para nomes mais pequenos vai ficar enconstado a margem esquerda

esta melhor?
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Menu editar

Mensagem por TappedOut em 27/05/14, 03:44 pm

Grato, porem se puder queria que ficasse no too de la >>, mas se n puder n tem problema
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Menu editar

Mensagem por TappedOut em 27/05/14, 03:45 pm

Grato, porem se puder queria que ficasse no too de la >>, mas se n puder n tem problema
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Menu editar

Mensagem por Lima 3005 em 27/05/14, 03:47 pm

só para avisar que fica assim para nomes mais pequenos


http://prntscr.com/3n549m

vou ter de sair desculpe, talvez amanha lhe ajude preciso de estudar
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Menu editar

Mensagem por TappedOut em 27/05/14, 03:51 pm

Claro, até ais
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Menu editar

Mensagem por Lima 3005 em 27/05/14, 04:07 pm

coloque aqui tudo o css que dei para um membro mais experiente ver se existem erros....

fica a dica
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Menu editar

Mensagem por TappedOut em 27/05/14, 06:26 pm

Irei lhe esperar, qualquer coisa se for necessario eu boto todo o cod aq
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Menu editar

Mensagem por Alex Habilidade em 28/05/14, 04:19 pm

@Mergulhador, poderia fornecer a sua CSS completa?
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Menu editar

Mensagem por TappedOut em 28/05/14, 04:53 pm

Completa completa? não acho que será necessario amigo, pois quero mecher somente no "Logoff" que agr ta "Sair"
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Menu editar

Mensagem por Lima 3005 em 29/05/14, 01:40 pm

Boas amigo, que desejaria mais?
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Menu editar

Mensagem por TappedOut em 29/05/14, 08:09 pm

limma te dz faaz tempo, era so ovoltar no topic, falei pra botar o Logoff la no toppoo de lá >> no canto
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Menu editar

Mensagem por Lima 3005 em 30/05/14, 03:13 pm

Vamos lá xD

Substitua esse:

Código:
a[href="/login?logout"] {
border: 2px solid #fff;
padding: 15px 11px 15px 8px;
text-decoration: none!important;
position: absolute;
top: -36px;
left: 500px;
}

e esse:

Código:
div#user_navigation {
font-size: 20px;
padding-right: 500px;
text-align: center!important;
margin-left: -55px;
}
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Menu editar

Mensagem por TappedOut em 30/05/14, 03:17 pm

Agora o texto do menu está azul emvez de preto
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Menu editar

Mensagem por Lima 3005 em 30/05/14, 03:19 pm

Código:
a#inbox_link {
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
margin-left: -10px;
padding: 15px;
text-decoration: none!important;
color: black;
}

e

Código:
span.USERNAME {
color: black;
}
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Menu editar

Mensagem por TappedOut em 30/05/14, 03:26 pm

Amigo, Sair, Conectar, Registrar estão azuis.
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Menu editar

Mensagem por Lima 3005 em 30/05/14, 03:28 pm

Código:
a[href="/login?logout"] {
border: 2px solid #fff;
left: 500px;
padding: 15px 11px 15px 8px;
position: absolute;
text-decoration: none!important;
top: -36px;
color: black;
}

Código:
#register_link {
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
padding: 15px 260px 15px 15px;
text-decoration: none!important;
color: black;
}

Código:
a#sign_in {
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
margin-right: -23px;
padding: 15px;
text-decoration: none;
color: black;
}
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Menu editar

Mensagem por TappedOut em 30/05/14, 03:42 pm

Grato, lima21.
#Resolvido
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.com

Resolvido Re: Menu editar

Mensagem por Lima 3005 em 30/05/14, 03:45 pm

só tem uma coisa quando o nome é pequeno as barras separam-se
avatar

Lima 3005
Usuário destaque

Masculino
Inscrito dia : 08/02/2013
Mensagens : 631
Pontos Ativos : 880

Ver perfil do usuário http://universogamer.foruns.com.pt

Resolvido Re: Menu editar

Mensagem por TappedOut em 30/05/14, 03:58 pm

#Resolvido
avatar

TappedOut
Usuário destaque

Masculino
Inscrito dia : 07/05/2014
Mensagens : 545
Pontos Ativos : 756

Ver perfil do usuário http://www.gtav-curiosidades.forumeiros.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