Imagens de categorias cortadas

2 participantes

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

Tópico resolvido Imagens de categorias cortadas

Mensagem por pyrohinotama 08.06.13 21:21

Qual é minha questão:
Ola, observem este print: https://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 19:16, editado 1 vez(es)
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens de categorias cortadas

Mensagem por Convidado 08.06.13 21:38

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
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens de categorias cortadas

Mensagem por pyrohinotama 08.06.13 21:47

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
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens de categorias cortadas

Mensagem por Convidado 08.06.13 21:52

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
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens de categorias cortadas

Mensagem por pyrohinotama 08.06.13 22:43

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 )
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens de categorias cortadas

Mensagem por MateusA 08.06.13 22:47

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
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens de categorias cortadas

Mensagem por pyrohinotama 08.06.13 22:48

crazy, bugou tudo o.o ?
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens de categorias cortadas

Mensagem por MateusA 08.06.13 23:02

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.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens de categorias cortadas

Mensagem por pyrohinotama 08.06.13 23:10

pronto, olha la, fico rudo bugado.
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens de categorias cortadas

Mensagem por MateusA 08.06.13 23:31

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
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens de categorias cortadas

Mensagem por pyrohinotama 08.06.13 23:48

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 ?!?!
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens de categorias cortadas

Mensagem por pyrohinotama 08.06.13 23:52

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?
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens de categorias cortadas

Mensagem por MateusA 08.06.13 23:56

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.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens de categorias cortadas

Mensagem por pyrohinotama 09.06.13 0:00

-.-' 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.
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens de categorias cortadas

Mensagem por MateusA 09.06.13 0:07

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.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens de categorias cortadas

Mensagem por pyrohinotama 09.06.13 2:11

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: https://i.servimg.com/u/f80/17/97/95/00/tttttt10.jpg
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens de categorias cortadas

Mensagem por MateusA 09.06.13 2:13

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.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens de categorias cortadas

Mensagem por pyrohinotama 09.06.13 2:16

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
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens de categorias cortadas

Mensagem por MateusA 09.06.13 2:51

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
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens de categorias cortadas

Mensagem por pyrohinotama 09.06.13 3:05

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?
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens de categorias cortadas

Mensagem por MateusA 09.06.13 3:37

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.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens de categorias cortadas

Mensagem por pyrohinotama 09.06.13 3:45

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 ._.?
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens de categorias cortadas

Mensagem por MateusA 09.06.13 3:53

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.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens de categorias cortadas

Mensagem por pyrohinotama 09.06.13 13:03

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: https://2img.net/i/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: https://2img.net/r/ihimizer/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: https://2img.net/r/ihimizer/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: https://2img.net/h/oi50.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);
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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