css

調整

MacIEの為に調整を行います。なぜか.mainが.sidebarに被るそうで。MacIEの方、協力をお願いします。 現在の設定は .hatena-body { position: relative; width:auto; } * html .hatena-body { width:100%; } .main { margin:0px 250px 0px 0px; width:auto; }…

css

あらかた完成した。MacIEどうしような。

Pict

今作ってるのがピクトグラムを使ったもので、PictBearを使って32*32pxの中に延々とドットを打つという作業をやったのさね。すっげぇ疲れた。 b,i,fontは!important使って全部同じ表示にしてやろうかと思ってしまう位には疲れた。

IE

その描画性能を何とかしろ。 勝手にborderを消すな!!!

smoking_gray

修正版を送る。

角を丸く

幅固定じゃないCSSを公開中だそうで。 hkn? 2004/07/08 シンプル角丸 [←香雪ジャーナル 2004/07/08 角丸]CSS中の * html div.sidebar{} は変に見えるけど(Mac|Win)IEのバグを突いたハックですな。MacIEでもずれる場合はこのハック有効です。

変なの

textareaが異常に広い

display:table.*

ふと思いついたのでメモ。 .hatena-body {display:table;} .hatena-body .main, .hatena-body .sidebar {display:table-row;} .hatena-body .main .day {display:table-cell;} .hatena-body .sidebar .hatena-module {display:table-cell;} 無理。上手くwidt…

div.calendar

>id:sugio:20040707「設定」では見えていて欲しいのだけれど、通常の日記では見えて欲しく無いということなら div.calendar {display:block;} .hatena-body div.calendar {display:none;} で問題無いような。html的に変だという話ではありますが。「前の日」…

ふと思ったんだけどさ。

簡単設定なのにアンテナが.sidebarに入らないってのはありなのかね?

_ hack

IE5.0以降だけに適用するハックに_つけるってのあったなと思い出して採用。これも全てHTML4.01Transitionalが故。 まぁIEでも描画やスクロールが速くなったので良かった良かった。 原因は .hatena-body {position:relative;} ってしていて、widthを決めてな…

position

.hatena-body {position:absolute;} にするとIE6.0ではきっちり決まった上にスクロールも早くなった。 が、Mozillaでずれる。

おぉ

IE6.0で見ると h2が無い .mainが左にはみ出す .sidebarが右にはみ出す スクロールが重い Opera7.5で見ると .sidebarが下にはみ出す h2のborder-bottomが消える とりあえずh2のborder-bottomは消してdiv.bodyの方でborder-topにしよう。

IEめ

position:relative;やらposition:absolute;やら使うと描画重過ぎ。酷いや。

div

?DD 2004/07/03 モジュールタイトルのクラス名について h4.hatena-module→div.hatena-moduletitleってなぁ。個人的にはdiv.sidebarのトップにh2でmenuだかsidebarって入れて、各モジュールのタイトルはh3でマークアップが無難かと思う。あ、雛形作り直す必要…

SODA

画像はMozilla Firefox 0.8にて。 div.footnoteとdiv.commentの隙間。div.footnoteが無い場合は大丈夫。 編集画面でもdiv.refererlistとformの間に。

hatena-bodyのメリット。

えーとね。 table h1 div.hatena-body div.main div.sidebar という風にあるということは、div.hatena-bodyにposition:relativeとか設定してdiv.mainとdiv.sidebarをpositionで綺麗に揃えられるという点が重要。 多分、神岡氏@id:kamiokaと土屋氏@id:chepook…

あー、

そうか。body * {color:#000000;}は使っちゃいけないのか。設定のヘッダの色が分からなくなるから。

とりあえず

css

とりあえず作りかけのCSSをおいておく。 アルファベットだけのスタイルなら結構良いのではなかろうか。後は適当にはてなのテーブルを調整すればよいだけだし。 まぁ.headerやら.mainやら.sidebarやらはテーマの方にまで盛り込む必要は無さそうだ。 あー、後…

Strict or Transitional

はてなは4.01TransitionalなのでIEは互換モードで認識し面倒臭いことになる。 そういや要望で結構出ていた気もするな。改めて「はてなダイアリーへの要望」 DOCTYPE宣言を選べるようにして欲しいです。

独自拡張とか。

あんまり紹介しない方が良いのだけれど。CSSグループの方でメモしようと思ったら、このグループは現在ご利用停止中ですと言われてしまった。神岡氏@id:kamiokaへリファ飛ばしておきますよ。で、代わりにこっちでメモ。 Opera(M2用)→Opera&M2 exCSS Opera独自…

久しぶりに

カススタのサムネイル版見たんだけど186(n?)はただの黒い画像になってしまっていた。まぁ仕方が無い。 上のはてな強制挿入テーブルの「最新の日記」やら「設定」やらが勝手に移動するのはなんなのだろう。border-bottomを設定していた時はテーブルが伸び縮み…

<a href="http://www.hatena.ne.jp/1086316299">私のサイトのMovableTypeのCSSをデザインしてくれる人を募集します(以下略</a>

cssグループに書いたら誰か作るだろうか。さてはて。 Perlのコードをpreで書いているのだけれど、pre.perlsourceとでもクラスを付けてBackground-imageで「ソース」とでも表示すると分かり易いかな。

<a href="http://d.hatena.ne.jp/hkn/20040602#1086176310">hkn? 2004/06/02</a>

にょろにょろ具合が面白いので見に行くと良いよ。画像使って丸いの表現してる様子。 span.highlightは@media内に無くても良いんじゃないでしょうか。

あ。

css

Gecko系の人は多分"Welcome!"って出てるんだけど、その為のCSS弄りで検索窓も消してしまってた。気づかなかったな。とりあえず修正。

memo

http://css.g.hatena.ne.jp/ She might have found her way.@?D 2004/05/14より。 cssグループだよヽ( ´ー`)ノ 公開されたら加入希望です→kamioka氏

smoking_(white|black).css

2004/05/08 cssの続き。 はてな - css_bench はてなダイアリーベンチ - euc-jp はてなダイアリーベンチ - EUC @charsetの問題でした。お恥ずかしい。というわけで?DD 2004/05/09にリファラ送るのです。 先日送ったメールの通り、共有フォルダに更新したcssが…

これがblogかっ!(仮)@?D table.calendarを縦にしているのが面白いと思った。 Jehoshaphat@?D 2004/05/08 smoking_whiteの画像のURI直して貰ってなかったか。というかそれを伝えるの忘れてました。やべ。 後、Gecko系全滅かも。 Mozilla Firefox0.8→× Nets…

適当に。

いつも使ってる黒をちょっと明るくしたものがsmoking_black。 前に使ってた白いのがsmoking_white。 186(2→3?)だか(1→2?)だかをsmoking_girl_redにして、青・緑と上げる予定。smoking_whiteとsmoking_blackにはspan.aaがデフォで入ってます(藁

画像。

css

例の画像は肖像権とか全く気にしていない画像だったので消した。 あの辺の画像は全部掲示板で拾ってきた奴だしなぁ。元画像は顔も写ってるしもっと明るかったりする。まぁ淫靡にしたということで。