zenbackのスタイルについて… :: デザインワークス・オンサイド

Web デザイン、インダストリアル・デザインやプロダクト・デザイン。

デザインワークス・オンサイド

weblog | 暮らしの中で見つけた素敵なモノとデザイン...暮らしの中で見つけた素敵なモノや日々のことなど、気ままにのんびり綴っています。

zenbackのスタイルについて…

July 17th, 2010

published 18:59
posted by nipper
no comments
no trackbacks
Tweet

先日の記事で、 zenback の JavaScript コードを貼った箇所より後ろに記述しないとスタイルの変更ができないと書きました。
で、気になったのでちょっと調べてみたら案の定、zenback の JavaScript コードのあとにスタイルシートを読み込んでおりました。（ jQuery も読み込んでいたのね… ）

それじゃぁ、いくらブログパーツのid／class構造とcssについてを参考にして、<head> 内に <link> タグで読み込ませてもダメですよね。

それと、zenback の『関連リンク』にある zenback を貼っているサイトの半分くらいが、zenback ニュースの表示がおかしい。
どこかというと zenback の『関連リンク』と『Twitter』に挟まれた緑色の矢印がグルッとひと回りしている部分です。
zenback のロゴと『NEW』のアイコンが重なっているサイトがあると思います。
当サイトもそうでした。
もちろん、本家のzenbackブログでは、ロゴとアイコンは重なっていない。

これも気になったので調べてみたら、おそらく表示のおかしいサイトは、ブラウザのスタイルをリセットするスタイルシートを使っているのではないかと…
リセット CSS と呼ばれているスタイルシートです。
そこで、