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

2 participantes

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

Tópico resolvido Coloque aqui um título descritivo sobre a sua questão

Mensagem por ~Itachi Uchiha' 16.05.12 16:44

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:
https://i.imgur.com/IjzIZ.jpg

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

Versão do meu fórum:
PHPBB3
~Itachi Uchiha'

~Itachi Uchiha'
***

Membro desde : 29/01/2012
Mensagens : 172
Pontos : 281

http://superonzestandup.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Coloque aqui um título descritivo sobre a sua questão

Mensagem por MateusV. 16.05.12 16:52

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
MateusV.

MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Coloque aqui um título descritivo sobre a sua questão

Mensagem por ~Itachi Uchiha' 16.05.12 17:07

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

~Itachi Uchiha'
***

Membro desde : 29/01/2012
Mensagens : 172
Pontos : 281

http://superonzestandup.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Coloque aqui um título descritivo sobre a sua questão

Mensagem por MateusV. 16.05.12 17:09

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
MateusV.

MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Coloque aqui um título descritivo sobre a sua questão

Mensagem por ~Itachi Uchiha' 16.05.12 17:15

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.
~Itachi Uchiha'

~Itachi Uchiha'
***

Membro desde : 29/01/2012
Mensagens : 172
Pontos : 281

http://superonzestandup.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Coloque aqui um título descritivo sobre a sua questão

Mensagem por MateusV. 16.05.12 17:16

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
MateusV.

MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Coloque aqui um título descritivo sobre a sua questão

Mensagem por ~Itachi Uchiha' 16.05.12 17:24

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:
~Itachi Uchiha'

~Itachi Uchiha'
***

Membro desde : 29/01/2012
Mensagens : 172
Pontos : 281

http://superonzestandup.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Coloque aqui um título descritivo sobre a sua questão

Mensagem por MateusV. 16.05.12 17:28

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
MateusV.

MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Coloque aqui um título descritivo sobre a sua questão

Mensagem por ~Itachi Uchiha' 16.05.12 17:31

Finalmente !

Obrigado.
~Itachi Uchiha'

~Itachi Uchiha'
***

Membro desde : 29/01/2012
Mensagens : 172
Pontos : 281

http://superonzestandup.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos