#wordpress まとめ オレオレチートシート一覧

Table of Content

いつも探すので、面倒くさくなってチートシート化して管理する事にしました。
本来はこういったものは非表示とかにしておくんですが、せっかくなので公開。

なお、記事を書く際はマークダウンで書いているので、デザインが必要なものはすべてCSSに投げています。

情報アイコン

インフォメーションCSSと背景画像だけで実装しています。
チェックこれらのアラートのどれかを基点にして、必要な項目を上書きしています。
警告従って、どれかを初期値として指定する必要があります。
エラーCSSは上から順番に実行されるため、初期値より上に上書き値を書くことはできません。

ソース

<div class="alert info">
<span>インフォメーション</span>とりあえず見ておくやつ
</div>

<div class="alert accepted">
<span>チェック</span>安心するやつ
</div>

<div class="alert warning">
<span>警告</span>ひょっこり出てくるやつ
</div>

<div class="alert">
<span>エラー</span>出てきてほしくないやつ
</div>

ヘッダーソース

https://phpjavascriptroom.com/?t=css&p=cssdesign_exclamation

LINEのフキダシ

Word Balloonを使ってます。

ユーザー(自分)のフキダシは顔アイコンを非表示にします。
スポンサードリンク
のむらや
私のフキダシは顔アイコンを表示します。
<div class="line_background">
ユーザー(自分)のフキダシは顔アイコンを非表示にします。
私のフキダシは顔アイコンを表示します。
</div>

シェアする