Simplicity デフォルト装飾タグのレイアウト見本

当ブログは、Simplicityという無料テーマを利用させていただいています。シンプルかつ高機能で、デフォルトで様々な機能が備わっています。プラグインなども必要最低限で良いですし、非常に助かっています。

Simplicityには拡張クラス指定のスタイルシートが入っています。そのレイアウト見本をここに紹介します。上に表示見本、下にソースコードという順序で書いていきます。

スポンサーリンク

Simplicity 拡張クラスのレイアウト見本

参照・参考表示

十勝地方の帯広はゴールデンウィークが始まる4月29日に開花すると予報が出てました。あと5日、、、待ち遠しいです。本州の方にしてみたら「今更桜?」って話でしょうが、北海道の春は今からです!

文字の装飾クラス指定

今日の北海道 十勝地方は曇り空です。少々肌寒いですが、春らしい天気です。先日、札幌で桜が開花して、今週末から花見シーズンスタートです。北海道の花見と言えばジンギスカンです。コンロを持ち込んで桜の下でジンギスカンするのが北海道的花見なんですよ~。

キーボードキーのスタイル

Ctrl + C

Ctrl + V

ブートストラップのインフォメーション的な囲み表示

.sp-primaryクラスを使用

.sp-successクラスを使用

.sp-infoクラスを使用

.sp-warningクラスを使用

.sp-dangerクラスを使用

LINEの背景っぽい装飾

北海道の4月は寒いですか?

まだ雪が降ってもおかしくないけど、温かい日は20度超えます。

服装選びが難しいですね。

確かに、、、

アウターはウィンドブレーカーがあった方が良いです。4月は風が強いから。

スポンサーリンク

この記事をシェアする

スポンサーリンク

コメント

  1. けに より:

    装飾タグの使い方参考にさせてもらいます。
    ( ´ ▽ ` )ノ

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)