Barra de navegação em cima do logo

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

Resolvido Barra de navegação em cima do logo

Mensagem por iKeyboard em 21/05/11, 03:12 am

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:


Poderiam me mandar o código certo para ficar como na imagem:



Abraços!
avatar

iKeyboard
Usuário avançado

Masculino
Inscrito dia : 06/12/2010
Mensagens : 320
Pontos Ativos : 420

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

Resolvido Re: Barra de navegação em cima do logo

Mensagem por Cream em 21/05/11, 01:32 pm

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.

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: Barra de navegação em cima do logo

Mensagem por iKeyboard em 21/05/11, 02:34 pm

Olá!

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

Olhe as imagens:





Até mais!
avatar

iKeyboard
Usuário avançado

Masculino
Inscrito dia : 06/12/2010
Mensagens : 320
Pontos Ativos : 420

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

Resolvido Re: Barra de navegação em cima do logo

Mensagem por Cream em 21/05/11, 02:35 pm

Olá,

Aqui funcionou perfeitamente.
Que versão usas?

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: Barra de navegação em cima do logo

Mensagem por iKeyboard em 21/05/11, 02:39 pm

Olá!

Uso a versão PhpBB3 .


Até mais!
avatar

iKeyboard
Usuário avançado

Masculino
Inscrito dia : 06/12/2010
Mensagens : 320
Pontos Ativos : 420

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

Resolvido Re: Barra de navegação em cima do logo

Mensagem por Cream em 22/05/11, 01:12 pm

Olá,

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

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: Barra de navegação em cima do logo

Mensagem por iKeyboard em 22/05/11, 01:29 pm

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
avatar

iKeyboard
Usuário avançado

Masculino
Inscrito dia : 06/12/2010
Mensagens : 320
Pontos Ativos : 420

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