テンプレートとアクセスアップのでめらら楽天日記

< 新しい記事

新着記事一覧(全372件)

過去の記事 >

2005.06.01

スタイルシート（29）

(2)

テーマ：アクセス向上(301)

カテゴリ：【実験中】

スタイルシート>>基本>>ボックス>>float: ***;（回り込み）clear: ***;（回り込みの解除）

基本のボックス関連のスタイルはこれで終了です。
ボックスが自由自在に作成でき、自由自在に配置できるようになりますとかなり面白いテンプレートを作ったり、ホームページのコンテンツのレイアウトができるようになると思います。

■float: ***;
「float」は浮かせるという意味かと思いますが、ページの中にボックスを浮かべるようなイメージをしていただくといいのかと思います。
実際の効果としては続く文章や他の画像その他が回り込んで配置されますので、回り込みの作成ととらえることが出来ると思います。

【float: ***;に使用できる値】

□right･･･ボックスを右に、後に続く内容はその反対側の左に回り込みます
□none･･･初期値、回り込みはありません

▲直接指定の記述方法
<div style="width: 100px; height: 100px; float: left; background-color: red;">左ボックス</div>続く文章
<div style="width: 100px; height: 100px; float: right; background-color: blue;">右ボックス</div>続く文章
<div style="width: 100px; height: 100px; float: none; background-color: green;">初期値ボックス</div>続く文章
↓こんな感じですね（＾＾）

左ボックス

[DVD] 浜田省吾／ON THE ROAD 2001～THE MONOCHROME RAINBOW，LET SUMMER ROCK！’99，(通常盤)...

右ボックス

浜田省吾 ROAD OUT“MOVIE”【SRBL-1068】 =20%OFF!《発売日：00/07/05》

'76年のデビュー以来、独自の世界を築き上げ、日本のロック界に大きな足跡を残してきた浜田省吾。本作は1996年2月にビデオで発売されてたライブ作品「ROAD OUT "MOVIE"」のDVD版。主に1994年の横浜アリーナ、みちのく湖畔でのライブ映像を中心に、このビデオのために新たに録音された楽曲も収録。DVD化にあたってはサウンドをリマスタリングしてのリリースとなっている。

初期値ボックス

1998年から2001年の4年間に渡った“ON THE ROAD2001”から厳選されたライブ映像を収録。ライブアーティスト浜田省吾のいわばライブ映像のベスト盤！！7/31発売DVD BOXには収録されなかった映像も収録！〔「MONEY」「君の名を呼ぶ」「もうひとつの土曜日」（武道館ヴァージョン）〕等10曲を含む全14曲・80分収録する豪華な内容です。

■clear: ***;（回り込みの解除）
clear は、文字の回り込みを途中で解除するプロパティです

【clear: ***;に使用できる値】
□left…左フロートボックスの右側にある文字の回り込みを解除します
□right…右フロートボックスの左側にある文字の回り込みを解除します
□both…右左両方のボックスの周りある文字の回り込みを解除します
□none…解除しない（デフォルト）

▲直接指定の記述方法
<div style="width: 100px; height: 100px; float: left; background-color: red;">左ボックス</div>続く文章
<br>改行しても回り込みの位置で表示されます
<br style=" clear: both; ">回り込みが解除されボックスそのものから改行されます
↓こんな感じですね（＾＾）

左ボックス

前人未踏の超ロングツアー“ON THE ROAD 2001”の魅力を余すことなく凝縮した永久保存版BOXセット（DVD２枚＋ＣＤ1枚）。1998～2000年のホールツアー、1999年夏の野外コンサート、2001年のアリーナツアー、2002年の20年振りの日本武道館公演から選りすぐりのライブ映像・音源をピックアップ。
またDVDのデータ部分にはツアースケジュール及び全会場の演奏曲リスト等のデータと舞台裏の浜田省吾を追いかけた未公開映像等も収録した究極のライブドキュメント。限定盤、通常盤同時発売。

*****************************************************

【庶事所感】
googleのdanceが始まったようです（＞＜）
バックリンクのチェックやキーワードでの表示順位が大きく動いています。
シタバタするわけではないのですが、ページランクの設定や検索エンジンの結果表示がどのように変わってくるのか、ワクワクドキドキハラハラの数日になりそうです（＾＾）

*****************************************************

なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネ