Barra de navegação

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

Resolvido Barra de navegação

Mensagem por kakashi.bpg em 16/12/12, 02:52 pm

Qual é minha questão:
Galera, me ajudem, não sei por essa barra de navegação.
não sei se é algum tema, ou tem que editar pra por.
mas me falem ae.

SS:

http://img21.imageshack.us/img21/9891/barranaegacao.png

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

Versão do fórum:
PHPBB3
avatar

kakashi.bpg
Nível 5

Masculino
Inscrito dia : 23/09/2012
Mensagens : 42
Pontos Ativos : 62

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

Resolvido Re: Barra de navegação

Mensagem por BrunoH. em 16/12/12, 02:53 pm

Olá!
Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
#page-header .navbar ul.linklist.navlinks{ width:102.4%;left:-1.2%;background:url(http://i.imgur.com/uZ3pX.png) top left repeat-x;height:42px}a.mainmenu{color:white!important;height:35px;display:inline-block;margin:0px!important;background:url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) 100% 44% no-repeat;padding-right:10px;padding-top:7px}a.mainmenu:hover{background:url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) 100% 44% no-repeat,url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) top center no-repeat}
e Valide!

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Barra de navegação

Mensagem por kakashi.bpg em 16/12/12, 08:41 pm

brunoh, aqui fica um pouco para fora da largura do forum, tem como ser menor isso aew?
avatar

kakashi.bpg
Nível 5

Masculino
Inscrito dia : 23/09/2012
Mensagens : 42
Pontos Ativos : 62

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

Resolvido Re: Barra de navegação

Mensagem por Consolado em 16/12/12, 08:58 pm

Olá!

Leia esse tópico:
http://ajuda.forumeiros.com/t71425-plobrema-com-o-menu

Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Barra de navegação

Mensagem por BrunoH. em 16/12/12, 09:04 pm

Olá!
Informe-nos o endereço de seu fórum, para que possamos prosseguir com tua questão.

Até mais. Eu amo você
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Barra de navegação

Mensagem por kakashi.bpg em 16/12/12, 09:28 pm

brasilstylehardrpg.forumeiros.com
avatar

kakashi.bpg
Nível 5

Masculino
Inscrito dia : 23/09/2012
Mensagens : 42
Pontos Ativos : 62

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

Resolvido Re: Barra de navegação

Mensagem por Firenando em 17/12/12, 02:15 am

Troque o código do Bruno por este.

Código:
#page-header .navbar ul.linklist.navlinks{ width:101.2%;left:-1.2%;background:url(http://i.imgur.com/uZ3pX.png) top left repeat-x;height:42px}a.mainmenu{color:white!important;height:35px;display:inline-block;margin:0px!important;background:url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) 100% 44% no-repeat;padding-right:10px;padding-top:7px}a.mainmenu:hover{background:url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) 100% 44% no-repeat,url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) top center no-repeat}
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

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

Resolvido Re: Barra de navegação

Mensagem por Consolado em 17/12/12, 09:51 am

@kakashi.bpg escreveu:brunoh, aqui fica um pouco para fora da largura do forum, tem como ser menor isso aew?
Mantenha o código do nosso amigo Bruno em sua CSS e adicione esta outra:
Código:
#page-header .navbar{background:none!important}#page-header .navbar ul.linklist.navlinks{width: 92.5%; margin-left: 53px; margin-top: 14%!important}ul.linklist li{position: relative; top: -6px!important}
Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Barra de navegação

Mensagem por StyLe® em 17/12/12, 10:33 am

Olá!

Aceda à "Folha de estilo CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
#page-header .navbar {
border-bottom: transparent !important;
background-color: #333;
border-color: #CCC;
padding: .5em 1.1em .6em;
}
ul.navlinks {border-bottom: transparent !important;}
#page-header .navbar {
background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
}
#page-header .navbar {
border-top: 5px solid #21C8FF!important;
height: 43px;
overflow: visible!important;
padding: 1px 10px!important;
}
#page-header .navbar li:hover {
-webkit-transition: all .2s linear;
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% top;
}
#page-header .navbar ul[class="clearfix"] {
border: 0!important;
padding-top: 4px;
width: 90%;
}
#page-header .navbar a, #page-header .navbar a:visited {
text-decoration: none;
}
#page-header .navbar a, #page-header .navbar a {
color: #EDEDED;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: 700;
margin: 0;
}
#page-header .navbar li a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) repeat-y center right;
color: white;
font-family: Arial,Helvetica,sans-serif!important;
font-size: 14px!important;
font-weight: 700;
margin: 0!important;
padding: 14px 7px 14px 0;
text-decoration: none!important;
}
#page-header .navbar li {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% -10px;
padding-top: 14px;
position: relative;
transition: all .2s linear;
}
#page-header .navbar li {
display: inline;
font-size: 1.15em;
}

Valide

Resulta?


Até mais.

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Barra de navegação

Mensagem por kakashi.bpg em 17/12/12, 11:25 am

Resolvido.

Obrigado.
avatar

kakashi.bpg
Nível 5

Masculino
Inscrito dia : 23/09/2012
Mensagens : 42
Pontos Ativos : 62

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

Resolvido Re: Barra de navegação

Mensagem por kakashi.bpg em 17/12/12, 12:06 pm

ainda a um simples erro, a coisinha do Buscar fica para baixo da Barra..
avatar

kakashi.bpg
Nível 5

Masculino
Inscrito dia : 23/09/2012
Mensagens : 42
Pontos Ativos : 62

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

Resolvido Re: Barra de navegação

Mensagem por StyLe® em 17/12/12, 12:40 pm

Poderia deixar o código ativo em seu fórum e me passar o link do seu fórum?

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Barra de navegação

