LogoMarkWhite.png

ColorPicker の変更点


*PlugIn ColorPicker
inputタグの type="color" を用いたサイトの色編集
~

***概要
サイトの文字色や背景色をインタラクティブに変更するパーツを配置します。<input type="color"> で出現するパネルはブラウザによって異なります。またその動作もブラウザごとに異なっていて、例えば、Chromeでは色選択操作に即反応しますが、Firefoxでは色選択パネルを閉じたタイミングで結果が反映します。
~

***書式
-文字色の変更
&color_picker_text();
 &color_picker_text();

-背景色の変更
&color_picker_bg();
 &color_picker_bg();

~


***使用例
当サイトでは、サイドバーに置いています。
-[[SideBar]]


~
~