Pontasanの日記

FFXI、バイク、子供、スマホ、飲食。Twitterでは呟ききれない事を書いています(´ω`*)

ブログ用コピペ素材集(自分用)

こんばんは、ぽんたです。
技術がない自分用のコピペ素材です。
私にはOpen Live Writerを使いこなす技術はないようなので
HTML編集にコードをコピペして
直接使うという暴挙にでる事にしました(´ω`;)

挨拶文

こんばんは、ぽんたです。

<p>こんばんは、<a href="https://twitter.com/pon0341">ぽんた</a>です。</p>

参考にさせて頂いたページリンク

meipapa.hatenablog.jp

マーカー各色

<オレンジマーカー>

<p><span class="orange-marker">&lt;〇〇〇&gt;</span></p>

<レッドマーカー>

<p><span class="lightcoral-marker">&lt;〇〇〇&gt;</span></p>

<ピンクマーカー>

<p><span class="pink-marker">&lt;〇〇〇&gt;</span></p>

<イエローマーカー>

<p><span class="yellow-marker">&lt;〇〇〇&gt;</span></p>

<グリーンマーカー>

<p><span class="lawngreen-marker">&lt;〇〇〇&gt;</span></p>

<パープルマーカー>

<p><span class="parple-marker">&lt;パープルマーカー&gt;</span></p>

〇〇〇の部分に入れた文字にマーカーが入ります。

参考にさせて頂いたページリンク

meipapa.hatenablog.jp

2重線囲い

<div class="box5">
<p>〇〇〇</p>
</div>

〇〇〇

〇〇〇に入れた文字を2重線で囲います。

 参考にさせて頂いたページリンク

randamlife.hatenablog.com

超強調枠

〇〇〇

<div class="box13"><p>〇〇〇</p></div>

〇〇〇に入れた文字を青い枠で超強調します。

参考にさせて頂いたページリンク

saruwakakun.com

スクロールマーカー

<span class="marker-animation">〇〇〇</span>

〇〇〇に入れた文字に黄色のスクロールマーカーが。

<span class="marker-animation marker-blue">〇〇〇</span>

〇〇〇に入れた文字に青色のスクロールマーカーが。

<span class="marker-animation marker-green">〇〇〇</span>

〇〇〇に入れた文字に緑色のスクロールマーカーが。

<span class="marker-animation marker-orange">〇〇〇</span>

〇〇〇に入れた文字にオレンジ色のスクロールマーカーが。

<span class="marker-animation marker-lightcoral">〇〇〇</span>

〇〇〇に入れた文字に薄い赤色のスクロールマーカーが。

参考にさせて頂いたページリンク

meipapa.hatenablog.jp