スタイルシートメモ

TypePad公式サイト

TypePad公式サイト

無料のブログサービスがこれだけたくさんある中で、『TypePad』は、珍しい有料のブログサービスです。

※月額４２０円～（無料トライアル期間あり）

「有料ブログサービス？いやだなぁ～」
そう思われる方も多いかもしれません。
が実は、今年に入って、新規申込者がぐっと伸びています。
どうしてでしょう？

・今使っているブログサービスが重たく、アクセスしにくい時がある
⇒管理人にとっても、訪問者にとってもストレス！
⇒肝心な時に記事がアップできないなんて悲しいことが・・・
・もっと自由にカスタマイズして、個性的なブログを作りたい
⇒CSSやHTMLによるデザイン変更できるサービスがいい
⇒「いつかMovableType」と思っている
・アフィリエイトも自由にやりたい
⇒自動で広告が表示されてしまうのは嫌！
⇒アフィリエイト導入に制限がないところを探している

特に「サーバの安定性」というニーズが強まっているようです。

ブログが楽しくてたまらない！という人にとっては、月“数百円”は、高くないですよねぇ～。
世界中で高い評価の「MovableType」ベースに開発されているので、「いずれ『MovableType』で独自ブログ構築に挑戦したい！」という方にとっても、いい練習になると思います。
（もちろん、エクスポート＆インポートも簡単）

■10日間無料トライアルができます
どんなブログサービスなのか体験してもらうため、現在「10日間無料トライアル」を行っています。
この期間内に「退会」すれば、料金は一切課金されません。
まずは試してみませんか？
⇒TypePad公式サイト

Movable Type3.2「3カラムテンプレート」

Movable Type3.2の3カラムテンプレートです。
基本的にスタイルシートは通常のもので「3カラム」になります。

配布しているものは、メインページ、アーカイブ、カテゴリページ、エントリーページ、日付ページのテンプレートになります。

Movable Type3.2「2カラムテンプレート」

Movable Type3.2の2カラムテンプレートです。
基本的にスタイルシートは通常のもので「2カラム」になります。

配布しているものは、メインページ、アーカイブ、カテゴリページ、エントリーページ、日付ページのテンプレートになります。

枠の外側にスペースをおく

枠の背景に色を塗るや枠の周りに枠線を引くを使用して、せっかく別のものと分離させても、上下の情報とぴったりくっついていると、結局見づらかったりします。

そういう時は、「margin」設定で、枠の外側に空間を作りましょう。

枠の内側にスペースをおく

枠の背景に色を塗るや枠の周りに枠線を引くを使用した場合、枠と文字の近さが気になったりしないでしょうか？
ぴったりとくっついている状態だと文字は良く見えないし…実際、そのままだとデザイン的によろしくない事が多々あります。

そういう時は、「paddig」設定で、枠の内側に空間を作りましょう。

枠の周りに枠線を引く

囲ってある部分を他の部分と見分けるために…枠に線をつけることができます。
私は結構流用しています。

枠の背景に画像をはる

囲ってある部分を他の部分と見分けるために…というよりはデザイン的に面白いから…ということで、画像を背景に敷く事が出来ます。

枠の背景に色を塗る

囲ってある部分を他の部分と見分けるために、その枠に色をつけると便利です。
ちなみに、色の変わりに画像を引く事も出来ます。

枠で囲う

ブロックレベル要素とインライン要素でも少し話したのですが、ページを作成するHTMLの要素の中には、ブロックで表示される要素（ブロックレベル要素）があります。
このカテゴリでは、主に「ブロックレベル要素　div」や「ブロックレベル要素　p」などで利用できる「枠」のデザインについて語っていきます。
ちなみに、この「枠」。
私が勝手に命名しただけで、一般化されていません(-_-;)