続々・ハテブのスタイルシート 今度は白黒でメリハリついてお洒落です。／追記
今度こそお洒落なのが出来ました。まだやってたのか！と驚かれたかもしれませんが。どんどん記述が長くなってる。
エントリーを押すとこのように下線が出ます。
■上記のCSS記述はコチラです(別ページに飛びます)[※1]
[貼り方]
こちらのページを開き「テーマ」を「指定なし」にします。次に、上記のCSS記述[※1]をコチラの「スタイルシート」の枠内にペースト(貼り付け)して下さい。
くれぐれも背景画像は俺の画像置き場から直リンしないでください。背景画像の貼り方はコチラの記事で説明したとおりです。
SleipnirとIEで動作確認して問題ありませんでした。Firefoxでは行間が開きすぎたり等・少々問題があるので、各々で微調整してください。文字色・背景色・リンク色などもお好みで変えてください。
黒背景も用意しようと思ったのですが、素材屋さんでイカした素材はほとんど白背景なので… 素材屋さんを利用する場合は白背景でキマリです。気分によって背景画像を変えると楽しいと思います。
疲れたにゃん。
-----------------------------------------
[追記]
Firefoxでタイトルとページの文字が重なる等の不具合は、ヘッダーに文字を何行か入れると直ります。Firefoxだと、少量のタグへ飛ぶとこうなるので、Firefoxを使う人は以下の記述を使ってください。
Firefox用に修正したCSS記述 BODYの外枠を消しました。IEで見ても問題ありません。
エントリーを押すとこのように下線が出ます。
■上記のCSS記述はコチラです(別ページに飛びます)[※1]
[貼り方]
こちらのページを開き「テーマ」を「指定なし」にします。次に、上記のCSS記述[※1]をコチラの「スタイルシート」の枠内にペースト(貼り付け)して下さい。
くれぐれも背景画像は俺の画像置き場から直リンしないでください。背景画像の貼り方はコチラの記事で説明したとおりです。
SleipnirとIEで動作確認して問題ありませんでした。Firefoxでは行間が開きすぎたり等・少々問題があるので、各々で微調整してください。文字色・背景色・リンク色などもお好みで変えてください。
黒背景も用意しようと思ったのですが、素材屋さんでイカした素材はほとんど白背景なので… 素材屋さんを利用する場合は白背景でキマリです。気分によって背景画像を変えると楽しいと思います。
疲れたにゃん。
-----------------------------------------
[追記]
Firefoxでタイトルとページの文字が重なる等の不具合は、ヘッダーに文字を何行か入れると直ります。Firefoxだと、少量のタグへ飛ぶとこうなるので、Firefoxを使う人は以下の記述を使ってください。
Firefox用に修正したCSS記述 BODYの外枠を消しました。IEで見ても問題ありません。
背景画像をちょっと不気味にしてみたよ。
http://www.geocities.jp/johnn3_0/hatena/marcosan.jpg
Firefoxでは何かと意図せぬ不具合があるので、、やっぱりネスケの流れを汲むだけあって、スタイルシートを弄るのが趣味の人からすればFirefoxはホント困ったちゃんというか… なぜそうなる？ってのが多いです。後でこちらにFirefoxの意図せぬ表示を修正するCSS記述を出す予定です。
いや、もちろん、まだまだ不完全な状態なので、、飽きたら却下してくれても俺はぜんぜん気にしません。また暇がある都度、俺もいろいろ試してみたいと考えています。
あ、ご存知でしたか？はてなの会社が用意したデザインでは、上から10番目にhatena-mondrianという奇抜なデザインもあるんですよね… うーん、はてなの会社はセンスが悪いなあと思います(俺が言うのもアレですが、、。
CSSの無駄な記述が多すぎるのですが、削除・整理せずにそのまま出しているので、文字サイズを小さく変更したりなど工夫して使ってください。背景画像入れなくても結構使い勝手は良いと思います。
戻る