css

20 Pandaについて

css

h2部分を無駄に消していたのを忘れていた. 直したい場合は, .day h2 .title {display: inline;} で.

20 Pandaコメント欄続報

css

はてなの方から返信来たのでどうにかなると思います. 勝手にコメント本体の色も#ddd→#d0d0d0と変更しているのだが, それはまぁいいか.

20 Pandaのコメント欄

css

デザイン変わってしまうけれども, これが一番マシかなぁ. 元々あのデザインだと名前が長すぎるときにコメント本体と被るという問題があったので, ついでに直すという意味も込めて. IE6, 7で吹き出しが大量に発生してしまうという問題があったので, inline-bl…

20 Panda

css

久しぶりにテーマの話. そういえば2段表示に対応していなかったと思い出して, 20 Pandaを直した. 21 Prismの方だと対応しているが, sanchorを消すという仕様になっている. 22 Ephというのを考えているが, 絵書き次第である. 23 Codもあるかもしれないが, 例…

21 Prism

css

公開デザイン「21 Prism」に投げた. 黒背景は落ち着くことよ.

16 fungus-revised

css

公開デザイン - 16 fungus-revisedに投げた. 番号が801.

デザイン変更

css

b:id:smoking186と合わせた. 短文派の俺には向かないのが難点だ. 公開した→公開デザイン 「20 Panda」 また後で直す.

『実践Web Standards Design』買った

css

