CSS

印刷用スタイルシート

CSS

中途半端ながら印刷用スタイルシートを追加。不慣れなので背景色/文字色などを多少調整するに留まる。 練習を兼ねて、本腰入れて弄った方がよいのだろうけれど。 以下にはてなダイアリー用印刷スタイルシート作成時のコツのようなものを。 ディスプレイ上の…

はてなのテーマはGPLなので

他人の作ったテーマを改変してカラーヴァリエーションとか作っても可なのだが、そう言えばやっているのを見たことがないな。 やっぱり自分のオリジナルでない物を改変することに抵抗感があるのだろうか。 id:kamioka氏が退会してしまうそうだ。はてなに於け…

ブックマークのCSS

ヘッダ構造からしてダイアリーと全く違うので大変苦労する。下手に弄るよりデフォルトスタイルの一部をちょっと弄る程度に止めた方が良いかもしれない。 参考までに、大まかな構造とスタイル指定の指針を示す。 大幅改定。 ブックマークの自動挿入スタイル …

フォトライフ画像の下線

CSS

最近教えてはてなで多くなって来た質問の一つがこれ。 キーワード「はてなフォトライフ」に対処法が掲載されているが、下線を設定しているスタイルはtext-decoration以外にborder-bottomの可能性もあり、また読み込んでいるCSSファイルがimg.hatena-fotolife…

b.hatenaのカスタマイズ

CSS

はてなブックマークがダイアリーと同等のカスタマイズ星を備えて久しいが、未だ何の調整もしていないので、そろそろ弄ってみようかとソースを開く。 普段はてなダイアリーのHTML構造ばかり弄っているので、dl主体の構成はなかなか新鮮だが、ちょっと手間取り…

Gothic Style

CSS

http://theme.g.hatena.ne.jp/DocSeri/にて作成中のGothicスタイルを公開。 一応ゴスロリ〜ヴィジュアル系なあたりを想定したつもりだが、そっち方面は疎いので「ここはもっとこう」「こんなイメージを追加して」などご意見頂きたい。 どうもやや変則的な配…

ゴシックスタイル

CSS

美術/建築様式ではなくてファッションのそれ。 取り敢えず背景黒+リンク赤+左右白レース帯/見出しに十字架画像、まではいいとして、それ以外をどうするか。 正直この手のスタイルには疎いので思いつかない。その筋の方の要望を待つ。 ていうかレースパターン…

OperaのCSS嫌い

CSS

Operaの外部スタイル読み込みって何かバグでもあるのだろうか。どうも動作確認時にOperaのみ外部スタイルを読み込めない例が多い。 他のブラウザではきちんと読み込むし、CSS自体のURLを指定するとソースが表示できるので、読めていないわけではないと思うの…

「Hatena_cinnamon」テーマ - はてなダイアリー日記

id:jkondo・id:reikon夫婦の愛犬「しなもん」のテーマ。半ばマスコットとして認知されているし、そもそもユーザーからの要望ではあるのだけれど、こんな内輪なテーマを公開してしまうのがはてならしいというか。

幅調整

CSS

これまでこの日記はFireFoxで見るとウィンドウサイズに対しコンテンツがはみ出すように表示されていた。これは変則的なスタイルをなんとかWinIEでも見られるようにという苦慮の結果だったのだが、ふと思いついて調整し直したところWinIEでもFireFoxでも、そ…

hatenaテーマの色ヴァリエーション

ヘッダに合わせた色ヴァリエーションをリリース。 色と言ってもhatenaテーマは青ヘッダに合わせた1色構成だったから、ヴァリエーション展開は容易だった筈。今までなかったのが不思議ですらあるのだが。

読めないスタイル

CSS

ふと思いついたアイディアを元にスタイル作成。CSSグループに適用してみたらh1以外表示されなくなった。なんでだ。ローカルでは巧く表示できているのに実環境では動かない。 外部スタイルシートと埋め込みの違いか、とも思ったがその表示できないソースをた…

マルチカラムの悩み

CSS

2段組みのデザインパターンで煮詰まってしまった。 全幅のヘッダの下を2段に分け、左に幅200pxのメニューを配置して右に幅無指定で本文を配置、一番下に全幅でフッタを表示させたいのだが、これをpositionでやってもfloatでやっても不具合が生じる。 メニュ…

もう疲れた

CSS

