CSS
昨日の はてなブックマークのエントリページを旧UIみたくするユーザースタイルシート - SO NOTE そうのて (；^ω^) の修正エントリー。ユーザースタイルをdomainで適用させるのではなく、url-prefixで適用させる様に修正しました。本当は昨日のエントリーに追…
タイトルがひど過ぎて何の事言ってるのかさっぱりわからないので、画像で説明。リンクにオンマウス(hoverですね)すると、↓みたいな▽が出たりするヤツ。たまにみる。それを画像を使わずに実現する。 ソース cssを少し変更しました。 floatで横並びにしてたの…
やはりというか、もう既に効かなくなってます。@namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("www.google.co.jp") { #sbl a, #fctr a { color: #1111CC !important; text-shadow: none !important; } #fctr p { color: #000 !impor…
人力検索はてなのユーザーインターフェースを使い易くするユーザースタイルシート - SO NOTE そうのて (；^ω^) のエントリでのヤツ、表示が崩れてたので少し修正した。よければ HQ_Reviewer | Userstyles.org からどうぞ。
追記css3で採用された::selection擬似要素を使えば出来るのか。ふむふむ。 selection擬似要素はcss3から外されたとの事。っつー事で、Firefoxでのみ有効です。 via http://www.tagindex.com/cgi-lib/q1bbs/patio.cgi?mode=view&no=4248 ::selection { backgr…
人力検索はてな*1って、最新の回答がスレッドの最下部に表示されるため、回答を書き込むテキストエリアがどんどん下送りされて、ページの最下部から最上部へのスクロール操作を繰り返す事になりがち。 という事で、人力検索はてなの質問文ボックスを固定表示…
Firefoxだと、-moz-border-radiusなる独自拡張*1されたスタイルを適用させる事によって、↓みたく、角丸のボックスのを簡単に作れるんですね。 Firefoxな人には角がまーるく見えてます。今度のグリモンにはこのスタイルを適用させてみよう。 *1:CSS3でもborde…
要素を透明/不透明化させるjavascriptのライブラリみたく、cssのopacityを弄って 背景色を濃くしたり、薄くしたりしてみた。 ソース <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> </meta></head></html>
Dynamic Drive CSS Library- SuckerTree Vertical Menu (v1.1) - CSS Library 階層化もすごく簡単。他にもタブメニューとか色々使えるのが置いてあるし、 デザインも自分好みでいい感じ。
覚え書き。 ってか、またもやこの程度知らなかったのかって感じ。ホント情けねぇ… bodyの背景色を変える document.getElementsByTagName('BODY')[0].style.backgroundColor = "#00f"; これはさすがに知ってた(；^ω^) bodyの背景色を取得する 取得も同じ様に…
いつまでかかるのかわからない実験部屋のリニューアルですが(；^ω^) 新しいのはメニューバーを左サイドに据えてまして。 で、そのコンテナのposition属性をfixedにして、表示位置を固定させてるんですが、 この方法でやると、よくあるフレーム使った 左側フ…
先日、いつもの様にWebを彷徨ってたところ、 http://gihyo.jp/design/serial/01/ss-design/0010 でCSS Spriteなるテクニックが紹介されてた。 このテクニックを使う方法で自分が思いついたのは、スロットマシンのリール。 早速試してみた。 ソース <html lang="ja"> <head> </head></html>
一つの要素に対して複数のクラス名セレクタを適用させたい時は、 適用させたいclass名セレクタを、間にスペースを空けて連ねて書けばOK。 例えば、cssが .hoge1 { background-color: pink; } .hoge2 { width: 100px; } で、更に背景色がピンクで幅が100pxな…
使えそう htmlとcssだけで展開型メニューが出来ます。 http://aplus.co.yu/adxmenu/examples/vlr/ これのいいところは、階層制限が無くて、ソース修正も容易なとこ。 ただ、IE6はcssの疑似クラスが使えないので、↑のだけでやろうとすると、 +javascriptって…
