スタイルシートのカスタマイズをしてみた(1)
スタイルシートのカスタマイズをしてみました。
行ったカスタマイズはとりあえず2つ。
管理画面から編集できればいいのにとおもいつつ。
やっぱ管理画面は重いから直接編集の方が楽でいいか。
引用を目立つようにするために、blockquoteタグについてのスタイルシートの指定を追加しました。
背景が水色になるようにして、濃い青の枠線で囲むようにしてみました。
コードについては、codeタグだけだと背景色や枠線がIEだと複数行を固まりとしてやってくれるのに対して、
Firefoxだと行でやってくれるという違いが。
IEとFirefoxだとcodeタグの扱いが違うんでしょうね。
htmlとかもう長いこといじってないので、こういうところに疎くなってしまった。
結局、preタグとcodeタグの2段構えとしました。
という形になりました。
preのほうに装飾指定しました。
薄い黄色で背景色を、暗い黄色(むしろ濃い茶色)で枠線を指定しました。
後は、preタグ(もしかしたらcodeタグ)で囲むと、改行されなくなっちゃうようなので、
ググって改行される指定を発見したので、それも指定しました。
とりあえず、ちょっとずつということで、また随時やっていこうかとおもいます
行ったカスタマイズはとりあえず2つ。
- 引用を目立つようにする
- コードをそれと分かるようにする
管理画面から編集できればいいのにとおもいつつ。
やっぱ管理画面は重いから直接編集の方が楽でいいか。
引用を目立つようにするために、blockquoteタグについてのスタイルシートの指定を追加しました。
背景が水色になるようにして、濃い青の枠線で囲むようにしてみました。
コードについては、codeタグだけだと背景色や枠線がIEだと複数行を固まりとしてやってくれるのに対して、
Firefoxだと行でやってくれるという違いが。
IEとFirefoxだとcodeタグの扱いが違うんでしょうね。
htmlとかもう長いこといじってないので、こういうところに疎くなってしまった。
結局、preタグとcodeタグの2段構えとしました。
<pre><code>~~~~~</code></pre>という形になりました。
preのほうに装飾指定しました。
薄い黄色で背景色を、暗い黄色(むしろ濃い茶色)で枠線を指定しました。
後は、preタグ(もしかしたらcodeタグ)で囲むと、改行されなくなっちゃうようなので、
ググって改行される指定を発見したので、それも指定しました。
とりあえず、ちょっとずつということで、また随時やっていこうかとおもいます
カテゴリ:
MovableType
,
サーバ管理
トラックバック
このブログ記事に対するトラックバックURL
http://fakelife.info/mt/system/mt-tb.cgi/12
コメントする