Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Duvida sobre e-mail de Fundador
Hoje à(s) 21:56 por ZombieW

» Sistema de pré-visualizar em HTML
Hoje à(s) 21:52 por Hancki

» Perfil do usuário
Hoje à(s) 21:48 por Uatyla

» Apareceu isso do nada no meu fórum. Como tira?
Hoje à(s) 21:28 por Nean

» Loja no fórum
Hoje à(s) 20:33 por cocas20

» Problema nas páginas devido aos anúncios
Hoje à(s) 18:18 por juleic1123

» Seta no CKEditor
Hoje à(s) 18:01 por Cream

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
while
 
Cream
 
Shek
 
Holkis
 
PrisoN†BreaK
 
IsmaelS.
 
Ana Leandro
 
Sennior
 
YouTube3
 
Maori
 

Quem está conectado
108 usuários online :: 8 usuários cadastrados, Nenhum Invisível e 100 Visitantes :: 2 Motores de busca

Hancki, Holkis, juleic1123, Nean, PrisoN†BreaK, Uatyla, while, ZombieW

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Mudar barra de navegação

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

Resolvido Mudar barra de navegação

Mensagem por ellipsis em Seg 3 Nov 2014 - 14:21

Detalhes da dúvida


Versão do fórum : phpBB3
Nível de acesso : Membro
Navegador usado : Mozilla Firefox
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://testemunhasdejeova.forumeiros.com.pt/

Descrição do problema

Boa tarde,

Precisava de ajuda para mudar a minha barra de navegação.

Gostava de colocar a barra de navegação igual à do FdF e ao mesmo tempo quero tirar a cor por baixo da barra. Ou seja, a parte que esta demarcada a vermelho como mostra a imagem .

Obrigado


Última edição por ellipsis em Qua 5 Nov 2014 - 10:20, editado 1 vez(es)

ellipsis
Usuário avançado

Masculino
Inscrito dia : 28/09/2011
Mensagens : 367
Pontos Ativos : 2331

http://testemunhasdejeova.forumeiros.com.pt/

Resolvido Re: Mudar barra de navegação

Mensagem por Reset em Seg 3 Nov 2014 - 18:04

Olá amigo!

Acho que nenhum tipo de "código" utilizado na fdf, é permitido em outros fóruns.

Até mais,
Reset. Rosa

Reset
Membro do Fórum

Masculino
Inscrito dia : 30/09/2014
Mensagens : 1074
Pontos Ativos : 2131

http://ajuda.forumeiros.com/

Resolvido Re: Mudar barra de navegação

Mensagem por Shaman em Seg 3 Nov 2014 - 18:22

Usar o código do Fórum dos Fóruns, igual, acho que não é possível, mas você quer tirar o verde de onde está marcado? Poderia explicar melhor?

LucaS [],

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1782
Pontos Ativos : 3411

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Mudar barra de navegação

Mensagem por ellipsis em Seg 3 Nov 2014 - 18:31

@Reset escreveu:Olá amigo!

Acho que nenhum tipo de "código" utilizado na fdf, é permitido em outros fóruns.

Até mais,
Reset. Rosa

Olá, você disse acha.Isso significa que não tem certeza.

Agora eu digo que está errada. Eu já pedi e nunca me foi negado.
Eu estou pedindo...

Exemplos - http://ajuda.forumeiros.com/t89035-como-personalizar-os-widgets-do-forum

http://ajuda.forumeiros.com/t93111-mensagens-de-boas-vindas

http://ajuda.forumeiros.com/t95618-codigo-da-apresentacao-do-staff

Como vês estás errada.

Mas obrigado pela tua sugestão.

Todavia fico a aguardar ajuda.

ellipsis
Usuário avançado

Masculino
Inscrito dia : 28/09/2011
Mensagens : 367
Pontos Ativos : 2331

http://testemunhasdejeova.forumeiros.com.pt/

Resolvido Re: Mudar barra de navegação

Mensagem por Shaman em Ter 4 Nov 2014 - 16:12

