Imagens de categorias cortadas

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

Resolvido Imagens de categorias cortadas

Mensagem por pyrohinotama em 08/06/13, 05:21 pm

Qual é minha questão:
Ola, observem este print: http://i.imgur.com/Fd5lfso.png ,
como podem ver a imagem de antigo-novo-bloqueado das categorias estão sendo cortadas pela (caixa/borda/barra) e pelo (titulo/descrição)
como eu faço para resolver isto ??

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

Versão do fórum:
PHPBB3


Última edição por pyrohinotama em 10/06/13, 03:16 pm, editado 1 vez(es)
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Imagens de categorias cortadas

Mensagem por Convidado em 08/06/13, 05:38 pm

Olá!

Acenda sua "Folha de estilo CSS":
Painel de controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
dl.icon {
margin-left: -13px;
}
Vermelho > Vá aumentando o valor até ficar na posição desejada.
Validar.

Até mais. Muito feliz

Convidado
Convidado


Resolvido Re: Imagens de categorias cortadas

Mensagem por pyrohinotama em 08/06/13, 05:47 pm

ola, não deu certo, só bugou um pouco a imagem pro lado(até cortando um ela em pouco mais XD)
na versão phpbb2 ja regula certinho a está imagem, porque no phpbb3 não regula ??
não sei se ajuda mais as dimensões da imagem é 85x85
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Imagens de categorias cortadas

Mensagem por Convidado em 08/06/13, 05:52 pm

Olá!

Troque o código por este:
.forumtitle {
margin-left: 13px;
}
Vermelho > Vá aumentando o valor até ficar na posição desejada.

Até mais. Muito feliz

Convidado
Convidado


Resolvido Re: Imagens de categorias cortadas

Mensagem por pyrohinotama em 08/06/13, 06:43 pm

funcionou, mas:
-os moderadores e a descrição ainda estão em cima
-a caixa ainda não se adequá às dimensões da imagem( que é 85x85 )
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Imagens de categorias cortadas

Mensagem por MateusA em 08/06/13, 06:47 pm

Olá!

Aceda à "Folha de Estilos CSS":
Painel de Controle Seta Visualização Seta Imagens & Cores Seta Cores Seta Folha de Estilo CSS

Código:

Código:
span.mod-text {
margin-left: 50px;
}
.mod-text {
margin-left: 50px;
}
a.group-mod {
margin-left: 50px;
}
a.forumtitle {
margin-left: 50px;
}
dl.icon {
height: 80px;
width: 80px;
}


Valide. Piscada
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Imagens de categorias cortadas

Mensagem por pyrohinotama em 08/06/13, 06:48 pm

crazy, bugou tudo o.o ?
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Imagens de categorias cortadas

Mensagem por MateusA em 08/06/13, 07:02 pm

Olá! Desacordo

Deixe o meu código ativo para que eu possa fazer um correto, antes de adicionar o meu código, retire os códigos fornecidos a você nesse tópico. Rindo

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Imagens de categorias cortadas

Mensagem por pyrohinotama em 08/06/13, 07:10 pm

pronto, olha la, fico rudo bugado.
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Imagens de categorias cortadas

Mensagem por MateusA em 08/06/13, 07:31 pm

Olá! Piscada

Troque por esse

Código:
        span.mod-text {
        margin-left: 50px;
        }
        .mod-text {
        margin-left: 50px;
        }
        a.group-mod {
        margin-left: 50px;
        }
        a.forumtitle {
        margin-left: 50px;
        }
 

Até mais. Rindo
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Imagens de categorias cortadas

Mensagem por pyrohinotama em 08/06/13, 07:48 pm

olha, funcionou na categoria , mas se clicar no forum pra ver, ainda não resultou.
e outro a caixa ainda ta cortando as imagens! é pra tudo que ta la dentro rediemncionar de acordo com a imagem, quem nem a versão phpbb2!! que ja faz isso automaticamente!! porque o phpbb3 não faz ?!?!
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Imagens de categorias cortadas

Mensagem por pyrohinotama em 08/06/13, 07:52 pm

crazy aqui ta um forum que as imagens tem as mesmas dimensões das minhas e ta tudo bem organizado: http://www.onepiecerpg.com/
tem como deixar igual a este forum?
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Imagens de categorias cortadas

Mensagem por MateusA em 08/06/13, 07:56 pm

Olá! Piscada

