Round Cornersモジュールに要素グラデーションの機能を追加しました。
あまり使いすぎると邪魔になりますが、ポイントで旨くつかうとアクセントとなって良い感じになります。
慣れてくると 以下の方法で同様のコンテンツを幾らでも設置可能ですが、最初の一つ、あるいは慣れるまでは弊社がお手伝いします。
使用方法は以下の通りです。
- 管理セクション≫サイトの環境設定≫Round Cornersページを開きます。
- actbrain corners status:が「The actbrain corners javascript file is available.」となっている事を確認します。
異なる表示の場合は「Round Corners」モジュールが正常にインストールされていません。表示内容とともに弊社サポートにお知らせ下さい。 -
actbrain corners to apply on all pages:に使用する要素名とグラデーションを定義します。
各行に $('要素名').gradient('パラメータ');
というような形で定義します。
例えば：
こんな感じになります
というようにCSSで背景色を定義してある要素があるとします。
環境設定で
＄(’.gradient’）.gradient(｛
from: 'A8EAFF', to: '1C00D0', direction: 'horizontal'
｝);と定義し、
要素のクラス名をgradientとすると、
こんな感じになります。
参考サイト：
http://allabout.co.jp/internet/javascript/closeup/CU20071225A/
Round Cornersに関してはこちら ⇒ 要素のコーナーを丸くする
