道具箱

　私個人の環境ですが、会社のデスクトップと持ち歩きのNetBookではWindows(XP)、家ではMAC OS Xと３台のパソコンを利用してます。
　そうなると面倒なのがデータの同期。

　まずブラウザのブックマークが同期してないと、会社でブックマークして家でじっくり見ようと思っても、”どこだっけー”ってなってしまいます。
　そこで利用しているのがFirefoxアドオン、Xmarksです。
　Firefoxだけだと思ったら、InternetExploreやGoogleChrome、MACのSafari用もあるようですね。

　Firefoxアドオンしか使ってないのですが、ブックマークだけじゃなくてアカウント・パスワードも共有することができます。多分、違うブラウザ同士はブックマークだけかもしれませんが。

　さらに、自分のパソコンでなくてもXmarksのサイトにログインすると保存されているブックマークを使うこともできるようです。  

　この「しぃ～ま」ブログもデザインをすでに作られているものから選ぶこともできますが、自分で編集して好みのデザインにすることができます。
　しかし、ほとんどのブログはHTMLだけでは書かれていません。
　HTMLとは別にデザインはCSSという別のもので定義されています。
　ご自分の管理画面の「ブログの設定」→「テンプレート」で現在使っているテンプレートが表示されますが、ここに「カスタマイズ」というのがあります。
　クリックしてみましょう。

　わけわかんないですよね。
　なんとかCSSでググッてみても、どこをどう修正したらどんな感じになるのやら。

　そこでFireFoxを使っているのでしたら、FireBugアドオンを入れましょう。

　使い方については”firebug 使い方 CSS"とかするとたくさん説明が出てきますよ。
　とりあえずはこちらなんかどうでしょう。

　ぜひトライしてみて下さい。

　と、ここまで書いてちょっと不親切なので、簡単な使い方を。
　まずインストールすると画面下に虫のマークが表示されるので、これをクリックします。



　するとブラウザの下部に以下のような表示が出ます。（クリックすると拡大）

　左がHTML、右がCSSです。

　＋マークはさらに入れ子になっていますので、body→contaner->bannar->h1と開きます。
　divとかかれた部分や要素になっている部分にカーソルがあたると該当ブロックが網掛け表示になります。
　この例ですとタイトルの部分が網掛けになっているのがわかるでしょうか。


　ではここで、H1をクリック、右にH1のclassである".blogtitle"のCSSが表示されましたので、font-sizeを50から30に書き換えてみました。
　タイトルが小さくなっているのがわかるでしょうか。


　さらに注目して欲しいのは、CSSのところ右上にファイル名と行番号が表示されています。
　この例ではstyle.cssの130行目に.blogtitileというクラスの定義があって、ここを修正すればいいことがわかるわけです。

　さて、最初の一歩はわかったでしょうか。
　これで試して修正というのができます。
　と、同時に”これいいな～”という他の人のブログを開いて、どんな風に作っているかも知ることができるわけです。

　たのしい奄美らしいテンプレートがこれで生まれるかな。
　私ですか？デザインのセンスが無いので無理です。