実践Web Standards Design―Web標準の基本とCSSレイアウト&Tips作者: 市瀬裕哉,望月真琴,福島英児出版社/メーカー: 九天社発売日: 2007/02メディア: 単行本購入: 3人 クリック: 112回この商品を含むブログ (59件) を見る 買った. 分厚いよ(;´Д`)一箇所不味い…

body {margin:0;padding:0;}

css

CSS(スタイルシート)でbodyに設定しておくと便利な5つのポイント - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記 はてなブックマーク - CSS(スタイルシート)でbodyに設定しておくと便利な5つのポイント - デザインウ…

メモ

css

昔のパンダを引っ張りだしてきて修正中. 画像作成者の許可が出たらテーマに投稿するかも. 両端に濃い目の色を置いて締めたいのだが, IE6で上手くいかないので放置中. div.bodyのwidthを固定してやりゃ上手くいくんだけどねぇ. コレクション詳細はいつも引っ…

ring

css

今のb:id:smoking186 IE6で「お気に入り詳細」と「コレクション詳細」が上手くいかないため, テーマ化取りやめ. コレクション詳細でマークアップが変わっていたので, g:css:keyword:はてなブックマークの構造を修正. いつ変わったんだか.

:first-letter問題

css

hxxk.jp - IE 7 と Firefox 1.5.0.7 と Opera 9.02 の擬似要素の取り扱い 徒書 - IEは擬似要素に全称セレクタをマッチさせているように見える spanを入れてみると, IE6でもfont-sizeが全称セレクタで指定した部分が変な風に利いてくる. Firefox2.0 Opera9.00…

insとdelに関するtips.

css

はてなアイデア - 「追記記法」がほしい。追記部分にそれっぽい装飾を施すのと、追記した時刻を表示する。 コメント欄にも書いた. 子供セレクタが使えないので*1, いろいろ頑張っている. 使用する場合は, 本文 ><ins>< 追記部分 ></ins><で. IE6って子供セレクタ対応し…

tango, revisted

css

グループにログインしようとして何故かg:tikedaに飛ばされて気付いたんだが, テーマサンプル:「hatena_tango」と被っている気がしてきた. ベースとなる色はこっちの方が暗いだけか. まぁ向こうの方が色数多いから, 落ち着いた感じにして調整すれば, 被りも…

紫系

css

茶色で作るつもりが, 何故か紫に. 例によって, 背景画像はBackground Image Makerのお世話になる.

だからはてなブックマークのhtmlは(略

通常時(/) h2 詳細(/?mode=detail) h2 お気に入り(/favorite) h2.title お気に入り詳細(/favorite?mode=detail) h2.title コレクション(/asin) h2 コレクション詳細(/asin?mode=detail) h2 たまーにg:css:keyword:はてなブックマークの構造をメンテしてたり…

色の話

css

div#mainの背景色はrgb(255,255,255)で, p.sectionfooterの背景色をrgb(251,251,255)にする. 右端の方にrgb(60,60,120)やrgb(120,60,120)な文字が固まっている. その所為か, 左の方は白に右の方はちょっと濃い目の白青にとグラデーションが付いているように…

こんなんで宜しいかしら?

css

d:id:catfrog:20060324:1143208315 h4 テスト. ご要望と形が違いますが, まぁそれは俺の趣味の問題ということで. 今から細部を詰めます. #archiveや#profileを直さないと. 芸風が某神岡さんのテーマ (DeltaやNabla) に近いのが, アレ. →提出. question:11431…

Hatena Header Web2.0 Ver.

css

一発ネタ. Background Image Makerを使ってます.

印刷用に

css

http://d.hatena.ne.jp/m-hiyama/20060320/1142815498 font-sizeは適当にやるとして, a:link:afterに以下をお勧めします. a:link:after { content: "(" attr(href) ")"; font-size: smaller; }

fungus

css

いい加減纏めるかと思ってabout, archive, editを見直した. そろそろ送る. archiveのところで, b要素を発見したりh2の子要素のformを発見したりして凹んだ. ideaに出てるかなぁ. 変な風にポイントを使ってしまったので, 今手持ちが無い.

<del datetime="2005-12-21T23:54:52+09:00">か</del><ins datetime="2005-12-21T23:54:52+09:00">id:disable</ins>さんへ

css

はてなブックマーク - gobbledygook - いや、それは正常です。のコメント欄を見てどうしてそうなんだったか忘れていたけれども, question:1120718634を見て思い出した. :afterや:beforeで追加した要素は, その子要素になる *1. p:afterならp要素から全部受け…

書き換えた.

css

有料オプション使ってないと意味が無いデザイン. IEとOperaはどうしてserifなのに明朝を使ってくれないんだろう. どうしてIEはアルファチャンネル付のpngに対応してくれないんだろう.

私は「ブログ」も閲覧しているが、「はてな」や「ココログ」等のウェブサービスでは、ユーザスタイルシートを使うと「段組みレイアウト」が崩れて、「コメント」「トラックバック」「最近の記事」「カレンダー」「おとなり日記」とかの部分を全てスクロール…

テキスト汚し

css

Khmerang.com - CSS-Technique: Worn Type ブックマーク経由で見た. ただhtmlが <h2><span></span>Worn Text</h2> と空spanが入って気持ち悪い. 更に, はてなでは使えない. はてなで使えると言うと, <h2><a href="#">Worn Text</a></h2> 位だろうなと思って色々試してみた. h2とその下のaをz-indexで順番を入…

<a href="http://kerryl.blogsome.com/2005/11/25/i-might-have-been-on-the-wrong-side/">for brax</a>

テーマ化したいという発言があり, なぜか俺のidが出ていて, こちらとしてもお気に入りユーザーとして楽しませてもらっているので, CSSを書き直してみた. 感想としてははてなのCSSの書き方が謎. 全角スペースを使っているのも謎. インデントが半角スペースとt…

Wavy-Blue

b:id:smoking186みたいな奴. 液晶で見ていると角度がずれるだけで, 急に読みづらくなるので薄青に黒は変えた方が良さげ. 角丸のジャギも気になるのでもうちょっと詰めよう. 暇になったら (12月過ぎ) 更新版を送るかも. ついでに赤・緑・黒辺りは作るかなぁ. …

g:pico:id:chepooka:20051107#1131332325 d:id:bellbind:20051109:1131549679 最初に見たときに思ったのが、画像無断呼び出しと同じではないかということ。しかも他のサイトの画像を<img src="">で呼び出すアレ。 一番いい対策は、cssを酷いcssで上書きしてやれば一番い…

cssを直してみよう

css

id:kiyohero:20051028:1130487094のCSSを直してみる。 元ネタはid:Yuichirou:20051029#1130558256のツッコミから。俺が書き直すと以下。同じCSSでも書き方が変わってくるので、色んな人が書き直すといいと思いました。あの人とかあの人とかあの人とか。 書き…

16 fungus

css

d:id:Booker-T キノコってfungusよりmashroommushroomの方がいいんじゃないかと思いながら作った。幅固定に納得がいかないが、まぁいいか。 大体こんな感じで後は細部を詰める。

試作

css

どちらがいいか悩んでいたが、兄弟という設定にすればいいのか。問題は、一見しただけでキノコと分かる雰囲気が足りないこと。

HB 06 修正

css

b:id:smoking186 div.header下のh2を角丸にする方法を思いついたので実行。 div.headerをとりあえず青背景にして右にmarginを20%。div.headerで右上の角を丸めておいて、h2で右下の角を丸める。その後、ul.bookmarkinfoを白背景にして、右側のmarginを負にし…

HB 06

css

b:id:smoking186 とりあえずコレクション以外は作った。 はてなブックマーク - はてなブックマーク - 186@b 186.bz - hatena - css 両方とも同じ内容。ただ後者の方が大きい画像へのリンクあり。 cssの内容は、g:cssで書いた覚えもあるな。

css

186.bz - hatena - css まぁブックマークのcssの展示場ということで。借り物ばっかりという事実。自分で一から作ったのってRingだけ(藁 そういえばβ時代と構造が変わったから02は直せるな。直すかな。

05 Ephedrina

css

某スクリプトを回している間に手が空いたので、ヱフェドリーナさんのテーマを作った。ぶっちゃけパンダの流用。 →b:id:Booker-T

はてなブックマークの<a class="okeyword" href="g:css:keyword:CSS">CSS</a>を書き直した。

css

?Bをネットジャンキー以外の人に広める為の俺の一番の要望わ「かわいいテーマ」をもっと用意して下さい、ってとこだし。コスメ最強。 ということで、作ってみたのが、04_Panda(b:id:smoking186)。絵は煩(@id:bon)製。昔themeグループ(g:theme)で作ってまだ送…

Ring

css

b:id:smoking186で使っているringをダイアリーの方に移植。 Win+IE6はしばらく放置。多分width関係が悪さをしているのだろう。sidebarのズレを直すだけか。

seesaaのアレ

css

ノートぽい奴。なぜかfirefoxでh1以下の背景画像が消える。見辛くてかなわん。 htmlの構造はこんな感じ。 body #container #banner h1 span.description #links-left #content #footer #containerの幅を決め打って、#bannerはそのまま。 #links-leftと#conte…

習作。

b:id:smoking186 dt.bookmark aのmarginを負の値にすることを思いついたのでやってみた。やっていることはQuirkyに似ている。もっと画像に凝ればいいんだが。WinIE6とFirefox1.06でしか確認していないので地味に画像がずれてるかも知れないな。

qualm

css

んー、カレンダーはtemplateをhatena-moduleにすると間が悪いな。つぅか修正しなくちゃいけないじゃないか。あと、リストの入れ子に対応して無い気がする。 本当は背景画像をちゃんと作って影とかつけて透明感を感じさせるデザインにしようと思っていたのに…

to id:canarycat:20050726:p1

css

えーと h3 a:first-child {text-decoration:none;}だから、 <h3><a href="#">■</a> <a href="#">none</a> <span><a href="#">underline</a></span> </h3>この場合、■とunderlineに下線が引かれるのが正解かと。子孫セレクタだから孫要素だって指定しちゃう筈。 はてな的には h3 a:first-child {text-decoration: none;} h3 * a:first…

メモ代わり

themeフォルダの中を久しぶりに見て、10は良いなと思ったので提出する予定。IEで斜め線が上手く出ないのが直らない。background-positionずらしてみるか。というかHatena_Simple-*と被らないようにしないといけないのか。あ、日付画像のフォントがGeorgiaだ…

んー、直で言った方が早いんじゃないかな。 ということで土屋さん(id:chepooka)へ。 デザイン「Choochoo」で「|」表記のテーブルを作成すると、表の背景が真っ黒になって正しく表示されない。

はてなブックマーク第二弾 パクリシリーズ

b:id:smoking186 ↓ えー、a:id:bmpということで宜しくbmp氏 (id:bmp)。 渋谷系 2005/06/12 ちゃっかりCSSということで実はa:id:yukattiが元ネタだったというオチ!(ゆかっちさん(id:yukatti)へリンクし直し)

ブックマーク用適当テンプレート

なんでdiv.bodyの中にdiv.headerがあんの、とツッコミながら。 サイドバーを付けてみる その1 ヘッダ - なし フッタ <div class="sidebar"> <hatena 〜> </div>CSS .body { position: relative; top: 0px; left: 0px; } .breadcrumbs, .header, .pager, .favoritelist, .bookmarklist { margin-left…

はてなブックマークのCSS指定

<link rel="stylesheet" type="text/css" href="/smoking186/style?mode=user">こんななんですよ。ってことはいずれid=nとか指定したくなるじゃないですか。ユーザーがcssを保存出来て、かつ、それを選べるようにしてるんじゃないかなー、と勝手に思っていたり。</link>

ほら段々

b:id:smoking186が俺ニュース風に見えてくる。嘘です。もうちょっとどうにか調整したいんだけどなー。

13直した

css

えーと結局bodyの端から50pxマージンを取ることにして、WinIEだけhead+bodyに対応してないことを利用して.sidebarのrightプロパティを弄った。widthの指定をなるべく排除したので、多分Safariでも大丈夫。MacIEがちと不安だが。 背景画像をjpgにしたらサイズ…

IE7が出たら

もうWin2000orXPのみにしぼっちゃってIE5.5以前を無視して、DOCTYPEスイッチを使って全部Standardモードで解釈させるようにはなりませんか。Opera7以降がQuirkモードなのが非常に痛い(例:NegativeMarginを使っているid:chepookaのOperaでのずれっぷり)。

なぜかOperaで

css

Opera8.0enでなぜかsidebarが右上に飛び出る件について。何が起こったのか良く分からない。とりあえずCSSを元に戻しておく。