Menu do fórum

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

Resolvido Menu do fórum

Mensagem por Reylis em Dom 3 Out 2010 - 11:26

Bem, pessoal do forumeiros tenho uma duvida (dã) Muito feliz

neste fórum http://projectsweb.forumeiros.com/forum.htm

tem um menu, preto, e que quando você passa o mouse, percebe - se que é um gif.. mas, quando fui ver na Gestão de imagens para eu copiar para meu fórum Verdadeiro, estava com imagens Empty, então pensei que poderia ser um código em CSS (não sei muito sobre isso), procurei e procurei, não achei este código ou o que quer que seja, alguem poderia me ajudar a achar isso?
Ahh, e ao invés de ficar no TOPO do fórum, ficar embaixo do logo, como muitos forums normais.

Obrigado pela coompreensão! Aguardo respostas!


Última edição por Reylis em Qui 7 Out 2010 - 15:59, editado 1 vez(es)
avatar

Reylis
Nível 9

Masculino
Inscrito dia : 03/10/2010
Mensagens : 164
Pontos Ativos : 252

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

Resolvido Re: Menu do fórum

Mensagem por Mr.Fórum. em Dom 3 Out 2010 - 15:26

Olá,

poderia me passar a sua folha de estilo css?

até mais.
avatar

Mr.Fórum.
Nível 9

Masculino
Inscrito dia : 03/04/2010
Mensagens : 246
Pontos Ativos : 347

Ver perfil do usuário http://ajuda.forumeiros.com/profile.forum

Resolvido Re: Menu do fórum

Mensagem por [renan] em Dom 3 Out 2010 - 17:21

Não vi o site, mas pelo que falou acho que é um menu css.

O que ele fez é colocar um background em formato gif, ou seja, quando passa-se o mouse sobre o link, a imagem se movimenta.

Use este código na sua folha CSS:


a.mainmenu {
background:url(IMAGEM);
cursor:allowed;
}
a.mainmenu:hover {
background:url(IMAGEM_HOVER);
cursor:allowed;
}

Substitua o texto em vermelho pelo link da imagem que será comum no menu, e o texto azul por uma gif que você escolher (ai quando o mouse passar sobre o menu, aparecerá ao fundo do link a gif)

Retire todas as imagens do seu menu (inicio, calendário, etc) em:
Visualização > Imagens e Cores > Gestão das Imagens

Marque a opção NÃO no campo "Exibir apenas as imagens no menu de navegação:" em:
Visualização > Home Page > Cabeçalho & Navegação

E pronto. Funciona em todas as versões ;]
avatar

[renan]
Nível 3

Masculino
Inscrito dia : 05/09/2009
Mensagens : 16
Pontos Ativos : 21

Ver perfil do usuário http://questworld.web-rpg.org

Resolvido Re: Menu do fórum

Mensagem por Reylis em Dom 3 Out 2010 - 20:26

Assim, vou tentar explicar melhor

por favor acessem esse site para conseguir verem o que desejo : http://projectsweb.forumeiros.com/forum.htm

encima vocês verão um menu de navegaçao, (portal, busca, membros, grupos, etc..) esse menu é animado, não é aquele que vc passa o mouse e continua naquela imagem, entao quando eu tentei copiar a imagem, não era uma imagem! (tentei copiar pelo botao direito, abrir imagem com URL) entao achei que poderia ser algo relacionado com CSS..

Sinto muito se não consegui esclarescer muito bem :/

por favor precizo de ajuda Mostrando a lingua

Msn: msn não pode ser divulgado nesta área do Fórum

eu posso explicar pelo team viewer.. talvez ajude melhor!

Valeu ;DDD
avatar

Reylis
Nível 9

Masculino
Inscrito dia : 03/10/2010
Mensagens : 164
Pontos Ativos : 252

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

Resolvido Re: Menu do fórum

Mensagem por Steeph em Dom 3 Out 2010 - 21:27

Olá!
Você quer este mesmo menu? Com as mesmas imagens e cores?
Isso tem dado boas confusões por aqui...
Decida, caso queira mudar algo, avise e passo o código para você.
Até mais!

Tópico movido de 'Questões diversas' para 'Questões sobre a aparência do fórum'
avatar

Steeph
Usuário experiente

Feminino
Inscrito dia : 08/03/2010
Mensagens : 2612
Pontos Ativos : 3503

Ver perfil do usuário http://www.kromusdesign.forumeiros.com http://www.twitter.com/ideasfromsteeph

Resolvido Re: Menu do fórum

Mensagem por Reylis em Seg 4 Out 2010 - 14:27

Sim exatamente igual! cores e estilo!, somente quero de diferente que o menu fique embaixo do Logo Muito feliz