Troque por esse

Código:
        span.mod-text {
        margin-left: 50px;
        }
        .mod-text {
        margin-left: 50px;
        }
        a.group-mod {
        margin-left: 50px;
        }
        a.forumtitle {
        margin-left: 50px;
        }
.row img {
width: 75px;
height: 75px;
margin-top: 2px;
}
.topictitle {
        margin-left: 50px;
        }
.span-tab {
        margin-left: 50px;
        }
.row.row2 img {
width: 75px;
height: 75px;
margin-top: 2px;
}

:seta2: Cada versão tem as suas qualidades e defeitos.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Imagens de categorias cortadas

Mensagem por pyrohinotama em 08/06/13, 08:00 pm

-.-' resolveu algumas coisas, mas bugo outras, sabe aquela imagem que aparece quando voce está participando do topico, ela ta gigante 0.0 , e aumentou de mais o tamanho da caixa tem como reduzir um pouco: olha la pra ver.
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Imagens de categorias cortadas

Mensagem por MateusA em 08/06/13, 08:07 pm

Olá!

Troque por esse

Código:
span.mod-text {
        margin-left: 50px;
        }
        .mod-text {
        margin-left: 50px;
        }
        a.group-mod {
        margin-left: 50px;
        }
        a.forumtitle {
        margin-left: 50px;
        }
        dl.icon img {
        width: 75px;
        height: 75px;
        margin-top: 2px;
        }
        .topictitle {
        margin-left: 50px;
        }
        .span-tab {
        margin-left: 50px;
        }
 


Seta "sabe aquela imagem que aparece quando você está participando do tópico" Qual imagem ?

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Imagens de categorias cortadas

Mensagem por pyrohinotama em 08/06/13, 10:11 pm

ola, ainda ficou muito grande, com algumas coisas deformadas( estão com tamanho que não eram para ter )
e aqui ta o print da imagem a que me refiro: http://i80.servimg.com/u/f80/17/97/95/00/tttttt10.jpg
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Imagens de categorias cortadas

Mensagem por MateusA em 08/06/13, 10:13 pm

Olá!

Troque por esse

Código:
        span.mod-text {
                margin-left: 50px;
                }
                .mod-text {
                margin-left: 50px;
                }
                a.group-mod {
                margin-left: 50px;
                }
                a.forumtitle {
                margin-left: 50px;
                }
                dl.icon img {
                margin-top: 1px;
                }
                .topictitle {
                margin-left: 50px;
                }
                .span-tab {
                margin-left: 50px;
                }

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Imagens de categorias cortadas

Mensagem por pyrohinotama em 08/06/13, 10:16 pm

melhoro agora, mas ainda tem uns detalhes:
-a imagem que eu falei anterior mente ta em cima da imagem de foruns
-a imagem de forum ainda ta cortada pela caixa
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Imagens de categorias cortadas

Mensagem por MateusA em 08/06/13, 10:51 pm

Olá! Piscada

Adicione na sua Folha de Estilos CSS

Código:
dl.icon img {
    width: 44;
    display: block;
}
.icon {
margin-top: 3px !important;
}

-a imagem que eu falei anterior mente ta em cima da imagem de foruns

Seta Estranho, não to vendo essa imagem será que só aparece para usuários registrados?

Até mais. Rindo
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Imagens de categorias cortadas

Mensagem por pyrohinotama em 08/06/13, 11:05 pm

isso Muito feliz, ja ta quase perfeito so dois detalhes:
- a descrição esta em cima da imagem
- em forum: o titulo e autor estão muito em baixo tem como subi eles um pouco pra deixar organizado?
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Imagens de categorias cortadas

Mensagem por MateusA em 08/06/13, 11:37 pm

Olá!

Flecha ajudeiros Seus fóruns não tem descrição, poderia adicionar uma ?

Adicione na sua "Folha de Estilos CSS"
Código:
.color-groups {
margin-top: -6px;
}
.group-mod {
margin-left: -10px !important;
}

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Imagens de categorias cortadas

Mensagem por pyrohinotama em 08/06/13, 11:45 pm

ola o titulo e autor ainda estão muito em baixo: http://snkrpg.forumeiros.com/f1-seu-primeiro-forum
e os moderadores esta com os grupos em cima: http://snkrpg.forumeiros.com/
eu coloquei a descrição mais não apareceu ._.?
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Imagens de categorias cortadas

