Demons Design

Bem vindo ao Demons Design,

Faça o seu melhor para ajudar os membros e mostrar seu potencial,
Pois poderá ser um futuro designer ou membro da equipe
Caso não tenha se registrado ainda,
Clique no botão "Registrar-se" e ajude aos nossos players!

Participe do fórum, é rápido e fácil

Demons Design

Bem vindo ao Demons Design,

Faça o seu melhor para ajudar os membros e mostrar seu potencial,
Pois poderá ser um futuro designer ou membro da equipe
Caso não tenha se registrado ainda,
Clique no botão "Registrar-se" e ajude aos nossos players!

Demons Design

Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.


3 participantes

    Administradores, leiam²

    avatar
    duuuwh
    Membro
    Membro


    Mensagens : 37
    Rate : Sem Rate
    Agradecimentos : 0
    Data de inscrição : 11/07/2011

    Administradores, leiam² Empty Administradores, leiam²

    Mensagem por duuuwh Qui Set 01, 2011 9:56 pm

    Olá, que tal mudar a caixa de cores para que o usúario possa escolher sua própria cor? Smile

    exemplo:

    [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

    Tenha cuidado com os UP's. Faça o seguinte:

    Painel de controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS -> Adicione o seguinte 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;
                    }

    Logo após aceda neste site:

    [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

    Pegue o código e o coloque em uma página .js explicada por Mikáá. Leia:

    [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

    Até mais. e espero que gostem da sugestão, flv.
    Switch
    Switch
    Programador
    Programador


    Mensagens : 730
    Rate : Sem Rate
    Agradecimentos : 40
    Data de inscrição : 09/09/2010
    Idade : 28
    Localização : aqui => http://circledesign.com.br/

    Administradores, leiam² Empty Re: Administradores, leiam²

    Mensagem por Switch Qui Set 01, 2011 10:00 pm

    Vamo ver se o pessoal gosta eu coloco...
    Grafic
    Grafic
    Gold Designer
    Gold Designer


    Mensagens : 2699
    Rate : Sem Rate
    Agradecimentos : 60
    Data de inscrição : 27/12/2010
    Idade : 25

    Administradores, leiam² Empty Re: Administradores, leiam²

    Mensagem por Grafic Qui Set 01, 2011 10:01 pm

    Legal, até eu as vezes qeuro coloca uma cor que nao tem aqui Very Happy
    avatar
    duuuwh
    Membro
    Membro


    Mensagens : 37
    Rate : Sem Rate
    Agradecimentos : 0
    Data de inscrição : 11/07/2011

    Administradores, leiam² Empty Re: Administradores, leiam²

    Mensagem por duuuwh Qui Set 01, 2011 10:02 pm

    sem dúvidas alguma, essa sugestão deve ser adeira ao fórum.

    A caixa combina com o fórum, ja que essa caixa existe em programas como photoshop, e etc.

    Até.
    Switch
    Switch
    Programador
    Programador


    Mensagens : 730
    Rate : Sem Rate
    Agradecimentos : 40
    Data de inscrição : 09/09/2010
    Idade : 28
    Localização : aqui => http://circledesign.com.br/

    Administradores, leiam² Empty Re: Administradores, leiam²

    Mensagem por Switch Qui Set 01, 2011 10:20 pm

    Sugestão aceita !

    Closed!!

    Conteúdo patrocinado


    Administradores, leiam² Empty Re: Administradores, leiam²

    Mensagem por Conteúdo patrocinado


      Data/hora atual: Qui Mar 28, 2024 12:21 pm