Por favor ^^
avatar

Reylis
Nível 9

Masculino
Inscrito dia : 03/10/2010
Mensagens : 164
Pontos Ativos : 252

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

Resolvido Re: Menu do fórum

Mensagem por Steeph em Seg 4 Out 2010 - 16:17

Olá!
Veja se este funciona:
Código:
#page-header .navbar {
background-attachment: scroll;
background-color: transparent;
background-image: url("http://www.submundos.com/forum/Themes/inferno/images/custom/toolbar.png");
background-position: 0% 0%;
background-repeat: repeat;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
text-align: center;
}

#page-header .navbar {
background-attachment: scroll;
background-color: transparent;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
border-bottom-color: #cccccc;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: #cccccc;
border-left-style: solid;
border-left-width: 0px;
border-right-color: #cccccc;
border-right-style: solid;
border-right-width: 0px;
border-top-color: #cccccc;
border-top-style: solid;
border-top-width: 0px;
left: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: absolute;
right: 0px;
top: 5px;
}

#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
.navbar {
background-image: url("http://projectsweb.forumeiros.com/1-ltr.css");
background-position: 50% 100%;
background-repeat: repeat-x;
border-bottom-color: #cccccc;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #cccccc;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #cccccc;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #cccccc;
border-top-style: solid;
border-top-width: 1px;
height: 30px;
margin-left: -6px;
margin-right: -6px;
}

.navbar {
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
}

.navbar {
background-color: #ffffff;
clear: both;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
}

.navbar {
background-color: #cadceb;
clear: both;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
}

#page-header .navbar ul.linklist li a {
color: #ffffff;
font-size: 13px;
text-align: center;
text-shadow: 0.1em 0em 0.2em;}


#page-header .navbar ul.linklist {
margin-bottom: -4px;}


#page-header .navbar ul.linklist {
border-bottom-color: currentColor;
border-bottom-style: none;
border-bottom-width: 0px;
}

#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}

ul.navlinks {
border-bottom-color: #e6e6e6;
border-bottom-style: solid;
border-bottom-width: 1px;
font-weight: 700;
text-align: center;
}

ul.navlinks {
border-bottom-color: #ffffff;
border-bottom-style: solid;
border-bottom-width: 1px;
font-weight: 700;
text-align: left;
}

ul {
list-style-type: none;
}
Salve o código de seu css atual, e adicione mais este. Mesmo assim tenha o anterior salvo antes de fazer a adição!
Para dicionar este código, vá em: painel de controle Seta visualização Seta imagens e cores Seta cores folha de estilo css.
Cole este código e clique em Validar.
Até mais!
avatar

Steeph
Usuário experiente

Feminino
Inscrito dia : 08/03/2010
Mensagens : 2612
Pontos Ativos : 3503

Ver perfil do usuário http://www.kromusdesign.forumeiros.com http://www.twitter.com/ideasfromsteeph

Resolvido Re: Menu do fórum

Mensagem por Reylis em Ter 5 Out 2010 - 6:17

Amigo, o que aconteceu no meu forum após eu por este codigo foi que as categorias e os forums nao se esntralizaram assim
{ [ ] }
{ [ ] }
{ [ ] }
{ [ ] }
{ [ ] }

Legenda: "{}" tela do meu pc
"[]" tamanho da largura horizontal do forum

<><> APOS TER POSTO O CODIGO

{[ ]}
{[ ]}
{[ ]}
{[ ]}
{[ ]}
{[ ]}

para mim ficou bem melhor, porem o menu nao esta como eu queria Triste

perfectweb.forumeiros.com

vejam :'(

alguem me ajude plx

Thanks!
avatar

Reylis
Nível 9

Masculino
Inscrito dia : 03/10/2010
Mensagens : 164
Pontos Ativos : 252

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

Resolvido Re: Menu do fórum

Mensagem por -=MTS=- em Ter 5 Out 2010 - 16:26

Olá, eu ví seu forum e tem um erro, porque com este código você tem que retirar as imagens do menu primeiro... a aí sim por o código. e se quiser que ele fique no topo da tela tente este:

Código:
#page-header .navbar {
position: absolute !important;
background-attachment: scroll;
background-color: transparent;
background-image: url("http://www.submundos.com/forum/Themes/inferno/images/custom/toolbar.png");
background-position: 0% 0%;
background-repeat: repeat;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
text-align: center;
}

