Menu do fórum

[Reylis]

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

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!

[Mr.Fórum.]

Olá,

poderia me passar a sua folha de estilo css?

até mais.

[[renan]]

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 ;]

[Reylis]

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

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

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

Valeu ;DDD

[Steeph]

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'

[Reylis]

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

Por favor ^^

[Steeph]

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 visualização imagens e cores cores folha de estilo css.
Cole este código e clique em Validar.
Até mais!

[Reylis]

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

perfectweb.forumeiros.com

vejam :'(

alguem me ajude plx

Thanks!

[-=MTS=-]

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;
}

[Reylis]

-=MTS=-, nao funcionou

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

Vlw!

[-=MTS=-]

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;
}

[Reylis]

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

Por Favor

[Reylis]

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