livedoor クリップ用のUserCSSもUserstyles.orgにあげてみた
なんか最近こんなんばっかりやけど，これでひとまず自分で書いてて，かつ人様の役に立つかも知れないのは全部かなぁ．
2008/06/27 20:22 | CSS | トラックバック(0) | コメント(0)
AutoPagerizeしてるときに便利と思われるGoogle検索結果用User CSSを書いてみた
Userstyles.orgにあげてみた．
- Google Fixed Topbar and Multi Column and Numbering | userstyles.org
- Google Scholar Fixed Topbar and Numbering | userstyles.org
Google検索を少し見やすくするユーザースタイルシート - Liner Noteを見て，確かにAutoPagerizeしてると検索窓が流れてしまうのを直すのは良いな，と思った．ただ，個人的には検索窓の位置が右下に行くのが慣れることができなかったので，極力元のレイアウトを崩さずにヘッダ部分だけ固定してみることにした．
すでにUserstyle.orgにGoogle Search Fixed Topbarっていうのがあったので参考にさせてもらって，そういえばマルチカラム化するのも良かった気がすると思って，Google Multi Columnの内容も取り入れさせてもらった．あと，研究でGoogle Scholarも良く使うのでそちらにも対応してみた．ただ，Google Scholarの方は検索結果の要素がbodyの直下にあって，マルチカラムにする方法が分からないorz．
ちなみに，最近はオリジナルのAutoPagerizeの代わりにAutoPageLoaderを使わせて頂いている．次ページをロードするのにGM_XHRの代わりにiframeを使ってて，Google Imageにも対応できてたり，ソースもJavaScriptの割と新しめの文法(1.6からだったか1.8だったか忘れたけどorz）を使ってたりして，面白い．
2008/06/15 02:20 | CSS | トラックバック(0) | コメント(2)
livedoor クリップのUserCSSを更新
livedoor クリップがバージョンあっぷして少し見た目が変わったので，それに合わせてというか，自分の好きなように変えるCSSを作り直した．サイドバーの幅を広げて，見た目を調整して，適当にいらない部分を削る感じ．
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("clip.livedoor.com") {
/* コンテンツの左マージンを広げる */
#content {
margin-right: 300px !important;
}
/* サイドバーを広げる */
#right {
width: 290px !important;
}
/* サイドバーの背景画像削除 */
.side-normal-box,
.side-normal-box div,
.side-normal-box dl,
.side-normal-box dt,
.side-normal-box dd {
background: none !important;
}
/* 背景色とボーダーを指定し直す */
.side-normal-box {
background: #fafaff !important;
border-left: 1px solid #aaf !important;
border-right: 1px solid #aaf !important;
}
.side-normal-box dt {
border-bottom: 1px solid #aaf !important;
}
/* タグで探すのinputの幅広げる */
#tagsearch {
width: 200px !important;
}
/* タグをjustify */
#htmltagcloud {
text-align: justify !important;
}
/* タグにマウスオーバーをわかりやすくする */
#htmltagcloud a:hover {
text-decoration: underline !important;
background: #eef !important;
}
/* タグクラウドの色も変える */
span.tagcloud0 a {color: #88f !important;}
span.tagcloud1 a {color: #66f !important;}
span.tagcloud2 a {color: #44f !important;}
span.tagcloud3 a {color: #22f !important;}
span.tagcloud4 a {color: #00f !important;}
/* 広告消す */
#header,
#sideadbnrmember,
#sideadbnr
{
display: none !important;
}
}
2007/11/22 16:32 | CSS | トラックバック(0) | コメント(0)
livedoor clipのタグクラウドをちょっと変える
mixi日記を書き始めてからだんだんどうでもよくなってきたというか，1年ちょいやってみて「ブログってこんなもんか」ってのがだいたいわかったので，このブログを続けるモチベーションが下がり放題です．すでに，というかもとから更新間隔が適当な上にあんまり誰も読んでない気もするので，そのうち無期限更新停止になるかも知れません．
で，本題ですが，livedoor clipとlivedoor Readerの連携機能が実装されて結構便利なので最近はdel.icio.usだけではなくて，livedoor clipも使い始めています．今のところはlivedoor Readerで気になったのを片っ端からlivedoor clipに投げて，そこから厳選してdel.icio.usにブックマークするという面倒なことをしているのですが，livedoor clipがもう少しこなれてきたらdel.icio.usを辞めそうな勢いです．
で，全然本題に入ってませんでしたね．えーと，livedoor clipのタグクラウドがちょっとあれだったので，ユーザーCSS書きました．Firefox + Stylishで利用することが前提です．
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("clip.livedoor.com") {
#htmltagcloud {line-height: 1.2 !important;}
span.tagcloud0 a{color: #88f !important;}
span.tagcloud1 a{color: #66f !important;}
span.tagcloud2 a{color: #44f !important;}
span.tagcloud3 a{color: #22f !important;}
span.tagcloud4 a{color: #00f !important;}
}これでなんとなくdel.icio.usっぽくなる気がします．それにしてもStylishはすごく良いです．それなりにCSSの知識があればサイトを好みに調整できるし，あんまり言ったらあれですが広告消したりも簡単にできます．
2006/08/16 23:49 | CSS | トラックバック(0) | コメント(0)
IEバグの個人的まとめ
(X)HTML + CSSでウェブサイトを作る際に，最大の敵となるInternet Explorer(以下，IE)のバグについてまとまっているページをいくつか見つけました．
- CSSレイアウトの定石 WinIE6バグ回避法
- ずばりそのままのタイトルですが，CSSバグリスト＠CSSバグ辞典スレッドへのリンクも貼ってくれているので助かります．
- 7. 段組が崩れるのを防ぐ
- CSSによる段組（マルチカラム）レイアウト講座の基礎編の7項目です．前述のとかぶるところもありますが，チェックしておきたいところです．
- Explorer Exposed!
- 英語ですが，IEのバグをまとめて紹介しているところです．有名なバグには「Peekaboo Bug」など名前が付いているのがおもしろいところです．
特にIE5.5以前やDOCTYPEスイッチによるIE6.0の互換モードでは，インライン要素にwidth，heightを指定できるなど，かなり激しいバグがあるので注意が必要です．また，IE7 betaでも未だにxml宣言のあたりにバグが残っていたり，「 やっぱりIE7.0も窓から投げ捨てろ(リンク先も要チェック)」と過激なことを言う人もいる始末です．
最近では，IE以外のFirefox，Opera，Safariなどではほぼ仕様に準拠した表示をしてくれるため，よほど特殊なことをしない限り表示に大差はないのですが，最大シェアを誇る肝心のIEがはっちゃけているため困ることもしばしばです．また，自分がIEを使わずFirefoxやSafariを使う理由の一つはこのIEのバグの多さです．MicrosoftにはWindows Vistaがどーのこーのよりも先にIE7を完璧に仕上げることを頑張って欲しいものです．
2006/03/28 00:53 | CSS | トラックバック(0) | コメント(0)