Tente isto:
Código:
ul.linklist.navlinks > li > a {
display: inline-block;
line-height: 35px;
}
ul.linklist.navlinks a {
color: #FFF;
padding: 0 10px;
text-decoration: none;
}
a:visited {
color: #0372be;
text-decoration: none;
}
a:link {
color: #0372be;
text-decoration: none;
}
a {
text-decoration: none!important;
}
* {
margin: 0;
padding: 0;
}
user agent stylesheeta:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}
Inherited from li
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}
user agent stylesheetli {
display: list-item;
text-align: -webkit-match-parent;
}
Inherited from ul.linklist.navlinks
ul.navlinks {
-moz-border-radius: 0 0 6px 6px;
-o-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
background: url(http://illiweb.com/fa/fdf3/bg_cat.png) repeat-x #1675BC;
border-color: #4ca0ce #155d98 #155d98;
border-image: none;
border-radius: 0 0 6px 6px;
border-style: none none solid;
border-width: 0 0 4px;
bottom: 9px;
font-family: 'Oxygen Mono',Tahoma,Trebuchet MS,sans-serif;
font-size: 12px;
position: relative;
text-align: center;
}


Ou este:

Código:
#page-header .navbar ul.navlinks {
border-top: 1px solid #155d98;
height: auto;
margin-left: 0;
width: auto;
}
.inner .linklist.navlinks {
padding-right: 9px!important;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
ul.linklist.navlinks {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top-left-radius: 0;
height: 23px;
margin-left: -10px;
margin-top: -9px;
width: 100.4%;
}
ul.navlinks {
-moz-border-radius: 0 0 6px 6px;
-o-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
background: url(http://illiweb.com/fa/fdf3/bg_cat.png) repeat-x #1675BC;
border-color: #4ca0ce #155d98 #155d98;
border-image: none;
border-radius: 0 0 6px 6px;
border-style: none none solid;
border-width: 0 0 4px;
bottom: 9px;
font-family: 'Oxygen Mono',Tahoma,Trebuchet MS,sans-serif;
font-size: 12px;
position: relative;
text-align: center;
}
ul.navlinks {
border-bottom: 1px solid #fff;
font-weight: 700;
text-align: center;
}
ul {
list-style-type: none;
}




LucaS [],

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1782
Pontos Ativos : 3411

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Mudar barra de navegação

Mensagem por ellipsis em Ter 4 Nov 2014 - 17:32

Obrigado Lucas mas nenhum funcionou.

O primeiro aumenta aquela barra vermelha em tamanho. Fica quase o dobro.

O segundo código coloca uma barra azul idêntica à do FdF deslocada, mas a forma de trabalhar é a mesma.

O que eu pretendo é quando se coloca o mouse por cima do Portal por exemplo em vez de mudar de cor, como está atualmente eu quero eu uma sombra como acontece em muitos fóruns incluindo o FdF

ellipsis
Usuário avançado

Masculino
Inscrito dia : 28/09/2011
Mensagens : 367
Pontos Ativos : 2331

http://testemunhasdejeova.forumeiros.com.pt/

Resolvido Re: Mudar barra de navegação

Mensagem por Shaman em Ter 4 Nov 2014 - 17:38

Adicione mais isto:
Código:
ul.linklist.navlinks li.active > a, ul.linklist.navlinks li:hover > a {
background: none repeat scroll 0 0 #155d98;
color: #FFF;
}


LucaS [],

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1782
Pontos Ativos : 3411

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Mudar barra de navegação

Mensagem por Reset em Ter 4 Nov 2014 - 17:41

Olá!

Adicione este código junto ao do Lucas.
Código:
#page-header .navbar ul.navlinks {
border-top: 1px solid #155d98;
height: auto;
margin-left: 0;
width: auto;
}

Até! Café

Reset
Membro do Fórum

Masculino
Inscrito dia : 30/09/2014
Mensagens : 1074
Pontos Ativos : 2131

http://ajuda.forumeiros.com/

Resolvido Re: Mudar barra de navegação

Mensagem por ellipsis em Ter 4 Nov 2014 - 18:18

Já se faz alguma luz.

Estive a fazer algumas experiências.

Por favor entrem aqui - http://testemunhasdejeova.forumeiros.com.pt/?change_temp=3

Que é um tema temporário onde já está implementado as minhas experiências no barra. Ao passarem o mouse verificam uma sombra, mas eu quero a sombra maior, ou seja, eu quero da largura da barra do FdF.

Penso que me fiz compreender.

editado------------

Para facilitar este é o código que está lá no endereço que dei

Código:
div.mes-txt {
   background: #DFF5BC;
   padding: 3px;
   border-radius: 11px;
   }    

#page-header .navbar ul.navlinks li a{
       color:#FAFCFA;
       position: relative;
       bottom: -2px !important;
       margin: 5px;
       font-family: arial;
       font-size: 14px;
       text-shadow: 1px 1px 1px black;}

      ul.linklist.navlinks li.active > a, ul.linklist.navlinks li:hover > a {
   background: none repeat scroll 0 0 #155d98;
   color: #FFF;
   }

