基本部位[画像]で、表示可能なCSSタイプの一覧

○[画像]部位

[画像]部位は、文字だけでは伝えきれない、イメージや雰囲気を伝える重要な素材です。しかし、画像を並べる時、四苦八苦していませんか?回り込み機能を設定すれば、簡単に画像を並らべる事が出来ます。サイトの幅を気にしながら、CPVの基本幅である576pxで配置すれば、見た目も綺麗なページができあがります。
■画像下に、キャプションと解説用のテキストを配置する事ができます。
■画像をもう一枚、登録すれば、マウスオーバーでON-OFF切替表示ができます。

画像切り替え用サンプル
キャプションを必ず入れて下さい。

キャプションを必ず入れて下さい。

キャプションを必ず入れて下さい。

キャプションを必ず入れて下さい。

画像を同一の[画像]部位に2枚登録することで、マウスオーバー状態でON-OFFの効果が生まれます。様々なボタンに活用できます。使い方によっては、マウスオーバーアニメションや切替表示方式の解説にも使えます。

[画像]部位には、初期状態が1つ(00)と、拡張するための6つ(01~06)のCSS装飾が組み込んであります。
●00…画像の周りに余白がない初期設定。
●01~03…画像の右と下に8pxの余白、周りに変更可能な罫や背景色Aタイプ。
●04~06…画像の右と下に8pxの余白、周りに変更可能な罫や背景色Bタイプ。

↓設定されている[画像]部位の現在の状況が把握できます。

■初期設定の画像装飾

■初期設定の画像装飾

画像の下には、キャプションと解説用の文章を同時に表示する事が出来ます。

画像の下には、キャプションと解説用の文章を同時に表示する事が出来ます。

■画像装飾02

■画像装飾02

画像の下には、キャプションと解説用の文章を同時に表示する事が出来ます。

画像装飾03

画像装飾03

画像の下には、キャプションと解説用の文章を同時に表示する事が出来ます。

■画像装飾04

画像の下には、キャプションと解説用の文章を同時に表示する事が出来ます。

■画像装飾05

画像の下には、キャプションと解説用の文章を同時に表示する事が出来ます。

■画像装飾06

画像の下には、キャプションと解説用の文章を同時に表示する事が出来ます。

※BOXを囲っている罫と背景色は、BOXのオプションで変更可能です。

TOP

MENU