おしゃれ(?)に引用するおまじない | 思ったことを思ったままに

思ったことを思ったままに

日々思ったことを思いつくままに書いてみようと思います。

需要があるかないかわかんないですが、今回は普段私がブログを書くときに、主に他のサイトに書いてあることを引用するときに使う、下の画像みたいなアクセントをつけるときに使ってるおまじない()を紹介します。$思ったことを思ったままに
お使いのブラウザによっては見え方が違うかもしれません、ごめんなさい。
プロとかそれクラスの人達から見るとあまりいいテクニックとは言いがたいんじゃないかと思いますが、見ていただいている方のご参考になれば。

最初のおまじない

ブログを作成するときのエディタ設定で、タグ編集エディタを使います。
マイページの左列にあるブログの『設定』をクリックして、
$思ったことを思ったままに

『タグ編集エディタ』を選択します。
$思ったことを思ったままに

記事を書くときまず最初に

まず、とにかくこれを記事のどこかに書いときます。
<style> .quote {line-height:1.2em; margin: 0.5em; box-shadow: 5px 5px 5px #aaa; border: 2px solid #000; border-radius: 10px; padding: 0.5em;} </style>

記事の先頭にあっても最後にあってもいいです。
後ろの方に置いとくのが書くときのじゃまにならなくていい感じな気がしています。

記事中の書き方

テキストを入れるだけならこんな感じで書き込んでください。
<div class="quote">ここに文章を書く</div>

『プレビュー』ボタンをクリックすると、こんなふうに見えると思います。
ここに文章を書く

画像も含むなら、こんなふうに。
<table class="quote"><tr><td>ここに文章を書いたり画像を置いたりする</td></tr></table>

『プレビュー』ボタンをクリックすると、こんなふうに見えると思います。
ここに文章を書いたり画像を置いたりする

そのはずです。

参考サイト

ご存知の人には釈迦に説法だし、あえて説明しようとすると私自身の習熟度が十分じゃないところにかなり分量を書く必要がありそうでちょっと書き切れないかんじなので、割りきって『どうしてこうなるのか』は説明してません。
お暇な方は、普段私がお世話になっているこれらのサイトをご覧になって下さいませ。 m(_ _)m