ellipsis
Usuário avançado

Masculino
Inscrito dia : 28/09/2011
Mensagens : 367
Pontos Ativos : 2331

http://testemunhasdejeova.forumeiros.com.pt/

Resolvido Re: Mudar barra de navegação

Mensagem por Shaman em Ter 4 Nov 2014 - 19:15

Apague todos os códigos passados e adicione isto:
Código:
ul.linklist.navlinks li.active > a, ul.linklist.navlinks li:hover > a {
background: none repeat scroll 0 0 #155d98;
color: #FFF;
}

ul.linklist.navlinks > li > a {
display: inline-block;
line-height: 35px;
}


LucaS [],

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1782
Pontos Ativos : 3411

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Mudar barra de navegação

Mensagem por ellipsis em Ter 4 Nov 2014 - 19:44

Prefeito agora só falta mudar as cores e isso eu faço.

Quanto à segunda pergunta. É possível retirar a parte que está sinalizada da barra

Imagem da minha dúvida:

ellipsis
Usuário avançado

Masculino
Inscrito dia : 28/09/2011
Mensagens : 367
Pontos Ativos : 2331

http://testemunhasdejeova.forumeiros.com.pt/

Resolvido Re: Mudar barra de navegação

Mensagem por Shaman em Ter 4 Nov 2014 - 19:54

@ellipsis escreveu:Prefeito agora só falta mudar as cores e isso eu faço.

Quanto à segunda pergunta. É possível retirar a parte que está sinalizada da barra

Imagem da minha dúvida:

Tirar a parte verde? Se for use isto:

Código:
.navbar {
background-color: transparent;
clear: both;
padding: 0 10px;
}

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1782
Pontos Ativos : 3411

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Mudar barra de navegação

Mensagem por ellipsis em Ter 4 Nov 2014 - 20:36

Lucas eu não quero que saia tudo. Eu quero só onde eu tenho o quadrado na imagem. onde estão as letras eu quero a cor.

ellipsis
Usuário avançado

Masculino
Inscrito dia : 28/09/2011
Mensagens : 367
Pontos Ativos : 2331

http://testemunhasdejeova.forumeiros.com.pt/

Resolvido Re: Mudar barra de navegação

Mensagem por Shaman em Ter 4 Nov 2014 - 21:24

Consegui assim mas agora vamos ter que arrumar um código pra por o anuncio pra baixo, já tento fazer isto, só aguarde um pouco.

Código:
.navbar {
background-color: #98eb12;
clear: both;
padding: 0 10px;
height: 33px;
border-radius: 5px;
}

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1782
Pontos Ativos : 3411

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Mudar barra de navegação

Mensagem por ellipsis em Ter 4 Nov 2014 - 22:44

Lucas eu consegui de outra forma.

Foi a cores e retirei a cor do fundo 3 e coloquei parte dum código que você me havia dado e fiz mudanças nas cores.

O código é este...

Código:
ul.navlinks {
-moz-border-radius: 0 0 6px 6px;
-o-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
background: url() repeat-x #f5d1cc;
border-color: #f5d1cc #f5d1cc #EB1224;
border-image: none;
border-radius: 0 0 6px 6px;
border-style: none none solid;
border-width: 0 0 4px;
bottom: 9px;
font-family: 'Oxygen Mono',Tahoma,Trebuchet MS,sans-serif;
font-size: 12px;
position: relative;
text-align: center;
}


