【 CSS 】ブログでのコードの表示

コードを表示するときそのままでは見にくいとのこと。。。


そこで、以下のサイトを参考にcssを編集してみました。


アメブロ・preタグとcssで本文中にソースコードをきれいに表示


上記のcssを追加し、コードを書いてみます。

/* ■ Preタグ装飾■ */
pre{
font-family: "Courier New",Courier,monospace;
font-size: 1em;
color: #007000;
background-color: #fafafa;
border: solid 1px #bbbbbb;
line-height: 1.2em;
margin: 1em 0 0 0;
padding: 0.99em;
overflow-x: auto;
overflow-y: auto;
}

どうでしょうか
<pre><code>ここにコード</code></pre>
で囲んでみました。

べた書きするより綺麗に見えますね♪

www.logz.info の運営を開始！

ちょっとした小遣い稼ぎとWEBデザインやphpなどの技術を学ぼうと考え


ドメイン・サーバを借り、　http://www.logz.info/　の運営を開始しました！




現在提供しているサイト

2chまとめブログのまとめ

AKB48・SKE48・NMB48・HKT48のまとめ

ももくろのまとめ

ゲームブログのまとめ

これらのサイトでphpの技術を使用しています。




最初はJavascriptでRSSを読み込んでたんですが

Javascriptはサイトの閲覧者、つまりクライアントがRSSの読み込みを処理するものだということを知り、

閲覧者の閲覧媒体に左右されることが無いようにするため
サーバサイドでRSSの読み込みができるようphpに変更しました。


RSSの読み込み方などはまた今後紹介していく予定です。



以上！