Menu editar

por TappedOut 27.05.14 17:48

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

por Lima 3005 27.05.14 18:06

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?

por TappedOut 27.05.14 18:16

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

por Lima 3005 27.05.14 18:18

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

no primeiro veja se agora resulte

por TappedOut 27.05.14 18:20

Amigo ficou estranho e ainda falta coisas
Menu editar SJO4mIx

por Lima 3005 27.05.14 18:24

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?

por TappedOut 27.05.14 18:26

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

por Lima 3005 27.05.14 18:27

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

por TappedOut 27.05.14 18:28

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

por Lima 3005 27.05.14 18:37

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

por TappedOut 27.05.14 18:39

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

por Lima 3005 27.05.14 18:44

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

por TappedOut 27.05.14 18:48

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

por Lima 3005 27.05.14 19:01

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

por TappedOut 27.05.14 19:04

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

por Lima 3005 27.05.14 19:07

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

por TappedOut 27.05.14 19:10

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

por Lima 3005 27.05.14 19:12

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

por TappedOut 27.05.14 19:23

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

por Lima 3005 27.05.14 19:23

veja agora se está aqui está direito s:

por TappedOut 27.05.14 19:24

Cade o codoigo? flw vo sair e dps vto

por Lima 3005 27.05.14 19:29

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

por TappedOut 27.05.14 19:32

Perceba que o Logoff esta emcima do Inicio.
Menu editar CW08FT3

por Lima 3005 27.05.14 19:39

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

por TappedOut 27.05.14 19:41

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

por Lima 3005 27.05.14 19:42

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?

por TappedOut 27.05.14 19:44

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

por TappedOut 27.05.14 19:45

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

por Lima 3005 27.05.14 19:47

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

por TappedOut 27.05.14 19:51

Claro, até ais

por Lima 3005 27.05.14 20:07

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

fica a dica

por TappedOut 27.05.14 22:26

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

por Alex Habilidade 28.05.14 20:19

@Mergulhador, poderia fornecer a sua CSS completa?

por TappedOut 28.05.14 20:53

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

por Lima 3005 29.05.14 17:40

Boas amigo, que desejaria mais?

por TappedOut 30.05.14 0:09

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

por Lima 3005 30.05.14 19:13

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

por TappedOut 30.05.14 19:17

Agora o texto do menu está azul emvez de preto

por Lima 3005 30.05.14 19:19

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

por TappedOut 30.05.14 19:26

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

por Lima 3005 30.05.14 19:28

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

por TappedOut 30.05.14 19:42

Grato, lima21.
#Resolvido

por Lima 3005 30.05.14 19:45

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

por TappedOut 30.05.14 19:58

#Resolvido

Hitskin.com