Mensagem por MateusA em 08/06/13, 11:53 pm

Olá!

Troque o CSS do post anterior por esse:

Código:
        .color-groups {
        margin-top: -6px;
        }
.color-groups strong {
margin-top: 20px;
}


        .group-mod {
        margin-left: -4px !important;
        }

:seta2: Me forneça a sua folha de estilos CSS.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Imagens de categorias cortadas

Mensagem por pyrohinotama em 09/06/13, 09:03 am

aqui:
Código:
 span.mod-text {
        margin-left: 50px;
        }
        .mod-text {
        margin-left: 50px;
        }
        a.group-mod {
        margin-left: 50px;
        }
        a.forumtitle {
        margin-left: 50px;
        }
        dl.icon img {
        margin-top: 1px;
        }
        .topictitle {
        margin-left: 50px;
        }
        .span-tab {
        margin-left: 50px;
        }
dl.icon img {
    width: 44;
    display: block;
}
.icon {
margin-top: 3px !important;
}
.color-groups {
margin-top: -6px;
}
.color-groups strong {
margin-top: 20px;
}


.group-mod {
margin-left: -4px !important;
}

/* borda nos widgets */
.module {
background-color:#1f1f1f;background-image:url();background-position:0 0;background-repeat:repeat-x;border:2px solid #b0a9a9;clear:both;margin-bottom:4px;padding:0 5px
;-moz-border-radius:10px;-webkit-border-radius:10px;-webkit-box-shadow:2px 2px 2px #FF4800;
 -moz-border-radius:10px;-webkit-border-radius:10px;-webkit-box-shadow:2px 2px 2px #FF4800
}
.module .h3 {
background-color:#1f1f1f;background-image:url(http://i.imgur.com/UKNeAsZ.png);background-repeat:repeat-x;
color: white !important;
text-shadow: #FF4800 0px 0px 10px;
font-family: 'Rye', cursive;
}
.module {
color: white;
font-family: 'Trebuchet MS', cursive;
}
/* caixa de quote, spoiler e outros */
.blockquote {
background: #F1F1F1;
border: 1px solid #D8D8D8;
border-left: 10px solid rgb(12, 12, 12);
border-radius: 10px 10px 10px 10px;
border-right: 10px solid rgb(27, 24, 24);
box-shadow: 1px 2px 5px #FF4800;
font-size: 13px;
margin: 10px;
padding: 10px;
width: auto;
color: black !important;
}
.codebox.spoiler {
background: #F1F1F1;
border: 1px solid #D8D8D8;
border-left: 10px solid rgb(12, 12, 12);
border-radius: 10px 10px 10px 10px;
border-right: 10px solid rgb(27, 24, 24);
box-shadow: 1px 2px 5px #FF4800;
font-size: 13px;
margin: 10px;
padding: 10px;
width: auto;
color: black !important;
}
.codebox {
background: #F1F1F1;
border: 1px solid #D8D8D8;
border-left: 10px solid rgb(12, 12, 12);
border-radius: 10px 10px 10px 10px;
border-right: 10px solid rgb(27, 24, 24);
box-shadow: 1px 2px 5px #FF4800;
font-size: 13px;
margin: 10px;
padding: 10px;
width: auto;
color: black !important;
}

/* caixa ao redor de avatar e perfil */
.postprofile{border-color:transparent;border-left-style:solid;border-left-width:1px;color:#fff;display:inline;float:right;margin:5px 0 0;min-height:80px;position:relative;width:22%;word-wrap:break-word}* html .postprofile{overflow:hidden}.postprofile dd,.postprofile dt{line-height:1.2em;margin-left:8px}.postprofile a:active,.postprofile a:link,.postprofile a:visited,.postprofile dt.author a{color:#00edff;font-weight:700;text-decoration:none}.postprofile a:hover,.postprofile dt.author a:hover{color:#00c8d6;text-decoration:underline}
.post div.user-ident div.user-basic-info a img:first-child,.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,dl.postdetails dl a img:first-child{height:300px;width:150px}
.postprofile{-webkit-box-shadow:0 5px 5px #FF4800;background-image:url(http://i.imgur.com/MKc5lSa.png);background-repeat:repeat;border:2px solid #00EDFF;-moz-border-radius: 10px;-webkit-border-radius: 10px;text-align:center!important}


/* arredondar bordas */
.post, .module {border-radius: 6px;}
#wrap {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #000000;
-webkit-box-shadow:2px 2px 2px #FF4800;
}
.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-webkit-box-shadow:2px 2px 2px #FF4800;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-webkit-box-shadow:2px 2px 2px #FF4800;
}