Mensagem por kakashi.bpg em 17/12/12, 12:47 pm

@StyLe® escreveu:Poderia deixar o código ativo em seu fórum e me passar o link do seu fórum?
Sim, fórum: http://brasilstylehardrpg.forumeiros.com/forum
veja, que o buscar fica para baixo.
avatar

kakashi.bpg
Nível 5

Masculino
Inscrito dia : 23/09/2012
Mensagens : 42
Pontos Ativos : 62

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

Resolvido Re: Barra de navegação

Mensagem por StyLe® em 17/12/12, 01:02 pm

Troque o código por este
Código:
#page-header .navbar {
border-bottom: transparent !important;
background-color: #333;
border-color: #CCC;
padding: .5em 1.1em .6em;
}
ul.navlinks {border-bottom: transparent !important;}
#page-header .navbar {
background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
}
#page-header .navbar {
border-top: 5px solid #21C8FF!important;
height: 43px;
overflow: visible!important;
padding: 1px 10px!important;
}
#page-header .navbar li:hover {
-webkit-transition: all .2s linear;
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% top;
}
#page-header .navbar ul[class="clearfix"] {
border: 0!important;
padding-top: 4px;
width: 90%;
}
#page-header .navbar a, #page-header .navbar a:visited {
text-decoration: none;
}
#page-header .navbar a, #page-header .navbar a {
color: #EDEDED;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: 700;
margin: 0;
}
#page-header .navbar li a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) repeat-y center right;
color: white;
font-family: Arial,Helvetica,sans-serif!important;
font-size: 14px!important;
font-weight: 700;
margin: 0!important;
padding: 14px 7px 14px 0;
text-decoration: none!important;
}
#page-header .navbar li {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% -10px;
padding-top: 14px;
position: relative;
transition: all .2s linear;
}
#page-header .navbar li {
display: inline;
font-size: 1.15em;
}
    #search-box {
      opacity: 0.7;
        filter: alpha(opacity=70);
        transition: opacity 1s;
        -moz-transition: opacity 1s;
        -o-transition: opacity 1s;
        -webkit-transition: opacity 1s;
        -htm-transition: opacity 1s;
        margin-top:-48px;
        margin-right: -2px;
      }
    #search-box:hover{
      opacity: 1;
            -moz-opacity: 1;
            filter: alpha(opacity=100);
            transition: opacity 0.5s;
            -moz-transition: opacity 0.5s;
            -o-transition: opacity 0.5s;
            -webkit-transition: opacity 0.5s;
            -htm-transition: opacity 0.5s;
    }
    #search-box input.button2{transition: background, color 1.0s;
            -moz-transition: background,color 1.0s;
            -o-transition: background, color 1.0s;
            -webkit-transition: background, color 1.0s;
            -htm-transition: background, color 1.0s;-webkit-border-radius:2px;-webkit-user-select:none;background-color:#f5f5f5;background-image:-o-linear-gradient(top,whiteSmoke,#F1F1F1);border:1px solid rgba(0,0,0,0.1);border-radius:2px;color:#666;cursor:pointer;font-size:11px;font-weight:700;height:29px;line-height:18px;margin:11px 6px;min-width:54px;padding:0 8px;text-align:center}#search-box input{border-radius: 5px 0px 0px 5px;-moz-box-sizing:content-box;background:#fff;border:1px solid #D9D9D9;border-width:1px;color:#000;height:23px}
    #search-box input.button2 {
      border-radius: 0px 5px 5px 0px;
      font-size: 11px !important;
    }
    #search-box input.button2:hover {
    transition: background, color 1.0s;
            -moz-transition: background,color 1.0s;
            -o-transition: background, color 1.0s;
            -webkit-transition: background, color 1.0s;
            -htm-transition: background, color 1.0s;
      box-shadow:0px 0px 1px grey;
      text-decoration:none;
      border-radius:5px;
      color:#034F06;
      background-image: linear-gradient(bottom, rgb(64,148,64) 10%, rgb(134,235,147) 97%);
    background-image: -o-linear-gradient(bottom, rgb(64,148,64) 10%, rgb(134,235,147) 97%);
    background-image: -moz-linear-gradient(bottom, rgb(64,148,64) 10%, rgb(134,235,147) 97%);
    background-image: -webkit-linear-gradient(bottom, rgb(64,148,64) 10%, rgb(134,235,147) 97%);
    background-image: -ms-linear-gradient(bottom, rgb(64,148,64) 10%, rgb(134,235,147) 97%);

    background-image: -webkit-gradient(
      linear,
      right bottom,
      right top,
      color-stop(0.1, rgb(64,148,64)),
      color-stop(0.97, rgb(134,235,147))
    );
    }

Resulta?


Até mais.

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Barra de navegação

Mensagem por kakashi.bpg em 17/12/12, 01:12 pm

ficou muito para cima agora.
avatar

kakashi.bpg
Nível 5

Masculino
Inscrito dia : 23/09/2012
Mensagens : 42
Pontos Ativos : 62

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

Resolvido Re: Barra de navegação

Mensagem por kakashi.bpg em 17/12/12, 01:17 pm

não tem como tirar esse buscar dae? nem precisa disso na vdd.
avatar

kakashi.bpg
Nível 5

Masculino
Inscrito dia : 23/09/2012
Mensagens : 42
Pontos Ativos : 62

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

Resolvido Re: Barra de navegação

Mensagem por StyLe® em 17/12/12, 01:24 pm

Olha oque você quer sem busca ou com busca? se for sem busca utiliza o primeiro código que eu lhe passei

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Barra de navegação

Mensagem por Consolado em 17/12/12, 01:34 pm

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

#search-box{display:none}
Valide.

Melhores cumprimentos,
Today
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

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