Blogroll, Cat A, ...

DigiPressによるコンテンツ装飾テスト

DigiPressテーマにはテキストやコンテンツを用途に応じて装飾する様々なスタイルシートが用意されています。 ちなみに、このページは投稿オプションにてサイドバーを非表示(1カラム)にしています。

ショートカットキーをキーボード風に表示

Mac の場合、+V で貼り付け。 Windows の場合、Ctrl+V で貼り付け。 +E でエクスプローラーを開きます。

このサンプルのコード

Mac の場合、<span class="keyboard"><i class="icon-cmd"></i></span>+<span class="keyboard">V</span> で貼り付け。
Windows の場合、<span class="keyboard">Ctrl</span>+<span class="keyboard">V</span> で貼り付け。
<span class="keyboard"><i class="icon-windows"></i></span>+<span class="keyboard">E</span> でエクスプローラーを開きます。

フォントサイズを変えよう(8〜100ピクセル)

フォントサイズを変更したいときは、ft[数値]pxという書式のクラス指定をするだけで変更できます。

表示サンプル

8ピクセルです。 10ピクセルです。 15ピクセルです。 20ピクセルです。 30ピクセルです。 35ピクセルです。 40ピクセルです。 45ピクセルです。 50ピクセルです。 60ピクセルです。 70ピクセルです。 80ピクセルです。 90ピクセルです。 100ピクセルです。

このサンプルのコード

<span class="ft8px">8ピクセルです。</span>
<span class="ft10px">10ピクセルです。</span>
<span class="ft15px">15ピクセルです。</span>
<span class="ft20px">20ピクセルです。</span>
<span class="ft30px">30ピクセルです。</span>
<span class="ft35px">35ピクセルです。</span>
<span class="ft40px">40ピクセルです。</span>
<span class="ft45px">45ピクセルです。</span>
<span class="ft50px">50ピクセルです。</span>
<span class="ft60px">60ピクセルです。</span>
<span class="ft70px">70ピクセルです。</span>
<span class="ft80px">80ピクセルです。</span>
<span class="ft90px">90ピクセルです。</span>
<span class="ft100px">100ピクセルです。</span>

Comments & Trackbacks

  • Comments ( 6 )
  • Trackbacks ( 0 )
  1. DigiPressであんなサイトやこんなサイトを簡単に作っちゃおう!

    インスピレーションをすぐ形にできるよ!

    • やぁ!

      自分でコメントしといてそれに返信してみたよ!

      これはテストコメントなんだ!

  2. DigiPressであんなサイトやこんなサイトを簡単に作っちゃおう!

    インスピレーションをすぐ形にできるよ!

    • やぁ!

      自分でコメントしといてそれに返信してみたよ!

      これはテストコメントなんだ!

  3. やろうと思えば何でも出来るけど、説明しきれないから買ってね!

  4. やろうと思えば何でも出来るけど、説明しきれないから買ってね!