Como fazer esse menu

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

Resolvido Como fazer esse menu

Mensagem por James [B]. em 13/10/13, 05:05 pm

Qual é minha questão:
Olá Caros Usuarios do Fórum dos Fóruns Queria saber como faz esse menu na imagem abaixo


Obrigado Pela Atenção..


Endereço do meu fórum:
http://nxfatal.forumeiros.com

Versão do fórum:
PUNBB


Última edição por iPauliinhoO_. em 13/10/13, 09:32 pm, editado 1 vez(es)
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

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

Resolvido Re: Como fazer esse menu

Mensagem por Shek em 13/10/13, 05:23 pm

Boa tarde!

Adicione este código CSS:
Código:
#page-header .navbar ul.navlinks {
background: url(http://i.imgur.com/aKvWHpE.png) repeat-x;
border: 1px solid rgb(229, 225, 225);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
height: 36px;
margin-left: -1.3%;
margin-top: -1.25%;
width: 102.4%;
Atenciosamente,
Shek


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17160
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Como fazer esse menu

Mensagem por James [B]. em 13/10/13, 05:29 pm

Não Funciono
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

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

Resolvido Re: Como fazer esse menu

Mensagem por First em 13/10/13, 05:33 pm

Olá,

Peço que acede à 'Folha de estilo CSS':
Painel de Controle :seta:Visualização :seta:Imagens e Cores :seta:Cores :seta2:Folha de estilo CSS
Código:
#pun-head #pun-navlinks {
background: url(http://i.imgur.com/aKvWHpE.png)!important;
border: 1px solid rgb(229, 225, 225);
height: 36px;
}
Valide.


Até mais,
Passar bem. Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Como fazer esse menu

Mensagem por James [B]. em 13/10/13, 05:35 pm

Até Funciono mais a imagem fico quase forum do menu e o Inicio Portal... não fico em negrito
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

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

Resolvido Re: Como fazer esse menu

Mensagem por First em 13/10/13, 05:38 pm

Olá,

Senhor, acrescenta mais este código em sua folha de estilo CSS:
Código:
.mainmenu {
color: #000!important;
font-weight: bold!important;
}

Até mais,
Passar bem. Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Como fazer esse menu

Mensagem por James [B]. em 13/10/13, 05:40 pm

Tem como tipo INICIO portal ... FICA tudo de letra Maiscula por favor
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

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

Resolvido Re: Como fazer esse menu

Mensagem por First em 13/10/13, 05:52 pm

Olá,

Senhor, remova todos os códigos passado a cima e adicione este em sua folha de estilo CSS:
Código:
#pun-head #pun-navlinks {
background: url(http://i.imgur.com/aKvWHpE.png) repeat-x;
border: 1px solid rgb(229, 225, 225);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
height: 36px;
}
a.mainmenu {
text-decoration: none!important;
}
.mainmenu {
font-weight: 700;
color: #000!important;
text-transform: uppercase;
font-family: Arial;
font-size: 14px;
height: 36px;
line-height: 36px;
}

Até mais,
Passar bem. Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Como fazer esse menu

Mensagem por James [B]. em 13/10/13, 08:07 pm

So tem uma parte que ta uma listra branca olhe lá no meu fórum
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

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

Resolvido Re: Como fazer esse menu

Mensagem por First em 13/10/13, 09:07 pm

Olá,

Senhor, oque esta de Negrito altere até ficar do jeito que você deseja.
#pun-head #pun-navlinks {
background: url(http://i.imgur.com/aKvWHpE.png) repeat-x;
border: 1px solid rgb(229, 225, 225);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
height: 36px;
}
a.mainmenu {
text-decoration: none!important;
}
.mainmenu {
font-weight: 700;
color: #000!important;
text-transform: uppercase;
font-family: Arial;
font-size: 14px;
height: 36px;
line-height: 36px;
}
Caso não de certo peço que retire o javascript que bloqueia o mouse e o botão F12.


Até mais,
Passar bem. Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Como fazer esse menu

Mensagem por James [B]. em 13/10/13, 09:31 pm

Resolvido
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

Ver perfil do usuário http://skytemas.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