#page-header .navbar {
background-attachment: scroll;
background-color: transparent;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
border-bottom-color: #cccccc;
border-bottom-style: solid;
border-bottom-width: 0px;
border-left-color: #cccccc;
border-left-style: solid;
border-left-width: 0px;
border-right-color: #cccccc;
border-right-style: solid;
border-right-width: 0px;
border-top-color: #cccccc;
border-top-style: solid;
border-top-width: 0px;
left: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: absolute;
right: 0px;
top: 5px;
}

#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
.navbar {
background-image: url("http://projectsweb.forumeiros.com/1-ltr.css");
background-position: 50% 100%;
background-repeat: repeat-x;
border-bottom-color: #cccccc;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #cccccc;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #cccccc;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #cccccc;
border-top-style: solid;
border-top-width: 1px;
height: 30px;
margin-left: -6px;
margin-right: -6px;
}

.navbar {
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
}

.navbar {
background-color: #ffffff;
clear: both;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
}

.navbar {
background-color: #cadceb;
clear: both;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
}

#page-header .navbar ul.linklist li a {
color: #ffffff;
font-size: 13px;
text-align: center;
text-shadow: 0.1em 0em 0.2em;}


#page-header .navbar ul.linklist {
margin-bottom: -4px;}


#page-header .navbar ul.linklist {
border-bottom-color: currentColor;
border-bottom-style: none;
border-bottom-width: 0px;
}

#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}

ul.navlinks {
border-bottom-color: #e6e6e6;
border-bottom-style: solid;
border-bottom-width: 1px;
font-weight: 700;
text-align: center;
}

ul.navlinks {
border-bottom-color: #ffffff;
border-bottom-style: solid;
border-bottom-width: 1px;
font-weight: 700;
text-align: left;
}

ul {
list-style-type: none;
}
avatar

-=MTS=-
Nível 5

Masculino
Inscrito dia : 24/04/2010
Mensagens : 36
Pontos Ativos : 75

Ver perfil do usuário http://gimpevolution.forumeiros.net/forum.htm

Resolvido Re: Menu do fórum

Mensagem por Reylis em Ter 5 Out 2010 - 19:20

-=MTS=-, nao funcionou Não

Mas que sacola... porque não vai?

vou tentar dar mais dados do Fórum:

- Invision
- Tema: Natureza e Tecnologia, Do "Jen"

... Não sei se essas informações ajudam =/

mas vamos la! vamos ver no que da!

Agradeço a todos que estão me ajudando Feliz aniversário

Vlw!
avatar

Reylis
Nível 9

Masculino
Inscrito dia : 03/10/2010
Mensagens : 164
Pontos Ativos : 252

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

Resolvido Re: Menu do fórum

Mensagem por -=MTS=- em Ter 5 Out 2010 - 19:32

Bom, eu tenho um, não é igual é um que fiz pro meu forum

você pode modificar as imagens e fazer do geito que quizer

Obs: o meu forum é phpbb3
Código:
#page-header .navbar {
padding-top: 5px !important;
top: -11px !important;
width: 70% !important;
left: 0% !important;
right: 20% !important;
height: 30px !important;
margin-top: -8px;
background-image: url(http://img62.imageshack.us/img62/9972/toolbarz.png);
background-repeat: repeat-x;
background-position: center bottom;
background-color: #000;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}

#page-header .navbar  ul.linklist {
border: none;
}
#page-header #search-box, #page-header > .navbar span {
display: none;
}

#page-header .navbar  ul.linklist li {
padding: 10px 7px;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
top: 4px !important;
}

#page-header .navbar  ul.linklist li a {
color: #ddd;
font-weight: bold;
}
#page-header .navbar  ul.linklist li a:hover {
color: #fff;
}


#page-header .navbar  ul.linklist li:hover {
background-image: url(http://img137.imageshack.us/img137/7879/nadabk.png);
background-position: center top;
background-repeat: repeat-x;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
avatar

-=MTS=-
Nível 5

Masculino
Inscrito dia : 24/04/2010
Mensagens : 36
Pontos Ativos : 75

Ver perfil do usuário http://gimpevolution.forumeiros.net/forum.htm

Resolvido Re: Menu do fórum

Mensagem por Reylis em Ter 5 Out 2010 - 19:36

Então é por isso, eu uso o invision, não tem um código para o invision?

Por Favor Muito feliz
avatar

Reylis
Nível 9

Masculino
Inscrito dia : 03/10/2010
Mensagens : 164
Pontos Ativos : 252

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

Resolvido Re: Menu do fórum

Mensagem por Reylis em Qui 7 Out 2010 - 15:59

Pessoal, mudei meu forum para Pbpbb3, vlw ae para quem se esforçou a me ajudar, TOPICO RESOLVIDO.
avatar

Reylis
Nível 9

Masculino
Inscrito dia : 03/10/2010
Mensagens : 164
Pontos Ativos : 252

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