Menu editar

[TappedOut]

• 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ódigo	Tags:	editar

---

[Lima 3005]

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?

[TappedOut]

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

[Lima 3005]

Código:

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

no primeiro veja se agora resulte

[TappedOut]

Amigo ficou estranho e ainda falta coisas

[Lima 3005]

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?

[TappedOut]

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

[Lima 3005]

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

[TappedOut]

Ativei novas inscrições se registre lá

[Lima 3005]

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

[TappedOut]

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

[Lima 3005]

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

[TappedOut]

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

[Lima 3005]

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

[TappedOut]

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

[Lima 3005]

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

[TappedOut]

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

[Lima 3005]

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

[TappedOut]

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

[Lima 3005]

veja agora se está aqui está direito s:

[TappedOut]

Cade o codoigo? flw vo sair e dps vto

[Lima 3005]

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

[TappedOut]

Perceba que o Logoff esta emcima do Inicio.

[Lima 3005]

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

[TappedOut]

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

[Lima 3005]

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?

[TappedOut]

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

[TappedOut]

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

[Lima 3005]

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

[TappedOut]

Claro, até ais

[Lima 3005]

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

fica a dica

[TappedOut]

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

[Alex Habilidade]

@Mergulhador, poderia fornecer a sua CSS completa?

[TappedOut]

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

[Lima 3005]

Boas amigo, que desejaria mais?

[TappedOut]

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

[Lima 3005]

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

[TappedOut]

Agora o texto do menu está azul emvez de preto

[Lima 3005]

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

[TappedOut]

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

[Lima 3005]

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

[TappedOut]

Grato, lima21.
#Resolvido

[Lima 3005]

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

[TappedOut]

#Resolvido