HTMLテンプレート シリウス 引用文 BlockQuote デザイン変更

 

シリウスのデフォルトの引用文のデザインはちょっと地味です。

 

 

よって、

今回はCSSを変更することで引用文（blockquote）の

デザインを変更する方法を紹介します。

 

 

シリウス（SIRIUS）の引用文デザイン変更方法

 

まずは上部メニューボタンより

『テンプレート』⇒『スタイルシート編集』と進みます。

 

 

そして、

スタイルシート編集画面の上部タブで『commonstyles.css』

を選択し下記コードの『{』と『}』の間のコードを変更していきます。

 

 

引用文（blockquote）のデザインは様々なデザインがありますので、

こちらのサイトで好きなデザインを選択して下さい。

（引用文の背景デザイン完全版　全5種類）

 

 

上記サイトで紹介しているコードの『{』と『}』の

間のコードを変更することで簡単に変更できます。

 

 

 

例えば一番上で紹介してます、『オードドックス』という

引用文を適用する場合は下記のようにコードを変更することで、

引用文のデザインを変更することができます。

 

 

 

引用文（blockquote）のデザインは地味な変更ではありますが、

こういったことを繰り返すことで、他のサイトと差をつけていき、

独自の魅力を持つようになります。

 

 

他にも様々なデザインを紹介していますので、

いろいろ試して自分好みのデザインにして下さい。

 

 

 

シリウスの全てのカスタマイズをまとめました。

 

シリウスの全てのカスタマイズをまとめました。

他の場所をカスタマイズされたい場合は

是非参考にしてみてくださいね。

 

⇒シリウス 【全カスタマイズ一覧まとめ】 HTMLテンプレート