2005-07-29

新テンプレート「Floating」

サイドバーのみサイズ固定で、記事部分がどこまでもびよーんと伸びるテンプレートです。
右サイドバー専用、画像がいらないのでcssのみ書き換えでいけます。
CSS Generatorβにも追加してあります。
サンプルはこちら。
サンプル

設定方法は
http://temp-css.seesaa.net/article/3663981.html
をご覧ください。

また、今回は色数が多いので、サンプルの表示に試験的にJAVAscriptによる切り替え方法を使っています。
右上にあるドロップダウンメニューを動かして、cssを切り替えてください。
動作確認はWindowsXPにてIE6、Netscape7.1、Firefox1.0で行っています。
手元のOperaではなんでか動かない…。


以下のテキストフィールドからコピペでご利用ください。

Floating -Black- (右サイドバー専用)
Floating -Blue- (右サイドバー専用)
Floating -Casino- (右サイドバー専用)
Floating -Green- (右サイドバー専用)
Floating -Maroon- (右サイドバー専用)
Floating -Sky- (右サイドバー専用)
Floating -Sumire- (右サイドバー専用)


■Floating -Black- (右サイドバー専用)

Floating -Black- サンプル
※右上にあるドロップダウンメニューで「Black」を選択してください




■Floating -Blue- (右サイドバー専用)

Floating -Blue- サンプル
※右上にあるドロップダウンメニューで「Blue」を選択してください




■Floating -Casino- (右サイドバー専用)

Floating -Casino- サンプル
※右上にあるドロップダウンメニューで「Casino」を選択してください




■Floating -Green- (右サイドバー専用)

Floating -Green- サンプル
※右上にあるドロップダウンメニューで「Green」を選択してください




■Floating -Maroon- (右サイドバー専用)

Floating -Maroon- サンプル
※右上にあるドロップダウンメニューで「Maroon」を選択してください




■Floating -Sky- (右サイドバー専用)

Floating -Sky- サンプル
※右上にあるドロップダウンメニューで「Sky」を選択してください




■Floating -Sumire- (右サイドバー専用)

Floating -Sumire- サンプル
※右上にあるドロップダウンメニューで「Sumire」を選択してください

posted by 8 at 02:24 | Comment(10) | TrackBack(1) | テンプレート
この記事へのコメント
これの応用で、記事部分のサイズが変えられる両サイドバータイプのテンプレートもいくつか公開予定です。
かなり後日になるかもしれませんが、お楽しみにー。
Posted by 8 at 2005-07-29 02:52
はじめまして。
いつも新しいテンプレ楽しみに見ていました。

ちょうど僕好みのテンプレだったので使わせていただきました。
CSS Generatorもとても使いやすかったです。
ありがとうございました。

これからもがんばってください!
Posted by at 2005-07-31 06:07
テンプレート使わせていただきました。
サイドバーの幅が固定というのが、
ありそでないので、とても助かりました!

両サイドバータイプも楽しみにしてますね〜。
(乗り換えさせていただくかもです。)
Posted by Angie at 2005-08-01 22:21
はじめまして。

テンプレート使わせていただきました。
ありがとうございました。
Posted by ayubo at 2005-08-02 22:14
潤さん、Angieさん、ayuboさん、初めまして。
ご報告ありがとうございます。
大変格好よく使っていただけて嬉しいです。
これからもいろいろ作っていきますので、ぜひまた遊びに来てくださいね。
Posted by 8 at 2005-08-06 03:20
可愛いテンプレートがいっぱいですね。
Posted by さんじ at 2005-08-18 21:59
さんじさん、初めまして。
ありがとうございます。
Posted by 8 at 2005-08-25 03:33
とてもユニークなレイアウトで気に入りました。

遠慮なく使わせていただきます。
うまく使いこなせる自信はないのですが、いろいろ試してみます。

ありがとうございました。
Posted by lonnie at 2005-12-10 07:44
lonnieさんこんばんは、初めまして。
ご報告ありがとうございます。
ぜひいろいろ遊んでみてくださいね。
Posted by 8 at 2005-12-17 02:19
初めまして、利用させていただいてます。
ところでこのテンプレート、フッタが画面下部に表示されないのは仕様なんでしょうか?
Posted by YK at 2007-12-07 09:49
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのTrackBack URL


bodyの色を変えよう!
Excerpt: bodyの色を変えるには? 
Weblog: 横幅760ドットCSSテンプレートをつくる
Tracked: 2005-08-18 22:09
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。