Menu do fórum

5 participantes

Ir para baixo

Tópico resolvido Menu do fórum

Mensagem por Reylis 03.10.10 15: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 07.10.10 19:59, editado 1 vez(es)
Reylis
Reylis
***

Membro desde : 03/10/2010
Mensagens : 164
Pontos : 252

http://www.PerfectWeb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu do fórum

Mensagem por Mr.Fórum. 03.10.10 19:26

Olá,

poderia me passar a sua folha de estilo css?

até mais.
Mr.Fórum.
Mr.Fórum.
****

Membro desde : 03/04/2010
Mensagens : 246
Pontos : 347

https://ajuda.forumeiros.com/profile.forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu do fórum

Mensagem por [renan] 03.10.10 21: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 ;]
[renan]
[renan]
Novo Membro

Membro desde : 05/09/2009
Mensagens : 16
Pontos : 21

http://questworld.web-rpg.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu do fórum

Mensagem por Reylis 04.10.10 0: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
Reylis
Reylis
***

Membro desde : 03/10/2010
Mensagens : 164
Pontos : 252

http://www.PerfectWeb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu do fórum

Mensagem por Steeph 04.10.10 1: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'
Steeph
Steeph
Hiper Membro

Membro desde : 08/03/2010
Mensagens : 2612
Pontos : 3503

http://www.kromusdesign.forumeiros.com http://www.twitter.com/ideasfromsteeph

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu do fórum

Mensagem por Reylis 04.10.10 18:27

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

Por favor ^^
Reylis
Reylis
***

Membro desde : 03/10/2010
Mensagens : 164
Pontos : 252

http://www.PerfectWeb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu do fórum

Mensagem por Steeph 04.10.10 20: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 Menu do fórum Puce_bleu folha de estilo css.
Cole este código e clique em Validar.
Até mais!
Steeph
Steeph
Hiper Membro

Membro desde : 08/03/2010
Mensagens : 2612
Pontos : 3503

http://www.kromusdesign.forumeiros.com http://www.twitter.com/ideasfromsteeph

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu do fórum

Mensagem por Reylis 05.10.10 10: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!
Reylis
Reylis
***

Membro desde : 03/10/2010
Mensagens : 164
Pontos : 252

http://www.PerfectWeb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu do fórum

Mensagem por -=MTS=- 05.10.10 20: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;
}
-=MTS=-
-=MTS=-
*

Membro desde : 24/04/2010
Mensagens : 36
Pontos : 75

http://gimpevolution.forumeiros.net/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu do fórum

Mensagem por Reylis 05.10.10 23: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!
Reylis
Reylis
***

Membro desde : 03/10/2010
Mensagens : 164
Pontos : 252

http://www.PerfectWeb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu do fórum

Mensagem por -=MTS=- 05.10.10 23: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;
}
-=MTS=-
-=MTS=-
*

Membro desde : 24/04/2010
Mensagens : 36
Pontos : 75

http://gimpevolution.forumeiros.net/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu do fórum

Mensagem por Reylis 05.10.10 23:36

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

Por Favor Muito feliz
Reylis
Reylis
***

Membro desde : 03/10/2010
Mensagens : 164
Pontos : 252

http://www.PerfectWeb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu do fórum

Mensagem por Reylis 07.10.10 19:59

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

Membro desde : 03/10/2010
Mensagens : 164
Pontos : 252

http://www.PerfectWeb.forumeiros.com

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