css

Amazon Quick Affiliateを早速使ってみた(カスタムテンプレートの改造も)

Inkscapeスーパーテクニック—無料で使える高性能ベクタードローツール (100%ムックシリーズ) (100%ムックシリーズ) (大型本)みたいに簡単につくれるGreaseMonkeyのようで。すごいなあ!ネタフルさん経由でした。 [N] 「Amazon Quick Affiliate 」Amazonアソ…

はてブのヘッダのCSSをはてダに移植した

現バージョンのはてブのヘッダっぽいものをダイアリーに移植した。 とっても簡単なので、興味のある人はぜひやってみてほしいですね。 CSSはこちらから! body { padding-top:21px; /*太いヘッダは66pxぐらい*/ } #simple-header { /*太いヘッダの場合はtabl…

奇妙に思えたサイト:el.jibun.atmarkit.co.jp

世の中には、奇妙な作りのあるものがたくさんある。そんなものをたまに見ることがあります。 たとえば、今見ていたこのサイト 下流から見たIT業界: IT業界のシュールな現実(2) このサイトは文字がかなり小さい。ディスプレイからちょっと離れているとつら…

「浜辺と海」のサイドバーを左にしてみた

公開中の「浜辺と海」ですが、思いついてサイドバーを左にしてみました。ものすごく簡単でした。 .hatena-body { margin: 0px auto; text-align:left; width:900px; left:0; position:relative; top:0; } /*---中略---*/ .sidebar { left:0; position:absolu…

inputタグのテキスト欄に画像を載せる方法

OpenIDのサイトを眺めていたら、面白いなーと思うデザインが ついついツイッターより引用しました。 何が面白いかというと、OpenIDを入力する欄に画像が貼ってあることです。入力する欄がどういうものかを理解させやすくなります。面白いです。 どうやって実…

Stylishを使ってp2.2ch.netをデザインしてみる その3

あれからまた弄りました。 bbs2chreaderのスキン、smorgasbordをパクった感じですw smorgasbord 見やすさでいうと微妙かもしれませんが、自分的は気に入ったかなと。 @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("p2.2ch.net") { …

Stylishを使ってp2.2ch.netをデザインしてみる その2

今度はヘッダーとスレのタイトルを弄った @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("p2.2ch.net") { body#read { font-size:85%; } body#read div#header { background-color:#F5AEAE; padding: 4px 6px; border-top:1px solid…