タイトルにドロップシャドー効果を加えるタイトルにドロップシャドー効果を加える

ポイントで旨くつかうとアクセントとなって良い感じポイントで旨くつかうとアクセントとなって良い感じ

Round Cornersモジュールにドロップシャドーの機能を追加しました。

あまり使いすぎると邪魔になりますが、ポイントで旨くつかうとアクセントとなって良い感じになります。

慣れてくると 以下の方法で同様のコンテンツを幾らでも設置可能ですが、最初の一つ、あるいは慣れるまでは弊社がお手伝いします。

使用方法は以下の通りです。

  1. 管理セクション≫サイトの環境設定≫Round Cornersページを開きます。
    タイトルにドロップシャドー効果を加える
  2. actbrain corners status:が「The actbrain corners javascript file is available.」となっている事を確認します。
    異なる表示の場合は「Round Corners」モジュールが正常にインストールされていません。表示内容とともに弊社サポートにお知らせ下さい。
  3. actbrain corners to apply on all pages:に使用する要素名とグラデーションを定義します。
    各行に $('要素名').function('パラメータ');
    というような形で定義します。
 

例えば: 

こんな感じになります

 

というようにCSSで背景色を定義してある要素があるとします。 

環境設定で
$('.dropshadow').removeShadow();
$('.dropshadow').dropShadow({swap: true});

と定義し、要素のクラス名をdropshadowとすると、 

こんな感じになります。

 

背景色を与えず文字だけでやった場合は

こんな感じになります。

 

参考サイト:

http://allabout.co.jp/internet/javascript/closeup/CU20080325A/index2.htm 

Round Cornersに関してはこちら ⇒ 要素のコーナーを丸くする 

Drupalの事をもっと知りたい …… Drupal FAQで質問してみる
Drupalで新規構築したい ………… 開発支援個別セミナーご案内
Drupalサイトを運営している …… 運用・保守で最低限必要な事
このページ の ページTOPDrupalサイト構築 の サイトマップDrupalサイト構築 の TOPページ