Цветовая палитра кнопок

Back
  • Прозрачность фона кнопки (selectbox)
    Прозрачность фона 100%
  • Прозрачность фона боковой полоски (selectbox)
    Прозрачность фона 100%
  • Цвет фона кнопок (custom)
    <font size="5" color="yellow" face="Arial">Фон кнопки</font> <script type="text/javascript" src="../js/farbtastic.js"></script> <link rel="stylesheet" href="../css/farbtastic.css" type="text/css" /> <div id="RightButtoncolorRGB" style="margin: 0 auto;"></div> <script language="javascript"> function cutHex(h) {return (h.charAt(0)=="#") ? h.substring(1,7):h} function HexToR(h) {return parseInt((cutHex(h)).substring(0,2),16)} function HexToG(h) {return parseInt((cutHex(h)).substring(2,4),16)} function HexToB(h) {return parseInt((cutHex(h)).substring(4,6),16)} function decToHex(number) { if (number < 0) { number = 0xFFFFFFFF + number + 1; } return number.toString(16).toUpperCase(); } $('#RightButtoncolorRGB').farbtastic( function (color) { r = HexToR(color); g = HexToG(color); b = HexToB(color); $.get("/objects/?object=SetupRightButton&op=set&p=Red&v="+r); $.get("/objects/?object=SetupRightButton&op=set&p=Green&v="+g); $.get("/objects/?object=SetupRightButton&op=set&p=Blue&v="+b); $.get("/objects/?object=SetupRightButton&op=set&p=colorRGB&v="+cutHex(color)); }); $.get("/objects/?object=SetupRightButton&op=get&p=colorRGB", function (data) { $.farbtastic("#RightButtoncolorRGB").setColor("#"+data); }); </script>
  • Цвет боковой полоски на кнопке (custom)
    <font size="5" color="yellow" face="Arial">Цвет боковой полоски на кнопке</font> <script type="text/javascript" src="../js/farbtastic.js"></script> <link rel="stylesheet" href="../css/farbtastic.css" type="text/css" /> <div id="RightButtoncolorRGBBand" style="margin: 0 auto;"></div> <script language="javascript"> function cutHex(h) {return (h.charAt(0)=="#") ? h.substring(1,7):h} function HexToR(h) {return parseInt((cutHex(h)).substring(0,2),16)} function HexToG(h) {return parseInt((cutHex(h)).substring(2,4),16)} function HexToB(h) {return parseInt((cutHex(h)).substring(4,6),16)} function decToHex(number) { if (number < 0) { number = 0xFFFFFFFF + number + 1; } return number.toString(16).toUpperCase(); } $('#RightButtoncolorRGBBand').farbtastic( function (color) { r = HexToR(color); g = HexToG(color); b = HexToB(color); $.get("/objects/?object=SetupRightButton&op=set&p=Red&v="+r); $.get("/objects/?object=SetupRightButton&op=set&p=Green&v="+g); $.get("/objects/?object=SetupRightButton&op=set&p=Blue&v="+b); $.get("/objects/?object=SetupRightButton&op=set&p=colorRGBBand&v="+cutHex(color)); }); $.get("/objects/?object=SetupRightButton&op=get&p=colorRGBBand", function (data) { $.farbtastic("#RightButtoncolorRGBBand").setColor("#"+data); }); </script>

loading