スタイルシートのカスタマイズをしてみた(1)

スタイルシートのカスタマイズをしてみました。

行ったカスタマイズはとりあえず2つ。
  1. 引用を目立つようにする
  2. コードをそれと分かるようにする
サーバから、CSSファイルをダウンロードして、そのファイルを直接編集することで行った。
管理画面から編集できればいいのにとおもいつつ。
やっぱ管理画面は重いから直接編集の方が楽でいいか。

引用を目立つようにするために、blockquoteタグについてのスタイルシートの指定を追加しました。
背景が水色になるようにして、濃い青の枠線で囲むようにしてみました。

コードについては、codeタグだけだと背景色や枠線がIEだと複数行を固まりとしてやってくれるのに対して、
Firefoxだと行でやってくれるという違いが。
IEとFirefoxだとcodeタグの扱いが違うんでしょうね。
htmlとかもう長いこといじってないので、こういうところに疎くなってしまった。

結局、preタグとcodeタグの2段構えとしました。

<pre><code>~~~~~</code></pre>

という形になりました。

preのほうに装飾指定しました。
薄い黄色で背景色を、暗い黄色(むしろ濃い茶色)で枠線を指定しました。
後は、preタグ(もしかしたらcodeタグ)で囲むと、改行されなくなっちゃうようなので、
ググって改行される指定を発見したので、それも指定しました。

とりあえず、ちょっとずつということで、また随時やっていこうかとおもいます
カテゴリ: ,

関連する記事

この記事に関連する記事は、0 件です。

トラックバック

このブログ記事に対するトラックバックURL
http://fakelife.info/mt/system/mt-tb.cgi/12

コメントする


画像の中に見える文字を入力してください。