Barra de navegação

5 participantes

Ir para baixo

Tópico resolvido Barra de navegação

Mensagem por kakashi.bpg 16.12.12 16:52

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:

https://2img.net/r/ihimizer/img21/9891/barranaegacao.png

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

Versão do fórum:
PHPBB3
kakashi.bpg
kakashi.bpg
*

Membro desde : 23/09/2012
Mensagens : 42
Pontos : 62

http://policiacivilgtasa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por BrunoH. 16.12.12 16:53

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(https://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(https://i.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(https://i.servimg.com/u/f42/17/32/13/00/nav-di10.png) 100% 44% no-repeat,url(https://i.servimg.com/u/f42/17/32/13/00/menu-s14.png) top center no-repeat}
e Valide!

Até mais.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por kakashi.bpg 16.12.12 22:41

brunoh, aqui fica um pouco para fora da largura do forum, tem como ser menor isso aew?
kakashi.bpg
kakashi.bpg
*

Membro desde : 23/09/2012
Mensagens : 42
Pontos : 62

http://policiacivilgtasa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por Consolado 16.12.12 22:58

Olá!

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

Melhores cumprimentos.
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por BrunoH. 16.12.12 23:04

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

Até mais. Eu amo você
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por kakashi.bpg 16.12.12 23:28

brasilstylehardrpg.forumeiros.com
kakashi.bpg
kakashi.bpg
*

Membro desde : 23/09/2012
Mensagens : 42
Pontos : 62

http://policiacivilgtasa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por Firenando 17.12.12 4:15

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}
Firenando
Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por Consolado 17.12.12 11:51

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.
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por StyLe® 17.12.12 12:33

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.
avatar
StyLe®
Super Membro

Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654

https://ajuda.forumeiros.com/t79652-

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por kakashi.bpg 17.12.12 13:25

Resolvido.

Obrigado.
kakashi.bpg
kakashi.bpg
*

Membro desde : 23/09/2012
Mensagens : 42
Pontos : 62

http://policiacivilgtasa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por kakashi.bpg 17.12.12 14:06

ainda a um simples erro, a coisinha do Buscar fica para baixo da Barra..
kakashi.bpg
kakashi.bpg
*

Membro desde : 23/09/2012
Mensagens : 42
Pontos : 62

http://policiacivilgtasa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por StyLe® 17.12.12 14:40

Poderia deixar o código ativo em seu fórum e me passar o link do seu fórum?
avatar
StyLe®
Super Membro

Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654

https://ajuda.forumeiros.com/t79652-

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por kakashi.bpg 17.12.12 14:47

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.
kakashi.bpg
kakashi.bpg
*

Membro desde : 23/09/2012
Mensagens : 42
Pontos : 62

http://policiacivilgtasa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por StyLe® 17.12.12 15:02

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.
avatar
StyLe®
Super Membro

Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654

https://ajuda.forumeiros.com/t79652-

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por kakashi.bpg 17.12.12 15:12

ficou muito para cima agora.
kakashi.bpg
kakashi.bpg
*

Membro desde : 23/09/2012
Mensagens : 42
Pontos : 62

http://policiacivilgtasa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por kakashi.bpg 17.12.12 15:17

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

Membro desde : 23/09/2012
Mensagens : 42
Pontos : 62

http://policiacivilgtasa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por StyLe® 17.12.12 15:24

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

Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654

https://ajuda.forumeiros.com/t79652-

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de navegação

Mensagem por Consolado 17.12.12 15:34

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
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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