Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Menu IPBoard

4 participantes

Início :: Forumeiros :: NostalgiaMenu IPBoard

DocBill DocBill  • Qui 20 Fev 2014 - 14:51

Menu IPBoard Empty Menu IPBoard Qui 20 Fev 2014 - 14:51

Qual é minha questão:
Sabem que depois que aprendi um tanto de CSS eu só venho quando eu não consigo mesmo, certo? Então, lá vem a minha questão. Meu menu está estranho demais, podem me ajudar a deia-lo igual a imagem? Me baseei na BS.

Imagem:

Obs.:
Pesquisa avançada.:

Desde já, agradeço, abraços.

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Kyun Kyun  • Sex 21 Fev 2014 - 1:33

Menu IPBoard Empty Re: Menu IPBoard Sex 21 Fev 2014 - 1:33

poderia me mandar o seu tema?
Vou ver se consigo fazer ele em um fórum reserva Razz

DocBill DocBill  • Sex 21 Fev 2014 - 9:34

Menu IPBoard Empty Re: Menu IPBoard Sex 21 Fev 2014 - 9:34

Kyun escreveu:poderia me mandar o seu tema?
Vou ver se consigo fazer ele em um fórum reserva Razz

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

[F]lames [F]lames  • Sex 21 Fev 2014 - 10:43

Menu IPBoard Empty Re: Menu IPBoard Sex 21 Fev 2014 - 10:43

Olá,

Adicione á teu CSS:
Código:
#branding {position: relative;}
#search {margin: 0 50px 0 0;width: 302px;float: right;position: absolute;bottom: -31px;right: 0;}
#search #adv_search {position: relative;float: left;margin-right: 4px;display: inline-block;}
#search #adv_search + span {display: inline-block;width: 242px;max-width: 242px;min-width: 242px;}
#search #main_search {width: 196px;}
#search #search_options {position: absolute;float: right;top: 0;right: 26px;}
#search .submit_input {height: 27px !important;top: -1px !important;}

Resultado:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Até mais.

DocBill DocBill  • Sex 21 Fev 2014 - 11:27

Menu IPBoard Empty Re: Menu IPBoard Sex 21 Fev 2014 - 11:27

Desculpe, acho que não expliquei direito o que eu queria, o problema não é a pesquisa, ela não faz diferença para mim, por hora, o que eu queria é que o menu ficasse como em uma das imagens abaixo:

Imagem 1:

Imagem 2:

[F]lames [F]lames  • Sex 21 Fev 2014 - 11:46

Menu IPBoard Empty Re: Menu IPBoard Sex 21 Fev 2014 - 11:46

Reputação da mensagem: 100% (1 votos)
Olá,

Desculpe, erro meu.
Adicione á teu css:
Código:
#search {display: none;}
#primary_nav {border-top: 1px solid #222;padding: 0;}
#primary_nav #community_app_menu {list-style: none;text-align: center;}
#primary_nav #community_app_menu li.attach, #primary_nav #community_app_menu li.nav_explore {display: none;}
#primary_nav #community_app_menu li:first-child {margin-left: -10px;}
#primary_nav #community_app_menu li {font-weight: normal !important;float: center;font-size: 13px;margin: 0 5px;position: relative;}
#primary_nav #community_app_menu li.active a {background: rgba(0,0,0,0.15) !important;font-weight: 700 !important;}
#primary_nav #community_app_menu li a {color: #f0f0f0;margin: 0;padding: 10px 12px;text-shadow: 0 1px 1px rgba(0,0,0,0.5);}
#primary_nav #community_app_menu li:hover a {background: rgba(0,0,0,0.1);color: #fff;text-decoration: none;}
#primary_nav #community_app_menu a, #primary_nav #community_app_menu a:visited {text-decoration: none;background: transparent;border: 0;box-shadow: none;border-radius: 0;display: inline-block;text-shadow: none;}

Até mais.

DocBill DocBill  • Sex 21 Fev 2014 - 13:09

Menu IPBoard Empty Re: Menu IPBoard Sex 21 Fev 2014 - 13:09

[F]lames escreveu:Olá,

Desculpe, erro meu.
Adicione á teu css:
Código:
#search {display: none;}
#primary_nav {border-top: 1px solid #222;padding: 0;}
#primary_nav #community_app_menu {list-style: none;text-align: center;}
#primary_nav #community_app_menu li.attach, #primary_nav #community_app_menu li.nav_explore {display: none;}
#primary_nav #community_app_menu li:first-child {margin-left: -10px;}
#primary_nav #community_app_menu li {font-weight: normal !important;float: center;font-size: 13px;margin: 0 5px;position: relative;}
#primary_nav #community_app_menu li.active a {background: rgba(0,0,0,0.15) !important;font-weight: 700 !important;}
#primary_nav #community_app_menu li a {color: #f0f0f0;margin: 0;padding: 10px 12px;text-shadow: 0 1px 1px rgba(0,0,0,0.5);}
#primary_nav #community_app_menu li:hover a {background: rgba(0,0,0,0.1);color: #fff;text-decoration: none;}
#primary_nav #community_app_menu a, #primary_nav #community_app_menu a:visited {text-decoration: none;background: transparent;border: 0;box-shadow: none;border-radius: 0;display: inline-block;text-shadow: none;}

Até mais.

Shoooooooooooooow!

Ficou perfeitinho :3

Muito obrigado, mesmo, pela ajuda. o/

Target Target  • Sex 21 Fev 2014 - 13:16

Menu IPBoard Empty Resolvido! Sex 21 Fev 2014 - 13:16

[sucesso=Tópico Resolvido; e Bloqueado]Resolvido![/sucesso]Movido para: Arquivo - Pedido de código

Conteúdo patrocinado  • 

Menu IPBoard Empty Re: Menu IPBoard

Início :: Forumeiros :: Nostalgia:: Menu IPBoard
Permissões neste sub-fórum
Não podes responder a tópicos