Como deixar as categoria com borda dentro

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

Resolvido Como deixar as categoria com borda dentro

Mensagem por Vinicius._. em 20/02/14, 11:50 pm

Qual é minha questão:
Quero deixar minha categoria assim, como na imagem abaixo:



Tentei euheuheuheeuh mas ficou feia pra caramba e nem ficou igual:



Vi esse feito em:
http://clamaster.forumbrasil.net/forum

Endereço do meu fórum:
http://entinitygaming.forumeiros.com

Versão do fórum:
PHPBB3
avatar

Vinicius._.
Usuário destaque

Masculino
Inscrito dia : 23/06/2012
Mensagens : 587
Pontos Ativos : 933

Ver perfil do usuário http://scavenge.forumeiros.com

Resolvido Re: Como deixar as categoria com borda dentro

Mensagem por Vinicius._. em 21/02/14, 10:47 am

Help!
avatar

Vinicius._.
Usuário destaque

Masculino
Inscrito dia : 23/06/2012
Mensagens : 587
Pontos Ativos : 933

Ver perfil do usuário http://scavenge.forumeiros.com

Resolvido Re: Como deixar as categoria com borda dentro

Mensagem por Alex Habilidade em 21/02/14, 11:19 am

Olá,

Poderia especificar exatamente o efeito que quer?

1. Borda verde.
2. Efeito nos últimos post.
3. efeito ao redor da categoria.

É sempre bom além do print postar exatamente o que quer, assim o suporte flui mais rápido.

Alex
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Como deixar as categoria com borda dentro

Mensagem por Vinicius._. em 21/02/14, 11:26 am

Tentei fazer, ficou bem parecido, porém o efeito hover não funcionou '-'

avatar

Vinicius._.
Usuário destaque

Masculino
Inscrito dia : 23/06/2012
Mensagens : 587
Pontos Ativos : 933

Ver perfil do usuário http://scavenge.forumeiros.com

Resolvido Re: Como deixar as categoria com borda dentro

Mensagem por Alex Habilidade em 21/02/14, 11:47 am

Olá,

Em seu fórum o efeito hover está funcionando normalmente amigo...

Alex
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Como deixar as categoria com borda dentro

Mensagem por Hancki em 21/02/14, 11:51 am

Olá!

Use este CSS:
Código:
.forabg {
  background-color: #79b6c4 !important;
  background-image: url("http://hitskin.com/themes/17/88/87/i_list_bg.png") !important;
  background-position: 0px 0px !important;
  background-repeat: repeat-x !important;
  border-top-width: 2px !important;
  border-right-width-value: 2px !important;
  border-bottom-width: 2px !important;
  border-left-width-value: 2px !important;
  border-top-style: solid !important;
  border-right-style-value: solid !important;
  border-bottom-style: solid !important;
  border-left-style-value: solid !important;
  border-top-color: #d4d4d4 !important;
  border-right-color-value: #d4d4d4 !important;
  border-bottom-color: #d4d4d4 !important;
  border-left-color-value: #d4d4d4 !important;
  border-image-source: none !important;
  border-image-slice: 100% 100% 100% 100% !important;
  border-image-width: 1 1 1 1 !important;
  border-image-outset: 0 0 0 0 !important;
  border-image-repeat: stretch stretch !important;
  clear: both !important;
  margin-bottom: 4px !important;
  padding-top: 0px !important;
  padding-right: 5px !important;
  padding-bottom: 0px !important;
  padding-left: 5px !important;
}
.forabg, .forumbg {
  border-top-left-radius: 17px !important;
  border-top-right-radius: 17px !important;
  border-bottom-right-radius: 17px !important;
  border-bottom-left-radius: 17px !important;
}
.forabg {
  background-color: #3b9d00 !important;
  background-image: url("http://i.imgur.com/FmT49.png"), url("http://i.imgur.com/FmT49.png") !important;
  background-position: 0px 0px, 0% 100% !important;
  background-repeat: repeat-x, repeat-x !important;
  clear: both !important;
  margin-bottom: 4px !important;
  margin-left: 2px !important;
  padding-top: 0px !important;
  padding-right: 5px !important;
  padding-bottom: 0px !important;
  padding-left: 5px !important;
}
.lastpost {
border-width: 2px !important;
border-style: solid !important;
border-color: #EEE !important;
-moz-border-top-colors: none !important;
-moz-border-right-colors: none !important;
-moz-border-bottom-colors: none !important;
-moz-border-left-colors: none !important;
border-image: initial !important;
border-radius: 10px !important;
box-shadow: 0px 0px 7px #666 !important;
margin: 3px !important;
width: auto !important;
}
dd.lastpost {
  font-size: 1.1em !important;
  width: 20% !important;
}
li.row:hover dd {
  border-left-color-value: #a8d8e3 !important;
}
dd.lastpost span, dd.moderation span, dd.redirect span, ul.topiclist dd.info span, ul.topiclist dd.searchby span,

ul.topiclist dd.time span {
  display: block !important;
  padding-left: 5px !important;
}
ul.topiclist.forums li.row:hover {
background-color: #D6CFFF !important;
}
Resultado: http://prntscr.com/2uhqff

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: Como deixar as categoria com borda dentro

Mensagem por Vinicius._. em 21/02/14, 11:55 am

É mesmo, resolvido.
avatar

Vinicius._.
Usuário destaque

Masculino
Inscrito dia : 23/06/2012
Mensagens : 587
Pontos Ativos : 933

Ver perfil do usuário http://scavenge.forumeiros.com

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