Coloque aqui um título descritivo sobre a sua questão

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

Resolvido Coloque aqui um título descritivo sobre a sua questão

Mensagem por ~Itachi Uchiha' em 16/05/12, 12:44 pm

Qual é minha questão:
Como colocar o menu de navegação desse geito: http://narutobr-rpgonline.forumeiros.com/forum

Medidas que eu tomei para corrigir o problema:
vim aki

Links e imagens do meu problema:
http://i.imgur.com/IjzIZ.jpg

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

Versão do meu fórum:
PHPBB3
avatar

~Itachi Uchiha'
Nível 9

Masculino
Inscrito dia : 29/01/2012
Mensagens : 172
Pontos Ativos : 281

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

Resolvido Re: Coloque aqui um título descritivo sobre a sua questão

Mensagem por MateusV. em 16/05/12, 12:52 pm

Olá, aceda ao seu
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Aba 'Folha de estilo CSS

Cole o código e salve
Código:
#emptyidleft, #logo-desc, #page-body, #page-header .navbar, #search-box, #search-box #keywords {
display: inline-block!important;
}
#page-header .navbar {
background: url(http://i36.servimg.com/u/f36/14/26/18/24/menu12.png) no-repeat top center;
height: 142px;
padding: 0;
position: absolute;
top: 0;
width: 901px;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
.navbar {
background-color: #CADCEB;
clear: both;
padding: 0 10px;
}
#page-header .navbar ul {
border: 0!important;
bottom: -97px;
left: 35px;
position: relative;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
ul.borderless {
border-bottom: 0;
}
ul.navlinks {
border-bottom: 1px solid transparent;
font-weight: 700;
text-align: center;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}

Melhores cumprimentos. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Coloque aqui um título descritivo sobre a sua questão

Mensagem por ~Itachi Uchiha' em 16/05/12, 01:07 pm

Funcionou, mas o menu esta onde o logo fica, tem como colocar ele abaixo do logo ? se for código pode passar.
avatar

~Itachi Uchiha'
Nível 9

Masculino
Inscrito dia : 29/01/2012
Mensagens : 172
Pontos Ativos : 281

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

Resolvido Re: Coloque aqui um título descritivo sobre a sua questão

Mensagem por MateusV. em 16/05/12, 01:09 pm

Olá, deseja o menu abaixo do logo? Se sim, substitua o código por este
Código:
#emptyidleft, #logo-desc, #page-body, #page-header .navbar, #search-box, #search-box #keywords {
display: inline-block!important;
}
#page-header .navbar {
background: url(http://i36.servimg.com/u/f36/14/26/18/24/menu12.png) no-repeat top center;
height: 142px;
padding: 0;
position: absolute;
width: 901px;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
.navbar {
background-color: #CADCEB;
clear: both;
padding: 0 10px;
}
#page-header .navbar ul {
border: 0!important;
left: 35px;
position: relative;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
ul.borderless {
border-bottom: 0;
}
ul.navlinks {
border-bottom: 1px solid transparent;
font-weight: 700;
text-align: center;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}

Melhores cumprimentos. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Coloque aqui um título descritivo sobre a sua questão

Mensagem por ~Itachi Uchiha' em 16/05/12, 01:15 pm

Infelizmente não resultou veja oque aconteceu:

Spoiler:

e quando uso esses códigos que você me passou a caixa buscar também se move com o menu.
avatar

~Itachi Uchiha'
Nível 9

Masculino
Inscrito dia : 29/01/2012
Mensagens : 172
Pontos Ativos : 281

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

Resolvido Re: Coloque aqui um título descritivo sobre a sua questão

Mensagem por MateusV. em 16/05/12, 01:16 pm

Olá, tente substitui-lo por este código
Código:
#emptyidleft, #logo-desc, #page-body, #page-header .navbar, #search-box, #search-box #keywords {
display: inline-block!important;
}
#page-header .navbar {
background: url(http://i36.servimg.com/u/f36/14/26/18/24/menu12.png) no-repeat top center;
height: 142px;
padding: 0;
position: absolute;
top: 200px;
width: 901px;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
.navbar {
background-color: #CADCEB;
clear: both;
padding: 0 10px;
}
#page-header .navbar ul {
border: 0!important;
bottom: -97px;
left: 35px;
position: relative;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
ul.borderless {
border-bottom: 0;
}
ul.navlinks {
border-bottom: 1px solid transparent;
font-weight: 700;
text-align: center;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}

Melhores cumprimentos. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Coloque aqui um título descritivo sobre a sua questão

Mensagem por ~Itachi Uchiha' em 16/05/12, 01:24 pm

Bom, ficou como queria, mas gostaria que entre a letra do menu ficassem um pouco mais afastadas uma da outra tipo aqui no fdf, gostaria também que o texto tivesse um pouco de sombra atras dele.

Veja como esta:
Spoiler:
avatar

~Itachi Uchiha'
Nível 9

Masculino
Inscrito dia : 29/01/2012
Mensagens : 172
Pontos Ativos : 281

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

Resolvido Re: Coloque aqui um título descritivo sobre a sua questão

Mensagem por MateusV. em 16/05/12, 01:28 pm

Olá, substitua o código novamente por este
Código:
#emptyidleft, #logo-desc, #page-body, #page-header .navbar, #search-box, #search-box #keywords {
display: inline-block!important;
}
#page-header .navbar {
background: url(http://i36.servimg.com/u/f36/14/26/18/24/menu12.png) no-repeat top center;
height: 142px;
padding: 0;
position: absolute;
top: 200px;
width: 901px;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
.navbar {
background-color: #CADCEB;
clear: both;
padding: 0 10px;
}
#page-header .navbar ul {
border: 0!important;
bottom: -97px;
left: 35px;
position: relative;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
ul.borderless {
border-bottom: 0;
}
ul.navlinks {
border-bottom: 1px solid transparent;
font-weight: 700;
text-align: center;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
text-shadow: 0 0 5px white;
}


#page-header .navbar ul li {
margin: 5px;
}

Melhores cumprimentos. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Coloque aqui um título descritivo sobre a sua questão

Mensagem por ~Itachi Uchiha' em 16/05/12, 01:31 pm

Finalmente !

Obrigado.
avatar

~Itachi Uchiha'
Nível 9

Masculino
Inscrito dia : 29/01/2012
Mensagens : 172
Pontos Ativos : 281

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