DigiPress

Highly Flexible WordPress Theme

メニュー
このCSSセレクタは「Attractive」、「Mature」のみで利用できる装飾ですが、将来廃止します。対象テーマでこの装飾を利用するには「詳細設定」から「後方互換」オプションを有効にする必要があります。
新しく追加された「ラベル表示用セレクタ」をご利用ください。

【廃止】Q&A画像表示用セレクタ

「?」マーク画像: qmark, qmark_lightblue, qmark_lightpink, qmark_lightorange, qmark_lightgreen, qmark_blue, qmark_pink, qmark_orange, qmark_green, qmark_yellow, qmark_red, qmark_grey, qmark_lilac, qmark_gold, qmark_silver, qmark_mocha, qmark_darkblue
表示例

capture 2014-07-01 23.37.07

Code
<p class="qmark">はてなマーク(規定)のアクセント画像</p>
<p class="qmark_lightblue">はてなマーク(ライトブルー)のアクセント画像</p>
<p class="qmark_lightpink">はてなマーク(ライトピンク)のアクセント画像</p>
<p class="qmark_lightorange">はてなマーク(ライトオレンジ)のアクセント画像</p>
<p class="qmark_lightgreen">はてなマーク(ライトグリーン)のアクセント画像</p>
<p class="qmark_blue">はてなマーク(ブルー)のアクセント画像</p>
<p class="qmark_pink">はてなマーク(ピンク)のアクセント画像</p>
<p class="qmark_orange">はてなマーク(オレンジ)のアクセント画像</p>
<p class="qmark_green">はてなマーク(グリーン)のアクセント画像</p>
<p class="qmark_red">はてなマーク(レッド)のアクセント画像</p>
<p class="qmark_grey">はてなマーク(グレー)のアクセント画像</p>
<p class="qmark_lilac">はてなマーク(ライラック)のアクセント画像</p>
<p class="qmark_gold">はてなマーク(ゴールド)のアクセント画像</p>
<p class="qmark_silver">はてなマーク(シルバー)のアクセント画像</p>
<p class="qmark_mocha">はてなマーク(モカ)のアクセント画像</p>
<p class="qmark_darkblue">はてなマーク(ダークブルー)のアクセント画像</p>
「Q」マーク画像: q, q_lightblue, q_lightpink, q_lightorange, q_lightgreen, q_blue, q_pink, q_orange, q_green, q_yellow, q_red, q_grey, q_lilac, q_gold, q_silver, q_mocha, q_darkblue
表示例

capture 2014-07-01 23.37.45

Code
<p class="q">「Q」マーク(規定)のアクセント画像</p>
<p class="q_lightblue">「Q」マーク(ライトブルー)のアクセント画像</p>
<p class="q_lightpink">「Q」マーク(ライトピンク)のアクセント画像</p>
<p class="q_lightorange">「Q」マーク(ライトオレンジ)のアクセント画像</p>
<p class="q_lightgreen">「Q」マーク(ライトグリーン)のアクセント画像</p>
<p class="q_blue">「Q」マーク(ブルー)のアクセント画像</p>
<p class="q_pink">「Q」マーク(ピンク)のアクセント画像</p>
<p class="q_orange">「Q」マーク(オレンジ)のアクセント画像</p>
<p class="q_green">「Q」マーク(グリーン)のアクセント画像</p>
<p class="q_red">「Q」マーク(レッド)のアクセント画像</p>
<p class="q_grey">「Q」マーク(グレー)のアクセント画像</p>
<p class="q_lilac">「Q」マーク(ライラック)のアクセント画像</p>
<p class="q_gold">「Q」マーク(ゴールド)のアクセント画像</p>
<p class="q_silver">「Q」マーク(シルバー)のアクセント画像</p>
<p class="q_mocha">「Q」マーク(モカ)のアクセント画像</p>
<p class="q_darkblue">「Q」マーク(ダークブルー)のアクセント画像</p>
「A」マーク画像: a, a_lightblue, a_lightpink, a_lightorange, a_lightgreen, a_blue, a_pink, a_orange, a_green, a_yellow, a_red, a_grey, a_lilac, a_gold, a_silver, a_mocha, a_darkblue
表示例

capture 2014-07-01 23.39.12

Code
<p class="a">「A」マーク(規定)のアクセント画像</p>
<p class="a_lightblue">「A」マーク(ライトブルー)のアクセント画像</p>
<p class="a_lightpink">「A」マーク(ライトピンク)のアクセント画像</p>
<p class="a_lightorange">「A」マーク(ライトオレンジ)のアクセント画像</p>
<p class="a_lightgreen">「A」マーク(ライトグリーン)のアクセント画像</p>
<p class="a_blue">「A」マーク(ブルー)のアクセント画像</p>
<p class="a_pink">「A」マーク(ピンク)のアクセント画像</p>
<p class="a_orange">「A」マーク(オレンジ)のアクセント画像</p>
<p class="a_green">「A」マーク(グリーン)のアクセント画像</p>
<p class="a_red">「A」マーク(レッド)のアクセント画像</p>
<p class="a_grey">「A」マーク(グレー)のアクセント画像</p>
<p class="a_lilac">「A」マーク(ライラック)のアクセント画像</p>
<p class="a_gold">「A」マーク(ゴールド)のアクセント画像</p>
<p class="a_silver">「A」マーク(シルバー)のアクセント画像</p>
<p class="a_mocha">「A」マーク(モカ)のアクセント画像</p>
<p class="a_darkblue">「A」マーク(ダークブルー)のアクセント画像</p>
「!」マーク画像: ex, ex_lightblue, ex_lightpink, ex_lightorange, ex_lightgreen, ex_blue, ex_pink, ex_orange, ex_green, ex_yellow, ex_red, ex_grey, ex_lilac, ex_gold, ex_silver, ex_mocha, ex_darkblue
表示例

capture 2014-07-01 23.39.57

Code
<p class="ex">「!」マーク(規定)のアクセント画像</p>
<p class="ex_lightblue">「!」マーク(ライトブルー)のアクセント画像</p>
<p class="ex_lightpink">「!」マーク(ライトピンク)のアクセント画像</p>
<p class="ex_lightorange">「!」マーク(ライトオレンジ)のアクセント画像</p>
<p class="ex_lightgreen">「!」マーク(ライトグリーン)のアクセント画像</p>
<p class="ex_blue">「!」マーク(ブルー)のアクセント画像</p>
<p class="ex_pink">「!」マーク(ピンク)のアクセント画像</p>
<p class="ex_orange">「!」マーク(オレンジ)のアクセント画像</p>
<p class="ex_green">「!」マーク(グリーン)のアクセント画像</p>
<p class="ex_red">「!」マーク(レッド)のアクセント画像</p>
<p class="ex_grey">「!」マーク(グレー)のアクセント画像</p>
<p class="ex_lilac">「!」マーク(ライラック)のアクセント画像</p>
<p class="ex_gold">「!」マーク(ゴールド)のアクセント画像</p>
<p class="ex_silver">「!」マーク(シルバー)のアクセント画像</p>
<p class="ex_mocha">「!」マーク(モカ)のアクセント画像</p>
<p class="ex_darkblue">「!」マーク(ダークブルー)のアクセント画像</p>