Como trocar de selector de cor?
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1 • Compartilhe
Como trocar de selector de cor?
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
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 23:56, editado 1 vez(es)
Re: Como trocar de selector de cor?
Olá!
Vá em :
Painel de controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS -> Adicione este código :
Depois, entre no site abaixo :
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 :
https://ajuda.forumeiros.com/t42976-faq-paginas-js
Espero ter ajudado.
Abraços.
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 :
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 :
https://ajuda.forumeiros.com/t42976-faq-paginas-js
Espero ter ajudado.
Abraços.
Convidad- Convidado
Re: Como trocar de selector de cor?
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
Re: Como trocar de selector de cor?
Poderia ser mais claro em sua dúvida? Se puder nos apresente alguma imagem.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
Até mais.
Re: Como trocar de selector de cor?
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 !
Re: Como trocar de selector de cor?
Olá!
No caso, o único código que tenho é esse.
O que você poderá modificar é esta parte do código:
Em vermelho é o campo onde está a imagem desta bolinha que você disse, modifique pelo link de uma imagem no formato : ".PNG" .
Atenciosamente.
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
Tópicos semelhantes
» Como trocar a cor
» Como trocar a cor
» Como trocar a cor disso?
» como trocar o nome da aba
» Como trocar o favicon
» Como trocar a cor
» Como trocar a cor disso?
» como trocar o nome da aba
» Como trocar o favicon
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos