模様替え

デフォルトにオプションを付け加えて使っていたのですが、見た目を変えてみました。
どこかのブログ・スペースを借りていれば、このくらい日常茶飯事なのでしょうが、どれも使い勝手が今イチ。
となると、自分でカスタマイズできる「sb」のありがたさが身に沁みて分かることに…。
動作は完全じゃありませんが、見切り発車します。(苦笑)
[2005/11/16 19:53 追記]
文字の設定が小さめです。
見づらいときは、ブラウザ側で大きくしてご覧ください。
[2005/11/17 14:00 追記][2005/12/01 18:10 更新]
取りあえずこれで打止め。
Firefoxでは、CSSをうまく捌けないようで表示が崩れます。
恐れ入りますが、それ以外のブラウザでご覧ください。
「ここを直せば…」というアドバイス、お待ちしています。_(._.)_

どうやら解決した模様です。ホッ。:-)
[2005/11/19 10:00 追記]
リンク色をグリーンに変え、白地に何種類かのグレーと黒、濃緑という好みの配色にはなったのですが、ちと寒々。
ってんで、blogの説明文だけ、UNIXで"crimson"と呼ばれる赤に。

Follow me!

模様替え” に対して10件のコメントがあります。

  1. nizake より:

    こりゃ、手の込んだことで。吃驚って漢字がぴったり
    の私の感想。

  2. Masamune より:

    >nizakeさん
    左下にあるボムガールさん作のテンプレートをそっくり拝借しただけ。
    http://bombgirl.sakura.ne.jp/sb/log/eid306.html
    オプション部分の修正はこれからボチボチ。

  3. Masamune より:

    FirefoxだとCSSが無視されているみたいですね。どうしてだろ?

  4. ken_taka より:

    Firefoxって、cssの読み込みにちょっとクセがあるみたいですね。
    とあるiBloggerも相当悩んでいましたが、なんだかいじり回しているうちに直ったとかで、具体的にどこをどうすればよいのかってのは掴みきれなかったようです(^^;

  5. Masamune より:

    >ken_takaさん
    あ、やっぱそうなんですか。どこかの宣誓分かなぁ。
    きちんと順序立てて学ばず、相変わらず見様見真似でやっていますから
    「何でこの記述が…」「この意味は…」と思いつつ、「まぁ、良っかぁ〜」ばかり。(^^;

  6. めけ。 より:

    こんにちは。
    私のサイトからDLしたファイルを直にUPしても(ようするに何もカスタマイズしていない状態)でもfirefoxでCSSは効きませんでしょうか?
    「firefox CSSが適用されない」で調べたところ
    http://mow2.netgamers.jp/sb/log/eid75.html
    上の記事がありました。
    これが原因かどうかはわかりませんが、参考にしてみてはいかがでしょうか。

  7. Masamune より:

    >めけ。さん
    わざわざお越しいただき、ありがとうございます。
    http://jigsaw.w3.org/css-validator/validator-uri.html
    でチェックしたところ、2箇所がエラーと診断されましたので当該箇所を修正したら、
    下記の警告は出るものの、正当なCSS文書とされましたが、
    残念ながらFirefoxの表示は相変わらずです。
    ご紹介いただいたエラーとは別の要因なのかも。
    こちらでももう少し調べてみます。ボチボチとですが…。(^^;
    ============================================
    行番号 : 110 (Level : 1) 指定された全面色(color)に対応する背景色(background-color)が指定されていません : a:link
    行番号 : 111 (Level : 1) 指定された全面色(color)に対応する背景色(background-color)が指定されていません : a:visited
    行番号 : 112 (Level : 1) 指定された全面色(color)に対応する背景色(background-color)が指定されていません : a:hover
    行番号 : 112 (Level : 1) 二つのコンテキスト ul#menu li a と a:hover で、同じ色が前面色(color) と背景色 (background-color) に使われています
    行番号 : 113 (Level : 1) 二つのコンテキスト ul#menu li a と a:active で、同じ色が前面色(color) と背景色 (background-color) に使われています
    行番号 : 113 (Level : 1) 指定された全面色(color)に対応する背景色(background-color)が指定されていません : a:active
    行番号 : 114 (Level : 1) 指定された全面色(color)に対応する背景色(background-color)が指定されていません : h1 a:link
    行番号 : 115 (Level : 1) 指定された全面色(color)に対応する背景色(background-color)が指定されていません : h1 a:visited
    行番号 : 116 (Level : 1) 二つのコンテキスト ul#menu li a と h1 a:hover で、同じ色が前面色(color) と背景色 (background-color) に使われています
    行番号 : 116 (Level : 1) 指定された全面色(color)に対応する背景色(background-color)が指定されていません : h1 a:hover
    行番号 : 117 (Level : 1) 指定された全面色(color)に対応する背景色(background-color)が指定されていません : h1 a:active
    行番号 : 117 (Level : 1) 二つのコンテキスト ul#menu li a と h1 a:active で、同じ色が前面色(color) と背景色 (background-color) に使われています
    行番号 : 134 (Level : 1) 指定された背景色(background-color)に対応する前面色(color)が指定されていません : div#container
    行番号 : 142 (Level : 1) 指定された背景色(background-color)に対応する前面色(color)が指定されていません : div#header
    行番号 : 173 (Level : 1) 指定された全面色(color)に対応する背景色(background-color)が指定されていません : div#header p
    行番号 : 231 (Level : 1) 指定された全面色(color)に対応する背景色(background-color)が指定されていません : div.entry div.entry_date
    行番号 : 347 (Level : 1) 指定された全面色(color)に対応する背景色(background-color)が指定されていません : div.profile div.profile_body
    行番号 : 384 (Level : 1) 指定された全面色(color)に対応する背景色(background-color)が指定されていません : div#sidebar dt

  8. ken_taka より:

    いや、cssの文法上の問題ではなく、置き場所やmime type っぽいような感じでした。
    ## 件のサイトはdot.macだったんですが
    link rel="stylesheet" href=・・・で指定される位置にcssがあっても読み込めなかったりとか。他のブラウザやWinでは全く問題なかったようなのに。

  9. Masamune より:

    >ken_takaさん
    うぅむ、そこまでのスキルはないッス。orz
    <link rel="stylesheet" href="{site_css}" type="text/css" />
    これをきちんと読めないのかなぁ。
    ちなみに、{site_css}を直リンクにしてもダメ。

  10. Masamune より:

    http://kanzake.com/blog1/log/eid437.html コメントに書いたように、
    CSSテンプレートの一行目にあった
    ===========================
    @charset "{site_encoding}";
    ===========================
    これが悪さしていたらしいデス。
    オリジナルにもありましたよね?>めけ。さん

コメントを残す