色々なブラウザで見た目をチェック出来るサービスを利用してみたら、小奇麗にしたつもりが、実はボロボロなことに気付いてテンプレートを修正してみた。
これで、主要なブラウザであれば、想定の範囲内で表示されるはず・・・。
意識した点は、
1.ページヘッダ下のサブメニュー部分は、テキストやHTMLで適当に処理出来ること。
2.ページフッタ部分:テキストとかHTMLなんかを簡単に修正出来ること。
3.投稿内容の上に、お知らせや画像などを貼れるスペースを用意しておくこと。
4.各セクションの色、フォントの色などは、「フォントと色」から変更出来ること。
5.一般的なブラウザで、想定内の表示が出来ること。
※表示確認済ブラウザリスト
Windows:IE 6.0/8.0 FireFox 2.0/3.0
Safari 2.0/3.1 Opera 9.27/9.50
Navigator 9.0
Mac: FireFox 2.0/3.0 Safari 2.0/3.1
1.2.3.を対応させた「レイアウト」->「ページ要素」はコレ
4.に対応させた「レイアウト」->「フォントと色」の設定項目
・ページ背景色
・テキスト色
・ヘッダーの背景色
・ブログタイトルのフォント色
・ブログタイトル下説明のフォント色
・ヘッダー下サブメニューの背景色
・ヘッダー下サブメニューのフォント色
・枠線&投稿画面の□の色
・左サイドバー部分の背景色
・サイドバータイトルのフォント色
・サイドバーテキストのフォント色
・投稿部分(真中)の背景色
・投稿タイトルのフォント色
・投稿フッタのフォント色
・右サイドバーの背景色
・ページ下フッタラインの背景色
・ページ下フッタのフォント色
・リンクフォント色
・表示済リンクフォント色
・リンクHoverの色
5.はこんな感じで、なぜかIE8.0がセンタリングしていないのと、Windows:IE 5.01で、背景画像の読み込みが失敗してる。
まあ、とりあえず満足。
ちなみに、テンプレートのアップロードではなく、エディタで開いて、コピペした方が安定してる。
Bloggerの動作が重いとき、テンプレートの保存とかアップロードなど、問題ないようで実は失敗しているなんてことも・・・。
覚書
・スクリーンショット.jpさん
・browsershotsさん
・backup
4/30/2008
□ Blogger テンプレート修正 □
4/29/2008
□ NOKIA E65 の紹介 □
今更だけど、NOKIA E65って凄くイイ!
動作はもっさりだし、指紋ベタベタだし、200万画素だし、鉛筆キー使いにくいし、傷付きやすいし・・・
なんて感じで問題山積みだけど、手に馴染む感じを重視するkeyには、現時点で最高の携帯端末。
とりあえずNOKIAサイトの画像で紹介。
どう?かわいくない??
元々NOKIA使いではあったんだけど、やっぱり国内で使うには何かと不便なこともある。
特に、公衆電話からのアクセスを識別出来ない点は、非通知や知らない番号からの電話を無視することの多いkeyにとって、ちょっと使いにくい点のひとつ。
留守電アプリなどを細かく設定しても、公衆電話からの着信を、どう処理するかって設定が出来ないんだよね・・・。
でも、最近公衆電話がどんどん減ってきて、公衆電話からの着信を意識する必要がない状況になっていると勝手に判断。
Softbankから出された705NKでNOKIA使いとして復活しちゃいました。
705NKも、手に馴染む最高の携帯だったんだけど、ちょっとした不注意でなくしてしまったし、705NKの素晴らしさは、様々なサイトで紹介されているから、興味ある方は、そこらへんを参照してください。
ってことで My E65
このカテゴリーでは、E65の飼育過程などを紹介していきたいと思ってます。
覚書
・NOKIA E65
4/28/2008
□ SNAP Shotsつけてみた □
いろいろな人のBlogをうろちょろしていると、面白い発見が沢山あります。
まだまだ意味不明な部分も多いですが、日々かしこくなればいいなぁ・・・。
ってことで、簡単だけど頑張ってる感が出せそうなSNAP Shotsを設置してみました。
SNAP shotsから適当に登録を済ますと、設定画面が表示されます。

100x20sizeの画像を準備すれば、Mini Banner付きにすることも出来るようです。
色も7色ほど用意されていますので、詳細設定を含め適当に・・・。
設定が終わると、専用のCodeが表示されますので、設定画面→レイアウト→HTML の編集から、</body>の前に貼り付けて完成。
設定を変更したい場合も、http://www.snap.com/にLoginすれば簡単。
覚書
・ソースそのまま表示ツール : フラットラボさん
4/25/2008
□ 検索窓つけてみた □
BloggerっていろんなParts(Widget)が簡単に追加出来るらしい・・・。
数回Clickするだけで、どんどんPartsが追加され、何もなかったBlogが華やかになっていく。
あまりにも簡単で楽しいんで、どんどん追加してみたけれど、どのPartsにどんな機能があるのか良くわからない。
とりあえず、今このBlogに必要と思える機能はなさそうなので、検索窓以外は外すことに。
検索窓もいらんだろ?って突っ込みはなしで・・・。
※でも、どう見ても動いてるフリしてるだけっぽいんだけど・・・。
検索窓のつけかたは、Blogger in Draftの管理画面からテンプレート→ページ要素→ページ要素を追加から検索ボックスを選ぶだけ。
<追記>
読み出し重いし、今のところ必要ないし・・・ってことで削除。
覚書
・Blogger in Draft : draft.blogger.com
4/23/2008
□ とりあえず見た目から □
いくら中身が重要・・・とは言っても、見た目も大切でしょ?
どんなに性格自慢出来ても、小汚いとおいしい話まわってこないし・・・。
ってことで、中身を充実させることは難しいんで小奇麗にしてみる。
Styleは細身が好きだし、Menuは左が使いやすいと勝手に思い込んでるし、Blogを立ち上げた当初の目的を達成するためには最低130pxのBanner Spaceが必要だし・・・。
投稿の中身に期待してもらっても困るんで、投稿部分は無くしても良かったんだけど、それじゃBlogっぽくなくなるんで、とりあえず3カラム?のLayoutに決定。
Layoutさえ決まればあとは簡単?
Headerには適当な1枚画像(800x45px)を用意して、健全なImageを植え付けるためMenu部分には明るいグラデーション(168x10px 暫定)を配置。
あとはLayoutが崩れないようにFontsの位置を微調整しただけ。
たったこれだけでも結構印象変わったので、とりあえず満足。
覚書
・Navbarの隠し方 : Digital Inspirationさん
4/21/2008
□ はじめてのBlog □
訳あってBlogをはじめることになった。が、はっきり言ってよくわかんない。
とりあえず「よくわからんモンは長いものに巻かれとけ」属性を持つkeyは、Googleが無料で提供しているBloggerを選択してみた。
Blogger初心者らしく、一番Simpleで真っ白のTemplateを採用してみたけど、人間性が壊れかけているkeyには似合わないかも・・・
しかも、Googleが提供しているんだから利用者も多く、情報収集も楽だろうと考えていたけど、日本のUserは少ないらしく、情報収集がそれほど簡単ではないみたい・・・。
覚書
・Bloggerの基本的使い方 : クリボウの Blogger 入門さん
・続きを読むの設定 : 良いもの。悪いもの。さん
※linkの仕方間違ってたみたいなので書き直し(はじめてにしては上出来!?)


