
記事を書きながら、DigiPressテーマのスタイルシート(CSS)で決められた定義(class属性)をHTMLタグに指定するだけで、記事内のキーとなるあらゆるフレーズに対して、汎用的な見出しアクセント画像を表示することができます。
難しいHTMLのスタイル定義や画像を用意しなくても、意図も簡単に美しくオシャレな見栄えのよい記事デザインをお楽しみいただけます。
アクセント画像は四角タイプと円形デザインが共に2種類、カラーはそれぞれ16種類用の合計64パターンをご用意いたしました。
四角デザインの見出しサンプル(1)
四角デザインの見出しサンプル(1)
四角デザインの見出しサンプル(2)
四角デザインの見出しサンプル(2)
円形デザインの見出しサンプル(1)
円形デザインの見出しサンプル(1)
円形デザインの見出しサンプル(2)
円形デザインの見出しサンプル(2)
記述例
<p class=”circle2_lightgreen”>これは円形デザインの見出しです。</p>
アクセント画像付きテキスト装飾のカラーサンプルは続きからご覧ください。
続きを読む »
カテゴリ:
商品名「C」 |
コメントは受け付けていません。 | 2010年03月29日

記事を書きながら、DigiPressテーマのスタイルシート(CSS)で決められた定義(class属性)をHTMLタグに指定するだけで、文章に蛍光ペンのような装飾を施すことができます。
難しいHTMLのスタイル定義や画像を用意しなくても、意図も簡単に美しくオシャレな見栄えのよい記事デザインをお楽しみいただけます。
8種類のマーカー色に、ノーマルタイプと太字の2種類の文字タイプをご用意いたしました。
強調したい文章や文章の一部にテキストマーカーを使うことによって、視覚的にその部分をアピールすることができます。
テキストマーカーサンプル
これはテキストマーカー(イエロー/ブラック)です。
これはテキストマーカー(イエロー/ブラック)です。
これはテキストマーカー(イエロー/レッド)です。
これはテキストマーカー(イエロー/レッド)です。
これはテキストマーカー(グリーン/ブラック)です。
これはテキストマーカー(グリーン/ブラック)です。
これはテキストマーカー(グリーン/ホワイト)です。
これはテキストマーカー(グリーン/ホワイト)です。
これはテキストマーカー(ダークブルー/ホワイト)です。
これはテキストマーカー(ダークブルー/ホワイト)です。
これはテキストマーカー(ダークブルー/イエロー)です。
これはテキストマーカー(ダークブルー/イエロー)です。
記述例
<span class=”mk-darkblue”>これはテキストマーカーです。</span>
テキストマーカーのカラーサンプルは続きからご覧ください。
続きを読む »

たとえば、画像や動画コンテンツの左または右にテキストを回りこませて表示させたい場合も、スタイルシートにて決められた定義をイメージタグに付加するだけで、簡単に回り込み表示が可能です。
逆に、意図的に回りこみを解除してレイアウト崩れを防ぐこともできます。
画像-テキスト回り込み表示例

右側へのコンテンツの回りこみを許可します。
右側のコンテンツです。右側のコンテンツです。右側のコンテンツです。右側のコンテンツです。右側のコンテンツです。右側のコンテンツです。
テキストの左側への回りこみ例は以下からご覧ください。
続きを読む »