Como trocar de selector de cor?

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

Resolvido Como trocar de selector de cor?

Mensagem por DDarkLinkk em 09/10/11, 01:59 pm

Qual é minha questão:
Minha questão é trocar o seletor de cor dos tópicos , mensagem por aquele q tem no painel de controle ! assim como mostra nas imagems .

Medidas que eu tomei para corrigir o problema:
----

Imagens do meu problema:



Endereço do meu fórum:

Versão do meu fórum:
PHPBB3


Última edição por DDarkLinkk em 10/10/11, 07:56 pm, editado 1 vez(es)
avatar

DDarkLinkk
Nível 5

Masculino
Inscrito dia : 24/09/2011
Mensagens : 49
Pontos Ativos : 75

Ver perfil do usuário http://brcheats.forumeiro.com/

Resolvido Re: Como trocar de selector de cor?

Mensagem por Convidad em 09/10/11, 09:52 pm

Olá!

Vá em :
Painel de controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS -> Adicione este código :

Código:

                .colorpicker {
                  width: 356px;
                  height: 176px;
                  overflow: hidden;
                  position: absolute;
                  background: url(http://img9.xooimage.com/files/a/7/9/colorpicker_background-2a0969e.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://img72.xooimage.com/files/c/7/a/colorpicker_overlay-2a096c5.png);
                }
                .colorpicker_color div div {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 11px;
                  height: 11px;
                  overflow: hidden;
                  background: url(http://img43.xooimage.com/files/c/e/c/select-af135c.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://img70.xooimage.com/files/f/4/8/colorpicker_indic-2a096f9.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://img69.xooimage.com/files/1/6/d/colorpicker_hex-2a09707.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://img70.xooimage.com/files/8/7/e/colorpicker_rgb_r-2a09716.png);
                  top: 52px;
                  left: 212px;
                }
                .colorpicker_rgb_g {
                  background-image: url(http://img68.xooimage.com/files/d/c/1/colorpicker_rgb_g-2a09721.png);
                  top: 82px;
                  left: 212px;
                }
                .colorpicker_rgb_b {
                  background-image: url(http://img67.xooimage.com/files/2/b/e/colorpicker_rgb_b-2a09729.png);
                  top: 112px;
                  left: 212px;
                }
                .colorpicker_hsb_h {
                  background-image: url(http://img73.xooimage.com/files/d/4/7/colorpicker_hsb_h-2a09740.png);
                  top: 52px;
                  left: 282px;
                }
                .colorpicker_hsb_s {
                  background-image: url(http://img67.xooimage.com/files/5/f/f/colorpicker_hsb_s-2a09755.png);
                  top: 82px;
                  left: 282px;
                }
                .colorpicker_hsb_b {
                  background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/colorp10.png);
                  top: 112px;
                  left: 282px;
                }
                .colorpicker_submit {
                  position: absolute;
                  width: 22px;
                  height: 22px;
                  background: url(http://img68.xooimage.com/files/1/2/d/colorpicker_submit-2a09814.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;
                }

Depois, entre no site abaixo :
:seta2: http://s301826463.onlinehome.fr/fdf/viewtopic.php?pid=9#p9

Pegue este código e coloque em uma página JavaScript, aqui explicará há fazer a criação desta página :
Seta http://ajuda.forumeiros.com/t42976-faq-paginas-js

Espero ter ajudado.
Abraços.

Convidad
Convidado


Resolvido Re: Como trocar de selector de cor?

Mensagem por DDarkLinkk em 09/10/11, 10:52 pm

Muiiitoooo obrigadoooo funcionou perfeitamente, só um pedido, poderia colocar algum botão ou somente clickar e segurar para movimentar igual como é no painel de comtroles ? se der vc é o cara mais fodaaa
avatar

DDarkLinkk
Nível 5

Masculino
Inscrito dia : 24/09/2011
Mensagens : 49
Pontos Ativos : 75

Ver perfil do usuário http://brcheats.forumeiro.com/

Resolvido Re: Como trocar de selector de cor?

Mensagem por Cream em 10/10/11, 01:09 pm

@DDarkLinkk escreveu:Muiiitoooo obrigadoooo funcionou perfeitamente, só um pedido, poderia colocar algum botão ou somente clickar e segurar para movimentar igual como é no painel de comtroles ? se der vc é o cara mais fodaaa
Poderia ser mais claro em sua dúvida? Se puder nos apresente alguma imagem.

Até mais.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Como trocar de selector de cor?

Mensagem por DDarkLinkk em 10/10/11, 07:56 pm

No código quando eo escolher a cor tem que click numa bolinha colorida e eu queria que fosse um botão dizendo ok sei la algo mais reparavel para ser escolhida a cor !
avatar

DDarkLinkk
Nível 5

Masculino
Inscrito dia : 24/09/2011
Mensagens : 49
Pontos Ativos : 75

Ver perfil do usuário http://brcheats.forumeiro.com/

Resolvido Re: Como trocar de selector de cor?

Mensagem por Convidad em 11/10/11, 08:09 pm

Olá!

No caso, o único código que tenho é esse.
O que você poderá modificar é esta parte do código:

.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(LINKAQUI) top;
left: 322px;
top: 142px;
overflow: hidden;
}

Em vermelho é o campo onde está a imagem desta bolinha que você disse, modifique pelo link de uma imagem no formato : ".PNG" .

Atenciosamente.

Convidad
Convidado


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