Top    

iBlog 引用の囲い込みをする方法 with inyo君


ここ最近何人かの方から質問をいただいたのでエントリしておきます。
これについては、いろいろなところで取り上げられていますが
一応ここにも書いておきますね。

iBlogに限らず使える方法です。

引用の囲い込みとは、
引用しちゃうぞ!引用しちゃうぞ!
引用しちゃうぞ!引用しちゃうぞ!

<blockquote>を使ってこんなふうに囲むことが出来るものです。

まず、スタイルシートに以下を記述します。

.blogbody blockquote {
color:#666666;
font-size:11px;
background:#E8F9FF;
margin-right:auto;
margin-left:auto;
padding:10px;
border:1px dotted #ccc;
}

カラーやサイズなど適当に修正して下さい。

エントリー内でコードを書きます。
<HTMLCode>
<blockquote>
引用しちゃうぞ!
</blockquote>
</HTMLCode>

<>は全角になっています。半角に直して下さい。
<HTMLCode>は左端に付けて、1行使うようにして下さい。

(iBlog以外では <blockquote>〜</blockquote>だけでいいです。)


そのまま書いたのでは芸がないので
囲い込み自動作成ツール「プチわく」を作ったので使ってみて下さい。
入力欄にテキストを入れてボタン一発でコードをごとはき出します。

プチわく設置ガイド

プチわく公開版 inyo君1号

Posted: Wed - March 3, 2004 at 09:41 AM