エクラの日記

　とっても穏やかな天気に恵まれた日曜日の昼下がりです。
　私の前にはネットブック。その後ろに葉月のパソコンの液晶が見えています。
.

　■文字が小さくて。

　今日でネットブックを使い始めてから一週間が経ちました。にも拘わらず公開している日記は初日しか書いていませんでした。今日が２度目です・・・が、とっても気になるなぁ。。私の横には編み物に熱中している葉月がいます。

　ネットブックはeeePC1005HAというもので、液晶が1024x600でした。今、その環境で更新しています。キーボードがとっても指に馴染みます。電池の持ちも十分です。ネットの通信速度も満足できる速さです。購入して真っ先に行ったことは、Firefoxとそれに関連するソフト、解凍ソフト、FTPソフトなどでしょうか。そのあとにIEが6.0だったので8.0にバージョンアップしました。
　このネットブックでは自分のサイトがどんな風に表示されるのかが一番気になりました。そして、感想一言、「文字が小さすぎる」って。
　文字が大きいなぁって思っていた葉月の日記の文字の方が読み易いのです。うん、これはいかん・・・ということで早速スタイルシートの共通設定で大きさを11ptにしてみたのです。ついでに日記のシートも少し弄ってみました。
　ひとたび手を付けると夢中になる私。なんと真面目にシートを組んでみたのです。うん、これが切っ掛けで次から次へとやることが増えていました。
.

　■スタイルシートの更新　汎用CSS 2.0

　ここ暫らくはスタイルシートを弄っていませんでしたが、更新フォームを触るとちょっと不便と感じました。一々、送信しては戻るを押さないと連続更新が出来ません。

　だから連続更新が出来るAjax送信を取り入れたものを作りました。
　#119 汎用CSS 2.0 ※ログインしている方は自分のものが出ます。
　#119にuser=nancyanとすると私のものが出ます。
　#119にuser=nancyan&page=mainのようにすると私のトップが出ます。

　ページのデフォルトは日記に割り当てています。
　そのページでは情報としてカテゴリの一覧表を取り込んでリンクしています。
　閲覧のためのリンクも自動生成させました。
.

　■日記帳のレイアウトに嵌る。

　更新してはページを確認するわけですがリンクが必要でした。そこでメニューに少し手を加えてカテゴリの一覧を表示してみました。上の画像部分にマウスイベントを施してあってトグルで作動します。
　最初にレイアウトを考えました。一般的には右側に縦方向にずらずらと表示する方法ですが、#103で行っているし、大きな画像が本文にあったら目が当てられません。それに、飽きています。

　そこで上に表示することで決めました。一部のリンクを非表示にしないで全てを出すことも決めました。そうすると少し手を加えなければいけません。ページの構成上、必要最小限の高さにしなければなりませんでした。

　日記帳のメニューの部分の高さはサイトのメニューの画像の高さに合わせました。微妙にずれていると違和感があったのです。そして配色を調和させました。
　カテゴリ別のリンクは横に並べたり上へ配置したりしました。これは携帯のjig9フルブラウザではページ構築後のイベントは処理しない仕様だからです。
　
　レンガの溝に合うように細かな指定が必要でした。単独表示と一覧表示での位置決めも苦労しましたが。。なんとか形になってくれました。
.

　■影の装飾。

　昨日からポエムのカテゴリのスタイルシートを整えていました。
　複数の記事が表示されるページと単一で表示されるページのレイアウトを変えました。
　画像の加工は葉月のお手の物です。うまいのです。
　文字も影を付けたりして。。これはshadowです。

　今も、この日記を書くところをチラチラ見ているから集中できません(^-^;
　
　どこまで書いていいのか悩みます。。

　まずは、送信です！