É possivel deixa, os widget assim?

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

Resolvido É possivel deixa, os widget assim?

Mensagem por Uatyla em 01/05/14, 09:35 am

  • Descrição:
Olá senhores!

Gostaria de saber si é possível deixar os Widget igual a desse site: http://rune-nifelheim.com/job-quest/soul-linker.php

Imagem: http://s20.postimg.org/sujww7h5p/widget.jpg

  • Informações:
Fórum:http://vidadeaquarista.forumeiros.comVersão:PHPBB3
Tipo:Pedido de códigoTags:possivel,deixa,,widget,assim?

avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista
  • 0

Resolvido Re: É possivel deixa, os widget assim?

Mensagem por Hancki em 01/05/14, 10:36 am

Olá!

Claro que é possível! Com recurso a CSS, consegui o efeito 90% igual!
Use este CSS:
Código:
.module .corners-top, .module .corners-bottom {
   display: none;
}

.module {
   padding-top: 40px !important;
   border: 1px solid #913731 !important;
   border-radius: 10px !important;
   -moz-border-radius: 10px !important;
   -webkit-border-radius: 10px !important;
   background: #c19f76 url('http://i.imgur.com/3zrABW1.jpg') top repeat-x !important;
}
.module .inner {
   padding: 7px !important;
   border: 1px solid #913731 !important;
   border-radius: 10px !important;
   -moz-border-radius: 10px !important;
   -webkit-border-radius: 10px !important;
   background: #E9DDCF !important;
}
.module .h3 {
margin-top: -35px !important;
height: 29px;
margin: 0;
border: 0;
text-transform: uppercase;
text-align: right;
font-weight: 700;
color: #913731;
font-size: 10pt;
}
Resultado: http://prntscr.com/3f51jd

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: É possivel deixa, os widget assim?

Mensagem por Uatyla em 01/05/14, 11:35 am

Ficou ótimo!
Porem si eu quiser mudar a cor do fundo como faço? Trocar a imagem já sei basta substituir essa imagem http://i.imgur.com/3zrABW1.jpg mais a cor de fundo não sei.
Usei esse em outro fórum de um game ficou top.

Olha ai o resultado ficou top: http://clan-xtremocaos.forumeiros.com/
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista
  • 0

Resolvido Re: É possivel deixa, os widget assim?

Mensagem por Hancki em 01/05/14, 11:41 am

Só tem que mudar os códigos hexadecimais: http://prntscr.com/3f5ig9
Um gerador de cores: http://www.w3schools.com/tags/ref_colorpicker.asp

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: É possivel deixa, os widget assim?

Mensagem por Uatyla em 01/05/14, 11:51 am

Perfeito agora vou lá troca ideia com a turma das arte hehe.
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

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