WinIEでのみ表示上の問題があるページのスタイル調整をしているが、Mac側でDreamweaverによるソース編集→USBメモリでWinに移動して表示確認、を繰り返しているうちに疲れてしまった。 現在の至上命題は「制限期日内にWinIEで正常表示できるようにする」であ…

不具合発生中

CSS

定義リストのfloatが巧く行っていない様子。原因は調査中。

脚注の調整

CSS

g:css:id:DocSeriのスタイルをちょっと変更して、div.sectionにfloatを設定せずdiv.footnoteをpositionで位置調整する仕様にしてみた。多分これまでの表示不具合がかなり解消されているはずである(完全ではないが)。 問題なさそうなら順次この方式を採用す…

設定変更

CSS

ちょっとhatena-body絡みとfootnote周りを弄って、大半のブラウザで意図通り見えるようにしてみた。 大変遺憾ながら、FireFoxはOpera及びIEの調整用Hackの影響を受けてしまうようで表示が崩れる。Netscape7.1では問題ないようだが。

テーマ作成完了

CSS

ハロウィン風テーマはひとまず完成とし、はてなに送付。 気が向いたら猫や魔女帽子などを追加するかも。

textareaと回り込み

CSS

その日最初に日記を書く場合、つまり編集画面のtextareaに何もテキストがない場合、textareaがfloatした状態になる。とりわけcopyright表記部分は文字の一部がtextareaの上に重なって表示され、実害はないが気持ち悪い。 div.bodyにはfloar:left;を設定して…

スタイル変更

CSS

気分を変えてスタイル一新。古書風スタイルである。 まだまだ調整不足で表示に一部問題が出るのだが、追々修正する予定。 画像絡みの回り込み処理に問題があるのか、複数のセクションが重なって表示される不具合があるので本日の画像を削除。

新スタイル研究中

CSS

ちょっとFannyなスタイルを思いついたのだが、これがなかなかの難物である。 はてなヘッダ部分を弄りたかったのだが、ヘッダーテーブルには特にクラス名が振られていない(弄られ難くする策だろうか)のでbodyに背景を貼る形で対応せざるを得ないが、どうし…

kanshin-style

CSS

ふと思いついて関心空間風スタイルなど作り始めたが……やっぱりまずいよなぁ著作権的に。こっそり遊んで終わりにしよう。

text-shadow

CSS

http://d.hatena.ne.jp/Bose/でセクションタイトルに影を落としているのを見て初めて知ったのだが、どうやらSafariはtext-shadowに対応しているようだ。それならテーマに組み込んでみても良いかも。

はてなアンテナ対応

テーマファイルをアンテナでも正しく表示できるようにする必要があるか……と思ってaquaを調節したが、設定画面を見たらテーマ選択メニューなど最初から存在しなかった。っていうかdiv.antennaって私がヘッダで設定してただけか……orz 結果としては特に手を加え…

ExLibris

CSS

以前から調整を繰り返していた書物風スタイルを、一足先にg:book:id:DocSeriで公開。 一部ブラウザでは表示にやや問題があるが、読むのにさほど問題はないと思う。 できればOperaとIE以外のブラウザでご覧頂きたい。

スタイルで遊ぶ

CSS

やらなければならない作業は色々あるのだが、どうにも気が乗らない。こんな時はスタイル作成が捗る。や、そんなことをしている場合ではないのだが。

新テーマ

CSS

Mac OS X風テーマを作成中なのだが、WinIEだけが激しく崩れる。これのCSS解釈は悪名高いNN4.xに次いで酷い。MacIEでも素直に処理されるものがWinIEにはできない。全ユーザーはこんな屑ブラウザなど止めてさっさとまともなNetscape7かOperaに乗り換えるが良い…

失敗

CSS

g:theme:id:jkondoのソースをベースにCSSの調整を図ったのだが、div.sidebar div.calendarがおかしなことになってしまった。取り敢えず削除するか……

calendar2photoモジュール改案

CSS

calendar2photoモジュールに表示される写真は最大30*30pxなのでこれに合わせてサイズを指定してしまったが、考えてみれば「サイズを指定しない」様にすれば縦横非が不自然に変わることもなく、拡大されて粗くなることもないのだった。 というわけで以下のよ…

calendar2JPhotoモジュール風

CSS

カレンダーに大きな画像を貼ると見栄えが悪いので、文字サイズと同程度に縮めている人は多いと思う。しかしこれだと写真があることは確認できるが何の画像かは判らない。 Calendar2JPhotoモジュールを使うとFlashによりマウスオーヴァーで画像を拡大するカレ…