« リモーネ | トップページ | 時空と書いて「とき」と読む »

2008.10.07

ブログのデザイン

PC及びフルブラウザ携帯のみですが、ブログデザインを変えました。
根性振り絞って、一から自力で作りましたよー。
今までと違って画像を多用したので、ちょっと重くなりました。ごめんよ。
もしかしたら、ブラウザや環境によっては不具合があるかもしれません。
問題がある場合はコメントや拍手でご一報下さい。

ぴよりらな日々で使っているココログ・ベーシックは、
デザインを一から作ることには向いていません。
外部CSSを強引に読み込ませていた頃に比べればマシとはいえ、
デザインのHTMLを直接書くことは出来ません。
その代わり、リッチテンプレートを使えば着せ替え感覚で簡単に変更できます。
しかし、リッチテンプレは一部分だけ流用したりは出来ないようです。

別の用途に作ったけど使っていないタイトル用の画像を発掘したので、
それに合わせて作ってみようと。

そんなこと思わなきゃ良かった、ってぐらい面倒だったよ!

ココログ向けのテンプレートを配布しているdecoウェブさんのCSSを参考に、
行き当たりばったりで画像を作りながら今までのCSSを書き直しました。
CSSをちゃんと理解せずに作ってるから、あっちが揃えばこちらがズレる、の繰り返し。
デザイン自体も全くのノープランから始めたから、そりゃもうえらい騒ぎさ。
今こそ、大量に買ってある素材集やロゴ・テクスチャ作成本を活かす時だぜ!
と思ったのに、一個も使わないまま終了。何の為に買ってあるんだ…。

FirefoxのWEB作成向け拡張機能「Web Developer」がとてつもなく便利。
使ったのはCSS編集、要素の情報表示、ルーラー表示の3つだけですが、
これらがなかったら、絶対に途中で投げ出していたに違いない。
CSSを厳密に解釈するFirefoxできちんと表示できれば、IEでも問題なかろうとタカをくくり、
ほぼ出来上がった時点でIEで見たらガタガタでびっくり。
IE6は意外とCSS解釈が中途半端なんですね。

個別記事を表示した時の、「トラックバック」とか「コメント」とかの背景を
茶色の枠だけにするつもりだったんですが、
どーーーーー頑張っても無理なんスよ!
数時間粘ったんですが、どーーーーーしてもダメなんで諦めました。
ボタン三つの角丸枠、かわいいからいいよね。明らかに変だけどね。しょんぼりーぬ。

※やっぱりCSSの書き方間違ってるだけでした。修正ー。

|

« リモーネ | トップページ | 時空と書いて「とき」と読む »

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/21898/42711618

この記事へのトラックバック一覧です: ブログのデザイン:

« リモーネ | トップページ | 時空と書いて「とき」と読む »