Barra de navegação em cima do logo

2 participantes

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

Tópico resolvido Barra de navegação em cima do logo

Mensagem por iKeyboard 21.05.11 7:12

Qual é sua questão:
Olá!

Eu vi um tópico que foi movido para questões resolvidas , e então usei este código:
Código:
    /*-------------------Navbar-------------------*/
    ul.navlinks {
    border: 0px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;}

    #page-header div.navbar{
    background: url(http://i69.servimg.com/u/f69/15/09/52/95/navbar11.png) no-repeat bottom center;
    position: relative;
    bottom: 230px;}

    #page-header ul.linklist li a{
    color: white;
    margin-right: 2px;
    margin-left: 2px;}

    #page-header ul.linklist li a img:hover{background: url(http://i69.servimg.com/u/f69/15/09/52/95/hover115.gif) center no-repeat;}

Mas quando coloquei , olha como ficou:
Barra de navegação em cima do logo Wk5vut

Poderiam me mandar o código certo para ficar como na imagem:
Barra de navegação em cima do logo 2nlacsl


Abraços!
iKeyboard

iKeyboard
****

Membro desde : 07/12/2010
Mensagens : 320
Pontos : 420

http://lockcheats.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Barra de navegação em cima do logo

Mensagem por Cream 21.05.11 17:32

Olá,

Utilize este código em:
Painel de controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Código:

/*-------------------Navbar-------------------*/
ul.navlinks {
border: 0px;
font-weight: bold;
text-align: center;
padding-bottom: 10px;}

#page-header div.navbar{
background: url(http://i69.servimg.com/u/f69/15/09/52/95/navbar11.png) no-repeat bottom center;
position: relative;
bottom: 230px;}

#page-header ul.linklist li a{
color: white;
margin-right: 2px;
margin-left: 2px;}

#page-header ul.linklist li a img:hover{background: url(http://i69.servimg.com/u/f69/15/09/52/95/hover115.gif) center no-repeat;}

/*-------------------Search box-------------------*/

#search-box #keywords {
width: 135px;
background: url(http://i86.servimg.com/u/f86/11/96/49/61/input10.png) no-repeat;
height: 26px;
padding: 5px;
padding-bottom: 0px;
padding-right: 20px;}

#search-box{
margin-right: 41px;
position: relative;
bottom: 2px;}

#search-box input {border: 0px;}

#search-box input.button2 {
color: white;
background: url(http://i86.servimg.com/u/f86/11/96/49/61/srchbu10.png) no-repeat;
height: 26px;
width: 70px;
padding-left: 8px;
padding-right: 28px;
padding-bottom: 5px;
margin-bottom: 5px;
position: relative;
right: 25px;}

input.search {
background: none;
background-position: left 0px;
padding-left: 0px;}

/*-------------------Other Search Box-------------------*/
.search-box{
margin-top: 15px;
margin-left: 20px;}
#search_keywords{background: white;}

/*-------------------Search Menu-------------------*/
#search_menu {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border: 2px solid black;
z-index: 999;
background: #EFF1F3 url(http://i86.servimg.com/u/f86/11/96/49/61/srchme10.png) bottom repeat-x;}

.title-overview {background: #EFF1F3;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;}

Abraços.

Obs: O código, vai se adaptar de acordo com os botões do seu menu, e não os do tema. Se queres que o mesmo funcione perfeitamente, terás de pegar os botões do tema apresentado e se possível o logo.

Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação em cima do logo

Mensagem por iKeyboard 21.05.11 18:34

Olá!

Deu certo , porém não ficou completo uma parte.
E o 'Buscar' não ficou no lugar certo.

Olhe as imagens:
Barra de navegação em cima do logo Rcm2wl

Barra de navegação em cima do logo 2q863hj


Até mais!
iKeyboard

iKeyboard
****

Membro desde : 07/12/2010
Mensagens : 320
Pontos : 420

http://lockcheats.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Barra de navegação em cima do logo

Mensagem por Cream 21.05.11 18:35

Olá,

Aqui funcionou perfeitamente.
Que versão usas?

Abraços.
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação em cima do logo

Mensagem por iKeyboard 21.05.11 18:39

Olá!

Uso a versão PhpBB3 .


Até mais!
iKeyboard

iKeyboard
****

Membro desde : 07/12/2010
Mensagens : 320
Pontos : 420

http://lockcheats.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Barra de navegação em cima do logo

Mensagem por Cream 22.05.11 17:12

Olá,

Já encontrei o problema.
Poderia nos passar sua folha de estilo CSS?
Provavelmente um CSS está cancelando outro...

Abraços.
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação em cima do logo

Mensagem por iKeyboard 22.05.11 17:29

Olá de novo!

Eu esqueci de avisar ...

Pode trancar o tópico , agora que coloquei o Painel do usuario la em cima , eu vo deixar assim mesmo *-*


Abraços
iKeyboard

iKeyboard
****

Membro desde : 07/12/2010
Mensagens : 320
Pontos : 420

http://lockcheats.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