GameZer Online


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

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

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

Jose Hamizaki

avatar
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.



[Você precisa estar registrado e conectado para ver esta imagem.]

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

Admin

avatar

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

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

Jose Hamizaki

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



[Você precisa estar registrado e conectado para ver esta imagem.]

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

Admin

avatar

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

Tem alguma imagem para eu utilizar?

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

Jose Hamizaki

avatar
Não...



[Você precisa estar registrado e conectado para ver esta imagem.]

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

Admin

avatar

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...

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

Jose Hamizaki

avatar
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



[Você precisa estar registrado e conectado para ver esta imagem.]

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

Admin

avatar

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

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

Jose Hamizaki

avatar
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?



[Você precisa estar registrado e conectado para ver esta imagem.]

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

Admin

avatar

É 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...

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

Jose Hamizaki

avatar
Ok, obrigado.



[Você precisa estar registrado e conectado para ver esta imagem.]

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

Admin

avatar

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

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum