タイトルがよくわからんけど、
技術的な内容を書くときにターミナルの内容を
そのまま貼りたいって前々からおもてた。


どういうことかっていうと。
ライブドアブログのエディタに、そのままコピペすると
-----
# ls -la
total 8
drwxr-xr-x 2 root root 4096 Aug 29 13:34 .
drwx------ 40 sunny sunny 4096 Aug 29 13:33 ..
-rw-r--r-- 1 root root 0 Aug 29 13:34 file01
-rw-r--r-- 1 root root 0 Aug 29 13:34 file02
-rw-r--r-- 1 root root 0 Aug 29 13:34 file03
-----

となってしまうのが

# ls -la

total 8

drwxr-xr-x  2 root  root  4096 Aug 29 13:34 .

drwx------ 40 sunny sunny 4096 Aug 29 13:33 ..

-rw-r--r--  1 root  root     0 Aug 29 13:34 file01

-rw-r--r--  1 root  root     0 Aug 29 13:34 file02

-rw-r--r--  1 root  root     0 Aug 29 13:34 file03
みたいにカッコよくなる^^ しかもテキストで！！
(配色は完全に B★RS を意識♪)


ブログエディタで <pre>〜</pre> で囲えばできたんだけど、
どうも自分好みじゃなくて、カッコ悪かったですよTT


で、どこを変えたかっていうと、
ブログ設定 -> デザイン"カスタマイズ" -> スタイルシートタブ で
blockquote

, pre{

	border-top:1px dotted #575757;

	border-bottom:1px dotted #575757;

	padding:17px 10px;

	margin:17px 0;

	text-align:left;

	color:#ccc;

}
の部分を
blockquote

, pre{

        background-color: #000000;

        font-size: 85%;

        font-family: Terminal,monospace;

        line-height: 15px;

	margin:  7px 0px;

        padding: 7px 5px;

	text-align:left;

	color: #3399cc;

}
に変更してさらに
pre br {

  display: none;

}
を末尾に追加しました。

ポイントは等幅フォント指定★
(font-family: Terminal,monospace;)の部分。

最後のは、ブログの設定で "改行を反映する" としていた場合
preタグ内で改行が有効になってしまうのを、防ぐ役割death。

あとはテキストをそのまま表示させたい部分を、
<pre>〜</pre> で囲えばOK。


コーダーさんなんかは、こんなんちょろいと思うとまじすげぇｗ
今回CSSの仕組みが、ちょろっと分かってよかた。

うっしっし


o 参考にさせて頂いたサイト
http://www.htmq.com/style/index.shtml
http://blog.livedoor.jp/loopus/archives/50216173.html