ペガサステストブログ

ペガサステストブログ

ブログの説明を入力します。

Amebaでブログを始めよう!
新アメブロのカスタムスキン(CSS編集可能スキン)に対応した私好みの素敵なデザインテンプレート
が提供されていたので、早速使わせてもらうことにしました。
「CSS編集用スキン」の「2カラム・メニュー右」専用となっています。


>> 提供されている方は「45rpm blog」さんです。


他のテンプレートと異なっているのは、ヘッダーへのブログタイトルの表示方法とメニューです。
メニューについては、通常はヘッダー下に横並びの「グローバルメニュー」を設置するケースが
大多数ですが、提供されていたテンプレートでは、上記ヘッダー内に設置してある通り「円」で
表示されています(リングメニューと呼ばれているもの)。


「45rpm blog」さんのサイトからテンプレート用のCSS、プラグインを入手して貼り付ける
ことで.、このようなデザインのブログにカスタマイズすることができます。
メニューの位置は、自分で微調整する必要があります。


基本デザインが出来上がったので、今回はヘッダー下に「読者登録ボタン」(マウスオーバーで
画像が変化します)、記事枠を設置してみました。


更に、ヘッダー上そしてサイドにでっかく表示されてしまうアメブロのPR広告を目立たない
位置に移動させました。
ついでに、記事下に表示されるグーグルアドワーズ広告は控えめに表示されるようにしています。


これから、テストブログではありますが、カスタマイズを加えながら改造を進めてゆく予定です。
特に「リングメニュー」については、「45rpm blog」さんが提供されているメニューでも良い
のですが、もっと興味深い動きを伴ったリングメニューを見つけたので、設置してみたいな・・・
と思っています。



>> CSSで設定できるアニメーションするリングメニューというものです。