パスワードを忘れた? アカウント作成

Oliver (4) の日記

2004 年 01 月 07 日
午前 03:52

新日記テーマのCSSを外部化

新しい日記テーマに使われているCSSを外部のCSSファイルに追い出した。これでデータ量の削減だけでなく柔軟性も確保できたはずだ。また、ユーザスタイルシートや自動処理用のデータ抽出も共通のルールでできるようにクラス名を統一して、場合によってはspanを追加して範囲を狭くしたりした。例えばタイトルのclassはjournaltextだとか、日付はjournaldateだとか。

元から(特にliquidで)蚊帳の外だったCSS未対応ブラウザや新しいブラウザにとっちゃ、レイアウト的な見た目的の変化はないはず。たぶん。きっと。たのむから。この外部化で影響を受けるのは、4.x世代ブラウザのユーザだ。NN 4.xは@importの使用で疎外される。ナビゲーションメニューの時と同様、変なCSSを踏むとクラッシュすらするブラウザの運命だと思ってください。m(_ _)m。 IE 4.xはclass="journal liquid"みたく複数のクラスを指定するのに対応しいないため、仲間外れとなる。でも、その利用者はNN 4.xユーザの更に数分の一しかいなかったりする。どちらの場合にしても、スタイルシート未適用でも、日記がちゃんと読めるレベルでのCSSはstyle属性で直接指定してあるので、大丈夫なはず。

ついでに、slashdotjpテーマで友達認定している人の各エントリについてた「縁を切る」をあまりにも不評だったのでカット。軽々しく絶交するものではないのでキツめの言葉を選んだのがウケなかった? 絶交はこれまでとおりに「友達」メニューからどうぞ。

最後にどうしても「縞々うぜぇ」という人は、ユーザスタイルシートで.liquid .journalentry { background: #e6e6e6;}とでも指定しちゃってくださいな。もしくはquery stringにてtheme=slashdotjpなどをつけることにより、読み手がテーマを強制指定できる裏技を使うか。新日記テーマのデバッグ用に追加した小技なので、light=1と同様の裏技扱いということで、よろしく。

新日記テーマ、これで完成だと望みたい。明日から休み明けでこの年末年始ほどの時間はとれなくなるので。

この議論は賞味期限が切れたので、アーカイブ化されています。 新たにコメントを付けることはできません。
  • by torly (3670) on 2004年01月07日 10時53分 (#467187) ホームページ 日記
    div.journalcomment a:link { color: anycolorexceptblack ! important }
     または、
    div.journalcomment a:visited { color: anycolorexceptblack ! important }
     も。

     未訪問と既訪問の文字色が一緒なのって気にならないものなんでしょうか?
     それともみんな日記にコメントなんて付かないし、人の日記に書こうとも思わないのかしらん。

    • はーい!
      ぜんぜん気にならない派ですね(^^;
      # と挙手だけしてみますた
      --
      -- ラテール部参加者募集中
      親コメント
    • by Oliver (4) on 2004年01月07日 17時13分 (#467477) ホームページ 日記
      なんか良い色の案あります? ボタンの色を決めた時、とりあえずコントラストがはっきりする黒にしたままです。見やすい案があれば変えるのはやぶさかではないです。

      # 自動解析用にあれば便利なこととかもあったら、要望お待ちしております。
      親コメント
      • はじめまして。CSS追い出し作業、お疲れさまでした。楽しい記事が読めておまけに日記が書けることに大変感謝をしています。

        torlyさんの提示しているCSSコードがどこのファイルで定義しているのか見つからないのですが、linkとvlinkの色指定の話をされていて、近傍でかねてから改善をお願いようか逡巡していたことがありますので、ぶら下げてコメントを書きます。
        # CSSがどこだか教えていただけますか。slashdot.cssやslashdot.journal.cssは見たのですけれど。

        CSS指定で他がどうなっているかわかりませんのでBODYタグでの色指定についてになります。

        11セクションいずれでもtextとvlinkおよびalinkの三カ所が黒、linkがそれぞれのセクション用カラーになっています。三つのlinkの色指定を黒以外で別々にしていただけないでしょうか。link色指定はセクション用カラーでもちろん構いません。

        • vlinkについて
          vlinkがリンク以外のテキストと同じ黒ですと、この二つの区別は下線の有無になります。非常に私的な環境に基づくお願いなのですが、下線が付いているとアルファベットが線に食い込んで文章が読みづらくなる、時に誤読の原因になるために私はリンクに下線を引かないように設定しているので、vlinkと地のテキストを見た目で区別することができません。
          # 幸いにもリンクのお尻にブラケットでサイト名が入ることが多いので、助かっています。

        • alinkについて
          alinkは、ユーザーにリンクをクリックしていることのフィードバックを与えるために、指定できる規格だと想像します。
          # どこかで読んだはずなので、ソースを探しています。w3c.orgかNetscapeのDevCenterだったかと。

          ここに集まる人たちにマウス操作がおぼつくような人は皆無でしょうが、だからといって、せっかくのフィードバックを殺してしまうのは、勿体なくはないでしょうか。

        vlinkとalinkどちらに関してもソースが示せない/私的環境が原因で他人を説得するには、根拠薄弱に思っていましたので、sf.jpでリクエストすることも無く一年半近くたちました。自分でもそれ(薄弱)なのは、承知しています。ただ丁度手を入れていらっしゃる最中で、書き込むきっかけのtorylさんのコメントもありましたので、書きました。

        長々ですみませんが、どう思われますか。よろしくお願いします。

        親コメント
  • これって文言がおかしいかもよ。

    ------------------------
    お別れ
    ------------------------

    わかった。ただ、縁を切る前に一度、本当に**** (******)と決別するのか問いたい。

    [ はい、友達にしたいです ]

アレゲはアレゲを呼ぶ -- ある傍観者

処理中...