/* sucesso, erro e outras coisas */
Styleneat - CSS Organizer.
Return
Download style.css | Copy style.css
 
 
.main-content.standalone .button {
  background-color: #FAFAFA;
  background-image:url(http: http://illiweb.com/fa/prosilver/bg_button.gif);
  background-position: top;
  background-repeat: repeat-x;
  border: 1px solid #BCBCBC;
  border-radius: 3px;
  color: #000;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: .9em;
  margin: 0 .25em;
  overflow: visible;
  padding: 5px;
  vertical-align: middle;
  width: auto!important }
 
.alerta,.aviso,.info,.sucess {
  -moz-border-radius: 6px;
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  -webkit-border-radius: 6px;
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  background:url(http: http://img638.imageshack.us/img638/4026/noticebg.png) repeat-x 0 0;
  border-radius: 6px;
  box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  left: 34px;
  margin: 15px 15px 2.5em;
  padding: 13px 15px 0;
  position: relative;
  width: 83% }
 
.info {
  background-color: #C6D8F0;
  border: 1px solid #4381CD;
  color: #285797 }
 
.sucess {
  background-color: #EEF4D4;
  border: 1px solid #8FAD3D;
  color: #596C26 }
 
.aviso {
  background-color: #FFEA97;
  border: 1px solid #E1B500;
  color: #796100 }
 
.alerta {
  background-color: #EFCEC9;
  border: 1px solid #AE3F2F;
  color: #933628 }
 
.i-alerta,.i-aviso,.i-info,.i-sucess {
  background:url(http: http://img59.imageshack.us/img59/9923/noticetabs.png) no-repeat 100% 0;
  height: 40px;
  left: -34px;
  position: absolute;
  top: 9px;
  width: 33px }
 
.i-alerta { background-position: 100% -400px }
 
.i-sucess { background-position: 100% 0 }
 
.i-info { background-position: 100% -1200px }
 
.i-aviso { background-position: 100% -800px }
 
.quadrado_box {
  -moz-border-radius: 6px;
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15);
  -webkit-border-radius: 6px;
  background:#fff url(http: http://i50.tinypic.com/2uqsx.png) repeat-x bottom;
  border: 1px solid #c5c5c5;
  font-style: normal;
  font-weight: 400;
  padding: 10px;
  width: 100% }
 
input#option,textarea#content {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background: #FCFCFC;
  border: 1px solid #AAA;
  border-radius: 2px;
  font-family: "Helveticae Neue", Helvetica, Arial, sans-serif;
  padding: 4px }
 

/* opacidade na cor preta do fundo */
#wrap {background-image: url(http://i69.servimg.com/u/f69/17/63/00/37/0rye3v13.png);}
#wrap {
border: 1px solid rgb(167, 148, 123) !important;
box-shadow: 7px 11px 12px rgb(167, 148, 123);
}

/* caixa com avatar ao lado de ultima mensagem */
.lastpost {
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 0 8px #666666;
    margin: 3px;
    width: 20px;
}
.header .lastpost {
    box-shadow: none;
}
.mini_ava img {
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    background: #fff;
    border: 1px solid #D5D5D5;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    height: 60px;
    margin: 0 5px;
    padding: 1px;
    width: 34px;
    float: left;
    }
/* efeito hover no menu */
#i_icon_mini_index:hover {
background-image: url(http://i.imgur.com/8OwJ9Pk.png);
}
#i_icon_mini_portal:hover {
background-image: url(http://i.imgur.com/XGq2ysv.png);
}
#i_icon_mini_search:hover {
background-image: url(http://i.imgur.com/xNKnAzM.png);
}
#i_icon_mini_members:hover {
background-image: url(http://i.imgur.com/ToPNcjs.png);
}
#i_icon_mini_groups:hover {
background-image: url(http://i.imgur.com/ejlsPFg.png);
}
#i_icon_mini_profile:hover {
background-image: url(http://i.imgur.com/m1MA1MT.png);
}
#i_icon_mini_message:hover {
background-image: url(http://i.imgur.com/Ca5qbYJ.png);
}
#i_icon_mini_new_message :hover {
background-image: url(http://i.imgur.com/wJJzGAk.png);
}
#i_icon_mini_logout:hover {
background-image: url(http://i.imgur.com/V9Aj2jc.png);
}
#i_icon_mini_login:hover {
background-image: url(http://i.imgur.com/URH74Vl.png);
}
#i_icon_mini_register:hover {
background-image: url(http://i.imgur.com/QORLOb3.png);
}

/* tamanho do avatar */
.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{width:150px;height:310px}

/* caixa de cores personalizada */
.colorpicker {
                  width: 356px;
                  height: 176px;
                  overflow: hidden;
                  position: absolute;
                  background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
                  font-family: Arial, Helvetica, sans-serif;
                  display: none;
                }
                .colorpicker_color {
                  width: 150px;
                  height: 150px;
                  left: 14px;
                  top: 13px;
                  position: absolute;
                  background: #f00;
                  overflow: hidden;
                  cursor: crosshair;
                }
                .colorpicker_color div {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 150px;
                  height: 150px;
                  background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
                }
                .colorpicker_color div div {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 11px;
                  height: 11px;
                  overflow: hidden;
                  background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
                  margin: -5px 0 0 -5px;
                }
                .colorpicker_hue {
                  position: absolute;
                  top: 13px;
                  left: 171px;
                  width: 35px;
                  height: 150px;
                  cursor: n-resize;
                }
                .colorpicker_hue div {
                  position: absolute;
                  width: 35px;
                  height: 9px;
                  overflow: hidden;
                  background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
                  margin: -4px 0 0 0;
                  left: 0px;
                }
                .colorpicker_new_color {
                  position: absolute;
                  width: 60px;
                  height: 30px;
                  left: 213px;
                  top: 13px;
                  background: #f00;
                }
                .colorpicker_current_color {
                  position: absolute;
                  width: 60px;
                  height: 30px;
                  left: 283px;
                  top: 13px;
                  background: #f00;
                }
                .colorpicker input {
                  background-color: transparent;
                  border: 1px solid transparent;
                  position: absolute;
                  font-size: 10px;
                  font-family: Arial, Helvetica, sans-serif;
                  color: #898989;
                  top: 4px;
                  right: 11px;
                  text-align: right;
                  margin: 0;
                  padding: 0;
                  height: 11px;
                }
                .colorpicker_hex {
                  position: absolute;
                  width: 72px;
                  height: 22px;
                  background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
                  left: 212px;
                  top: 142px;
                }
                .colorpicker_hex input {
                  right: 6px;
                }
                .colorpicker_field {
                  height: 22px;
                  width: 62px;
                  background-position: top;
                  position: absolute;
                }
                .colorpicker_field span {
                  position: absolute;
                  width: 12px;
                  height: 22px;
                  overflow: hidden;
                  top: 0;
                  right: 0;
                  cursor: n-resize;
                }
                .colorpicker_rgb_r {
                  background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
                  top: 52px;
                  left: 212px;
                }
                .colorpicker_rgb_g {
                  background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
                  top: 82px;
                  left: 212px;
                }
                .colorpicker_rgb_b {
                  background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
                  top: 112px;
                  left: 212px;
                }
                .colorpicker_hsb_h {
                  background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
                  top: 52px;
                  left: 282px;
                }
                .colorpicker_hsb_s {
                  background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
                  top: 82px;
                  left: 282px;
                }
                .colorpicker_hsb_b {
                  background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
                  top: 112px;
                  left: 282px;
                }
                .colorpicker_submit {
                  position: absolute;
                  width: 22px;
                  height: 22px;
                  background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
                  left: 322px;
                  top: 142px;
                  overflow: hidden;
                }
                .colorpicker_focus {
                  background-position: center;
                }
                .colorpicker_hex.colorpicker_focus {
                  background-position: bottom;
                }
                .colorpicker_submit.colorpicker_focus {
                  background-position: bottom;
                }
                .colorpicker_slider {
                  background-position: bottom;
                }

/* efeito neon em hover link */
a:hover {
color: #FF4800;
text-shadow : 0px 0px 10px #FF4800;
}

/* efeito 3D nos botoes do forum */
#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #afafaf; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 0px #afafaf; -webkit-box-shadow: 2px 2px 0px #afafaf}


@import url(http://fonts.googleapis.com/css?family=Sancreek);
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

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