—÷ Diễn Đàn TN6 ÷—
BQT TN6 Chúc tất cả các mem một năm mới vui vẻ, gia đình mạnh khoẻ, vạn sự như ý !
Vui lòng tuân thủ đúng nội quy 4rum và khi viết bài nhớ có dấu nha
Sử dụng trình duyệt FF để đạt tối đa các ứng dụng và tiện ích trên 4rum !

You are not connected. Please login or register

Share code bảng mã màu!

Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

19xStudio Share code bảng mã màu! on Sat Jan 29, 2011 10:07 am

HoàngThái

avatar
1stPlace
1stPlace
Demo:
* Cách làm :

•Chèn đoạn sau vào CSS ( vào Display>colors> CSS style)
Code:
.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://www.c3z.co.cc/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://www.c3z.co.cc/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://www.c3z.co.cc/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://www.c3z.co.cc/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://www.c3z.co.cc/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://www.c3z.co.cc/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://www.c3z.co.cc/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://www.c3z.co.cc/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 vào widget đoạn script sau (đối với tất cả phiên bản) . Với phpbb2 hoặc punbb có thể chèn vào overall_header, overall_footer, hoặc chèn viewtopic_body và posting_body.
Code:
<script src="http://scriptfm.googlecode.com/files/colpicker.js"></script>

Xem lý lịch thành viên http://ilovetn6.forum-viet.com

Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

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 your own blog
© 2012 Zone-A7
FM PunBB - Design by Simon