E - テンプレート

作っているブログテンプレート(@fc2)についてのインフォメーションブログ。他、あったら良いな的なプラグインも作っていたり・・・

2008.01.21.

元気にピンクだ！～ E02_01_PinkPunch

記事を短めにして一覧のように表示させられないかな。
そんなコンセプトで、こんなレイアウトになりました。
元気になるような、そんなピンクを使いたくて、この色になりました。

サンプル（変形3カラム）

サンプル（完全2カラム）

サンプル（シンプル2カラム）

特徴

縦長の画像をヘッダーのように表示させる、結構趣味丸出しかもしれないテンプレートです。（でも作りたかった！）
（シンプル2カラム以外）記事をコンパクトに畳んだ状態で表示、クリックする事で内容が広がります。この辺はjavascriptで動くようにしています。（ブラウザの設定でjavascriptを切っている場合は、記事個別のページへ直にリンクします）

カスタマイズ

特に制限はありません。
スタイルシートの知識が無くても、簡単に文字のサイズが変更できるように整理しました。スタイルシートの編集から、「文字サイズ変更」とある部分を見てください。'font-size:'以下の数値を変える事で、文字のサイズを変更できます。
（完全2カラム版・シンプル2カラム版のみ）中央の画像の固定、非固定が選べます。（詳しくはここをクリック）

プラグイン

（変形3カラム版）プラグインカテゴリ1を真ん中のカラムで、2を一番右のカラムで表示します。3の場合は、トップページのみ記事の上部に表示します。
（完全2カラム版・シンプル2カラム版）プラグインカテゴリ1を右のカラム、2を1の下に表示します。3の場合は、トップページのみ記事の上部に表示します。

修正履歴

comment

裕さんへ >>

初めまして。
スクロールバーの色を変える事は出来ます。
ただ、このテンプレートは標準モードで作成しているので、スタイルを指定する要素が「body」だと上手くいきません。（おそらくそうされているのでは？）
「body」を「html」変更すると、標準モードでスクロールバーのスタイルが変えられます。

↓こちらが参考になります。
http://www.tagindex.com/stylesheet/page/scrollbar_color.html

2008.01.25　 eriraha　編集

初めまして。
「e02_01_pinkpunch_s」を使わせて頂いているのですが、カスタマイズで分からないことがあり、コメントさせて頂きました。

このテンプレでスクロールバーの色を変更することは出来るでしょうか？

自分で試行錯誤してみたのですが、スタイルシートがわからず、断念してしまいました；
ピンクで統一されているデザインが可愛らしいので、スクロールバーもピンク色に統一したいなと思ったのですが。

カスタマイズに関することで申し訳ありませんが、お返事を頂けると幸いです。

2008.01.24　裕　編集

2007.10.25 鍵コメントさんへ

コメントありがとうございます。
小さい画面でも横スクロール出ないのは理想ですが、ごめんなさい、このへんが力量の限界でした。
いずれこのテンプレのシンプル版とか作ってみようと思います。

2007.10.30　 eriraha　編集

コメントを投稿