GameZer Online


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

1Menu deste modo Empty Menu deste modo Dom Fev 24, 2013 11:48 am

Jose Hamizaki

Jose Hamizaki
Teria como fazer este estilo de menu desse site para forum: http://cdzgame.com.br/

Oovs: Ja tinha feito um topico mas mandaram ele pra lixeira.

2Menu deste modo Empty Re: Menu deste modo Dom Fev 24, 2013 11:54 am

Admin

Admin

Olá, não sei quem moveu, irei averiguar.

Então, você tem alguma imagem para fazer o fundo do título do widget?

Ex: http://cdzgame.com.br/images/menu-titulos/principal-gold.jpg

Até mais Wink

3Menu deste modo Empty Re: Menu deste modo Dom Fev 24, 2013 11:56 am

Jose Hamizaki

Jose Hamizaki
Bom, poderia ser tipo uma barra com estrela nas duas pontas? Eu nao tenho essa imagem, devo pedir na sessão grafica?

4Menu deste modo Empty Re: Menu deste modo Dom Fev 24, 2013 11:58 am

Admin

Admin

Não, estou falando do topo, onde ta escrito: Principal.

Tem alguma imagem para eu utilizar?

5Menu deste modo Empty Re: Menu deste modo Dom Fev 24, 2013 12:06 pm

Jose Hamizaki

Jose Hamizaki
Não...

6Menu deste modo Empty Re: Menu deste modo Dom Fev 24, 2013 4:07 pm

Admin

Admin

Sem eu não saber nada, o que fazer, não tenho como fazer.

Tem que fazer um planejamento de cores, imagens, tamanho antes de começar...

7Menu deste modo Empty Re: Menu deste modo Dom Fev 24, 2013 4:16 pm

Jose Hamizaki

Jose Hamizaki
Bom, o tamanho poderia ser igual ao que aparece dos nossos nomes nas postagem, as cores principais, ou seja das barras queria que fosse azul claro, ao fundo daria pra ser essa imagem: http://t3.gstatic.com/images?q=tbn:ANd9GcRqqJ39EPriu8UM2mvcz6MXBGBlsmuPW2ETPB5uIdmvFqFJUM8j

8Menu deste modo Empty Re: Menu deste modo Dom Fev 24, 2013 8:34 pm

Admin

Admin

Adicione este código a um widget e veja se gosta.

Código:
<style>
.titulowidget {
background-image: url('http://i.imgur.com/PO99jlg.jpg');
border-radius: 5px;
font-size: 30px;
height: 40px;
color: #F4F4F4;
box-shadow: 0px 0px 3px #000000;
text-shadow: 0px 0px 2px #000000, 0px 0px 2px #000000;
font-family: Segoe UI;
}
.menupersonalizado {
background-color: transparent;
}
.menupersonalizado li {
background-image: -moz-linear-gradient(left, #006eff, #F4F4F4);
background-image: -webkit-linear-gradient(left, #006eff, #F4F4F4);
background-image: linear-gradient(left, #006eff, #F4F4F4);
position: absolute;
width: 180px;
height: 18px;
border: 1px solid #F4F4F4;
list-style: none;
padding: 3px;
padding-left: 5px;
text-align: left;
}
</style>
<center><div class="titulowidget" >
<p style="top: 9px; position: relative;">Principal</p>
</div><br /><div class="menupersonalizado">
<li><a href="/forum">Fórum</a></li><br /><br />
<li><a href="/portal">Portal</a></li><br /><br />
<li><a href="/login">Entrar</a></li><br /><br />
<li><a href="/register">Cadastrar</a></li>
</div>
</center>

Até mais Wink

9Menu deste modo Empty Re: Menu deste modo Seg Fev 25, 2013 1:06 pm

Jose Hamizaki

Jose Hamizaki
Ola, ficou bom, teria como fazer deste tipo mas para dentro do forum? Me refiro assim:

Portal, Forum, Pefil, Mensagens e as Areas que o forum possuem?

10Menu deste modo Empty Re: Menu deste modo Seg Fev 25, 2013 4:46 pm

Admin

Admin

É só você copiar e colar a parte do /forum.

Exemplo.

Código:
<li><a href="/register">Cadastrar</a></li>

Apenas vá modificando o link e o nome...

11Menu deste modo Empty Re: Menu deste modo Qua Fev 27, 2013 1:06 pm

Jose Hamizaki

Jose Hamizaki
Ok, obrigado.

12Menu deste modo Empty Re: Menu deste modo Qua Fev 27, 2013 5:04 pm

Admin

Admin

Pedido finalizado.
Tópico movido para o local correspondente.

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

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