You are not connected. Please login or register

  1. ☆SimonFounder

    avatar
    Giới tính :
    Nam
    Số bài viết :
    205
    Tham gia :
    20/01/2012
    Demo

    - Các bạn có thể xem demo online tại forum này = cách chóng mặt vào ô chọn màu chữ nhé

    Code

    Spoiler:
    - Chèn code sau vào cuối CSS
    Code:
    .colorpicker {
      width: 356px;
      height: 176px;
      overflow: hidden;
      position: absolute;
      background: url(http://b3club.forumotion.com/users/2611/10/63/87/album/bg10.png);
      font-family: Arial, Helvetica, sans-serif;
      display: none;
    }
    .colorpicker_color {
      width: 150px;
      height: 150px;
      left: 14px;
      top: 13px;
      position: absolute;
      background: #fff;
      overflow: hidden;
      cursor: crosshair;
    }
    .colorpicker_color div {
      position: absolute;
      top: 0;
      left: 0;
      width: 150px;
      height: 150px;
      background: url(http://b3club.forumotion.com/users/2611/10/63/87/album/ovl10.png);
    }
    .colorpicker_color div div {
      position: absolute;
      top: 0;
      left: 0;
      width: 11px;
      height: 11px;
      overflow: hidden;
      background: url(http://b3club.forumotion.com/users/2611/10/63/87/album/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://b3club.forumotion.com/users/2611/10/63/87/album/indic10.gif) left top;
      margin: -4px 0 0 0;
      left: 0px;
    }
    .colorpicker_new_color {
      position: absolute;
      width: 60px;
      height: 30px;
      left: 213px;
      top: 13px;
      background: #fff;
    }
    .colorpicker_current_color {
      position: absolute;
      width: 60px;
      height: 30px;
      left: 283px;
      top: 13px;
      background: #fff;
    }
    .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://b3club.forumotion.com/users/2611/10/63/87/album/hex10.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, .colorpicker_rgb_g, .colorpicker_rgb_b {
      background-image: url(http://b3club.forumotion.com/users/2611/10/63/87/album/rgb_r10.png);
    }
    .colorpicker_rgb_r {
      top: 52px;
      left: 212px;
    }
    .colorpicker_rgb_g {
      top: 82px;
      left: 212px;
    }
    .colorpicker_rgb_b {
      top: 112px;
      left: 212px;
    }
    .colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
      background-image: url(http://b3club.forumotion.com/users/2611/10/63/87/album/h10.png);
    }
    .colorpicker_hsb_h {
      top: 52px;
      left: 282px;
    }
    .colorpicker_hsb_s {
      top: 82px;
      left: 282px;
    }
    .colorpicker_hsb_b {
      top: 112px;
      left: 282px;
    }
    .colorpicker_submit {
      position: absolute;
      width: 22px;
      height: 22px;
      background: url(http://b3club.forumotion.com/users/2611/10/63/87/album/submit10.png) top;
      left: 322px;
      top: 142px;
      overflow: hidden;
    }
    .colorpicker_focus {
      background-position: center;
    }
    .colorpicker_hex.colorpicker_focus, .colorpicker_submit.colorpicker_focus, .colorpicker_slider{
      background-position: bottom;
    }

    - Chèn code sau vào Overall_footer
    Code:
    <script src="http://scriptfm.googlecode.com/files/colpicker.js"></script>

    Nguồn : Chinhphuc

Permissions in this forum:
Bạn không có quyền trả lời bài viết

 
  • Free forum | © PunBB | Free forum support | Liên hệ | Report an abuse | Create a free blog
© 2012 Zone-A7
FM PunBB - Rip by Simon