deixando a categoria igual do br design

5 participantes

Ir para baixo

Tópico resolvido deixando a categoria igual do br design

Mensagem por Alex Habilidade 16.11.12 17:21

Olá, como deixar as categorias assim: https://i.servimg.com/u/f49/14/99/55/84/catego11.jpg

Até Mais.


Fórum: http://maniaonline.foroactivo.com.mx/forum (punBB)
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: deixando a categoria igual do br design

Mensagem por Consolado 17.11.12 0:17

Olá!

Utilize esse código CSS:
Código:
.main-head{
  color: white !important;
  font-family: Trebuchet, Arial !important;
  font-size: 13px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 5px;
  height: 12px;
  padding-top: 0.4em !important;}
 
#index .main-head{
  margin-top: 15px;
  margin-bottom: 0px;
  background: black url(http://i36.servimg.com/u/f36/11/96/49/61/index-10.png) top repeat-x;
  border: 1px solid black;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 17px;
  padding-top: 0.4em !important;}

#index .main-head *{font-weight: normal !important;}

Melhores cumprimentos.
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: deixando a categoria igual do br design

Mensagem por Alex Habilidade 17.11.12 15:22

Olá,

não resultou
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: deixando a categoria igual do br design

Mensagem por StyLe® 17.11.12 15:45

Aqui estar
Código:
.main-head{
  color: white !important;
  font-family: Trebuchet, Arial !important;
  font-size: 13px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 5px;
  height: 12px;
  padding-top: 0.4em !important;}
 
#index .main-head{
  margin-top: 15px;
  margin-bottom: 0px;
  background: black url(http://i36.servimg.com/u/f36/11/96/49/61/index-10.png) top repeat-x;
  border: 1px solid black;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 17px;
  padding-top: 0.4em !important;}

#index .main-head *{font-weight: normal !important;}

#index .main-head h1, #index .main-head h2, #index .main-head h3, #index .main-head h4, #index .main-head h5{
 font-family: 'Lobster' !important;
  font-size: 22px !important;
  margin-top: 1px;}

#index .main-content{
  border: 0;
  background: none;}

Camaro caso o senhor que o CSS completo do BR-Design estar aqui
CSS do BR-Design:
avatar
StyLe®
Super Membro

Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654

https://ajuda.forumeiros.com/t79652-

Ir para o topo Ir para baixo

Tópico resolvido Re: deixando a categoria igual do br design

Mensagem por Alex Habilidade 17.11.12 16:23

O efeito não resultou.

colei o código CSS deles no meu e a logo ficou diferente, veja:

http://maniaonline.foroactivo.com.mx/forum

Ta muito para o lado direito, como arrumo ela? deixar ela centralizada.

Esse código é para que:
Código:

/* ALERTAS */
.alert1 {
    background-color: #C6D8F0;
    background-image: url("http://i43.servimg.com/u/f43/16/93/80/74/inform10.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid #63A0EC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 #FFFFFF inset;
    color: #4381CC;
    margin: 10px 0;
    padding: 15px 10px 15px 60px;
}
.alert2 {
    background-color: #FAA73D;
    background-image: url("http://i43.servimg.com/u/f43/16/93/80/74/error11.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid #AA7221;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 #FFFFFF inset;
    color: #925616;
    margin: 10px 0;
    padding: 15px 10px 15px 60px;
}
.alert3 {
    background-color: #CF4242;
    background-image: url("http://i43.servimg.com/u/f43/16/93/80/74/lock10.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid #AD3F30;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 #FFFFFF inset;
    color: #FFCECE;
    margin: 10px 0;
    padding: 15px 10px 15px 60px;
    text-shadow: 1px 1px #D71212;
}
.alert4 {
    background-color: #5DE356;
    background-image: url("http://i43.servimg.com/u/f43/16/93/80/74/tick10.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid #1A9417;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 #FFFFFF inset;
    color: #1A9417;
    margin: 10px 0;
    padding: 15px 10px 15px 60px;
}
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: deixando a categoria igual do br design

Mensagem por Ace 17.11.12 16:33

Olá,

Poderia me fornecer a URL do fórum?

Até Mais.
Ace
Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: deixando a categoria igual do br design

Mensagem por Alex Habilidade 17.11.12 16:37

esse é o forum que ví : http://br-design.forumeiros.com/
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: deixando a categoria igual do br design

Mensagem por Ace 17.11.12 16:40

Olá,

Você quer as categorias, certo?

Código:
 #index .table td{
  border: 0;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  background: url(http://i36.servimg.com/u/f36/11/96/49/61/catbg10.png) repeat-x;}

#index .in{
  width: 0;
  padding-right: 10px;}

#index .table{
  border-collapse:separate;
  border-spacing: 0px 10px;}

#index .table td.tcl{
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-left: 1px solid #d6d6d6;}

#index .table td.tcr{
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: 1px solid #d6d6d6;}

Lembre-se que a versão deve ser compatível.

Até Mais.
Ace
Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: deixando a categoria igual do br design

Mensagem por Alex Habilidade 17.11.12 16:43

Olá,

não resultou.

O efeito que pretender ter é igual da imagem as separações das categorias
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: deixando a categoria igual do br design

Mensagem por Sennior 20.11.12 19:55

Olá,

Tente este:

Spoiler:

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: deixando a categoria igual do br design

Mensagem por Alex Habilidade 20.11.12 22:55

Não resultou, podem bloquear vou deixar como está.
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

Ir para o topo

- Tópicos semelhantes

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