css

試作

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を元に戻しておく。

Mac+IEの方

css

ちゃんと見えてますかしらん。確認できる方、お知らせ下さい。 Safariはたぶん、大丈夫……かなぁ。h1辺りが怪しそう。

アップデート

template.cssを久しぶりにアップデート。疲れた。

こっちを黒に、でcssグループの方を白に。

css

黒赤と白青で2テーマ纏めて作る心算ですよ。cssもそれようにちゃんと構造と色を分離してみたし。結構面倒臭いね、分離するの。一回作ってしまってから分けた方が良かった。 あー、しかし黒背景は心が落ち着く(藁 目にも優しい。

資料が出来たらcssも出来た。

金曜日に読み始めた論文が興味深かったので紹介することにして、土日と資料を作っていたら、テーマも一つ形になった。 186(css)の方に置いておく。IE未対応(藁

テーブルに罫線を付けたい人へ

なんかそこかしこで「罫線が無い」というのを見る気がするのでCSS的に正しい罫線の引き方。 .section table { border-collapse: collapse; } .section td, .section th { padding: 3px; border: 1px solid black; }Netscape6.x辺りだと対応してないけどな。b…

適当センター寄せ

css

question:1115324003 一応サンプルを作ってみたものの弄るのが面倒臭くなったので止めた。 サイズの調整が必要になるが出来ることは出来る。 全体の幅に難があって、.centerbodyのサイズは760pxがお勧めなようだ。どうも。 元がwidthを800*600用に決め打ちな…

しなもんのテーマ

ふとfotolifeの画面見てたらしなもんのテーマを作ろうと思い立ったものの、著作権とか肖像権とかでアレであり*1、ここは公式に頼もうと思ったのでアイデアに出しておいた。 ?I 「しなもん」のテーマを作る。 何故断定なのかは俺もよく分からない。 *1:犬に肖…

?Bと?Iの上のヘッダ

はてなアイデアに?I はてなブックマークにCSSを適用したいというのがあったので、書いてみるとしたらどんなもんだろうと思ってソースを見たら、ヘッダがtableじゃなくてdivじゃないか。 div#banner h1 a img (Hatena::) a img (Bookmark) 以下略 map (△▽用) …

<a href="http://customize.blog-design.net/article/3160787.html">BlogDesign はてなダイアリーブログのカスタマイズ</a>

34800円で、今ならキャンペーンで1万円引。って高。

to id:hoshikuzu:20050321

css

画像の通りです。 ただ元のCSSを見ると.RC3へのbackground-positionの指定が微妙。Opera7で左下の画像が変になってしまう。 直すと .RC3{ bottom:0px; background-position:left bottom; }ですか。