Como deixar as categoria com borda dentro

3 participantes

Ir para baixo

Tópico resolvido Como deixar as categoria com borda dentro

Mensagem por Vinicius._. 21.02.14 2:50

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

Como deixar as categoria com borda dentro 2jcbl94

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

Como deixar as categoria com borda dentro BenUQpg

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
Vinicius._.
Vinicius._.
Membro

Membro desde : 23/06/2012
Mensagens : 587
Pontos : 933

http://scavenge.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como deixar as categoria com borda dentro

Mensagem por Vinicius._. 21.02.14 13:47

Help!
Vinicius._.
Vinicius._.
Membro

Membro desde : 23/06/2012
Mensagens : 587
Pontos : 933

http://scavenge.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como deixar as categoria com borda dentro

Mensagem por Alex Habilidade 21.02.14 14:19

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
Alex Habilidade
Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como deixar as categoria com borda dentro

Mensagem por Vinicius._. 21.02.14 14:26

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

Como deixar as categoria com borda dentro ZyAeoTX
Vinicius._.
Vinicius._.
Membro

Membro desde : 23/06/2012
Mensagens : 587
Pontos : 933

http://scavenge.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como deixar as categoria com borda dentro

Mensagem por Alex Habilidade 21.02.14 14:47

Olá,

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

Alex
Alex Habilidade
Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como deixar as categoria com borda dentro

Mensagem por Hancki 21.02.14 14:51

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
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como deixar as categoria com borda dentro

Mensagem por Vinicius._. 21.02.14 14:55

É mesmo, resolvido.
Vinicius._.
Vinicius._.
Membro

Membro desde : 23/06/2012
Mensagens : 587
Pontos : 933

http://scavenge.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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