Veja como fica - http://testemunhasdejeova.forumeiros.com.pt/?change_temp=3

Só há um pequeno se não. A barra não está do tamanho do logo.
Como faço para que ela cresça um pouquinho de cada lado?

ellipsis
Usuário avançado

Masculino
Inscrito dia : 28/09/2011
Mensagens : 367
Pontos Ativos : 2331

http://testemunhasdejeova.forumeiros.com.pt/

Resolvido Re: Mudar barra de navegação

Mensagem por Shaman em Ter 4 Nov 2014 - 22:58

Olá, tente este código:
Código:
.headerbar {
background-repeat: repeat-x;
padding: 0px 0px;
margin: 12px;
}


LucaS [],

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1782
Pontos Ativos : 3411

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Mudar barra de navegação

Mensagem por ellipsis em Ter 4 Nov 2014 - 23:24

Lucas esse código mexe no logo. Eu não quero que mexa no logo.

Eu quero que a barra de navegação cresça em vez de encolher o logo.

ellipsis
Usuário avançado

Masculino
Inscrito dia : 28/09/2011
Mensagens : 367
Pontos Ativos : 2331

http://testemunhasdejeova.forumeiros.com.pt/

Resolvido Re: Mudar barra de navegação

Mensagem por Shaman em Ter 4 Nov 2014 - 23:29

Então tente este:

Código:
ul.navlinks {
margin: -10px;
}


LucaS [],

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1782
Pontos Ativos : 3411

http://www.nexplorer.tk https://www.facebook.com/https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Mudar barra de navegação

Mensagem por ellipsis em Qua 5 Nov 2014 - 10:19

Prefeito Lucas.

Para resumir o trabalho feito.

Visualização - Cores - cores de fundo - E colocar uma cor suave ao nosso gosto

Depois colocar este código

Código:
div.mes-txt {
  background: #DFF5BC;
  padding: 3px;
  border-radius: 11px;
  }   

#page-header .navbar ul.navlinks li a{
      color:#FAFCFA;
      position: relative;
      bottom: -2px !important;
      margin: 5px;
      font-family: arial;
      font-size: 14px;
      text-shadow: 1px 1px 1px black;}

  ul.linklist.navlinks li.active > a, ul.linklist.navlinks li:hover > a {
    background: none repeat scroll 0 0 #EB1224;
    color: #FFF;
    }

    ul.linklist.navlinks > li > a {
    display: inline-block;
    line-height: 30px;
    }

ul.navlinks {
-moz-border-radius: 0 0 6px 6px;
-o-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
background: url() repeat-x #f5d1cc;
border-color: #f5d1cc #f5d1cc #EB1224;
border-image: none;
border-radius: 0 0 6px 6px;
border-style: none none solid;
border-width: 0 0 4px;
bottom: 9px;
font-family: 'Oxygen Mono',Tahoma,Trebuchet MS,sans-serif;
font-size: 12px;
position: relative;
text-align: center;
}

    ul.navlinks {
    margin: -10px;

Tudo isto está feito aqui - http://testemunhasdejeova.forumeiros.com.pt/?change_temp=3

E vou implementar nos outros temas.

Obrigado Lucas pela ajuda.

UM Forte abraço

ellipsis
Usuário avançado

Masculino
Inscrito dia : 28/09/2011
Mensagens : 367
Pontos Ativos : 2331

http://testemunhasdejeova.forumeiros.com.pt/

Resolvido Re: Mudar barra de navegação

Mensagem por StaaL em Qua 5 Nov 2014 - 12:51

Ola Tenta Utilizar esse Code

Seta Visualizações Seta Cores Seta Folhas De Estilo Css

Código:
.navbar {
    background-color: rgba(252, 252, 252, 0.98);
    clear: both;
    padding: 0px 10px;
}

StaaL
Nível 9

Masculino
Inscrito dia : 23/10/2014
Mensagens : 153
Pontos Ativos : 925

http://criando.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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5