タイトルがよくわからんけど、
技術的な内容を書くときにターミナルの内容を
そのまま貼りたいって前々からおもてた。
どういうことかっていうと。
ライブドアブログのエディタに、そのままコピペすると
-----
# 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
]]>
