Menu no topo da página

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

Resolvido Menu no topo da página

Mensagem por zuu em 02/07/11, 05:12 pm

Qual é sua questão:
Olá eu gostava de fazer o topo da página como a seguinte imagem. Teremos de mexer overall_header talvez não?

Bem, eu quero começar a construir um tema "original e único" então acho que deveria começar por aqui!

Ajudem-me please. Gostava assim, mesmo simples, apenas com a imagem e em cima os botões portal, indice, etc.

Que medidas você tomou para corrigir o problema:
Forumeiros

Apresente-nos imagens do problema (se necessário):


Endereço do fórum:


Versão do fórum:
PHPBB2

zuu
Nível 6

Masculino
Inscrito dia : 02/08/2010
Mensagens : 69
Pontos Ativos : 113

Ver perfil do usuário http://desportorei.forumeiros.com/portal.htm

Resolvido Re: Menu no topo da página

Mensagem por Cream em 02/07/11, 05:39 pm

Olá,

Aceda em:
Painel de controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Adicione o seguinte código:
Código:
.mainmenu{
position: absolute;
top: 120px;
padding-left: 150px;
}

Atenciosamente,
Profile!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu no topo da página

Mensagem por zuu em 02/07/11, 05:51 pm

Olá,

Não resultou da forma desejada. Alguma sugestão?
Ficou no meio do banner, além de aparecerem apenas os 2 últimos botões.

zuu
Nível 6

Masculino
Inscrito dia : 02/08/2010
Mensagens : 69
Pontos Ativos : 113

Ver perfil do usuário http://desportorei.forumeiros.com/portal.htm

Resolvido Re: Menu no topo da página

Mensagem por Cream em 02/07/11, 06:12 pm

Olá,

Tente este:
.mainmenu{
position: absolute;
top: 120px;
float: right;
}

Abraços.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu no topo da página

Mensagem por Askum em 02/07/11, 06:46 pm

Eu testei o codigo, e ele pega todos os icones, e junta tudo num lugar só, a uncica coisa que fica certa e a altura.
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Menu no topo da página

Mensagem por Cream em 02/07/11, 06:53 pm

Olá,

Já tentou modificar o conteúdo do primeiro código? Tente esse e outras variações:
.mainmenu{
position: absolute;
top: 10px;
padding-left: 250px;
}

Mudando sempre o conteúdo em vermelho.
Caso não dê, tenho de avisar que, isso não será possível, pois a versão PHPBB2 não possui uma classe definida para o menu de navegação, ou seja, não tem.

Atenciosamente.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu no topo da página

Mensagem por Askum em 02/07/11, 06:58 pm

Ageita tudo certinho, so que continua tudo os menus um encima do outro. pode olhar em meu forum; (O topico nao é meu, mas minhas duvidas podem ajudar o criado do mesmo)
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Menu no topo da página

Mensagem por Cream em 02/07/11, 07:01 pm

@Askum escreveu:Ageita tudo certinho, so que continua tudo os menus um encima do outro. pode olhar em meu forum; (O topico nao é meu, mas minhas duvidas podem ajudar o criado do mesmo)
Então será como eu te disse meu caro,isso não será possível, pois a versão PHPBB2 não possui uma classe definida para o menu de navegação, ou seja, não tem.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu no topo da página

Mensagem por zuu em 03/07/11, 09:16 am

Então em que versão é que funciona?

zuu
Nível 6

Masculino
Inscrito dia : 02/08/2010
Mensagens : 69
Pontos Ativos : 113

Ver perfil do usuário http://desportorei.forumeiros.com/portal.htm

Resolvido Re: Menu no topo da página

Mensagem por Consolado em 03/07/11, 01:04 pm

@zuu escreveu:Então em que versão é que funciona?
Boa tarde,

O código enviado Por Profile funciona apenas na versão PhpBB 2, que no caso é a sua. Experimente este outro código:
#page-header .navbar {
position: absolute;
padding: 0;
top: 0;
left: 5px;
width: 98%;
right: 5px;
background: none;
}
#wrap {
margin-top: 26px;
}
Adicione-o em:
Painel de Controle -> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Cumprimentos,
Shetos zen
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Menu no topo da página

Mensagem por Solkis em 03/07/11, 10:00 pm

Boa noite,

Somente avisando, o código do Shetos é para a phpBB 3!

Sobre a phpBB 2, tem uma forma bem mais simples de fazer isso! Existem os templates! Basta fazer algumas modificações, irei indicar:

Template overall_header:
Remover:
Código:
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>

Adicionar:
Código:
<div class="top-menu" style="margin: 0 auto" align="{MENU_POSITION}">{GENERATED_NAV_BAR}</div>
Depois de:
Código:
{JAVASCRIPT}
Publique as modificações e veja se ficou como queria!

Até mais.
avatar

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu no topo da página

Mensagem por zuu em 04/07/11, 11:27 am

Ficou muito bom... Obrigado Solkis.

Só mais uma coisa, se eu quiser que não fique centrado, se quiser que fica para a direita terei de colocar "right" em vez de "MENU_POSITION"?

zuu
Nível 6

Masculino
Inscrito dia : 02/08/2010
Mensagens : 69
Pontos Ativos : 113

Ver perfil do usuário http://desportorei.forumeiros.com/portal.htm

Resolvido Re: Menu no topo da página

Mensagem por Convidad em 04/07/11, 03:40 pm

Sim, isso mesmo! Mais isso é uma variável, você não precisar ir no código e escrever "quero que o meu menu fique posicionado a direita", simplesmente vá em Painel de controle >> Visualização >> Home page >> Cabeçalho e navegação

Agora basta procurar o campo "posição do menu" e marque a que preferir!


Última edição por Mr. Supero em 04/07/11, 08:23 pm, editado 1 vez(es)

Convidad
Convidado


Resolvido Re: Menu no topo da página

Mensagem por Askum em 04/07/11, 08:21 pm

No meu ja que tem bastante template editado, bugo tudo uhiauiahheiauhea. mas eu n preciso do code.
avatar

Askum
Usuário avançado

Masculino
Inscrito dia : 14/05/2011
Mensagens : 459
Pontos Ativos : 650

Ver perfil do usuário http://extrasenses.net

Resolvido Re: Menu no topo da página

Mensagem por Luciano98 em 05/07/11, 07:19 pm

Olá!

Poderá somente confirmar se sua dúvida está resolvida? Piscada
Caso necessite de suporte adicional, por favor informe-nos!

Até mais.
Luciano98
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu no topo da página

Mensagem por zuu em 06/07/11, 08:50 am

Sim, muito obrigado...

Podem fechar Positivo

zuu
Nível 6

Masculino
Inscrito dia : 02/08/2010
Mensagens : 69
Pontos Ativos : 113

Ver perfil do usuário http://desportorei.forumeiros.com/portal.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