FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか?

なんでもスクロールを横に2つ並べる

なんでもスクロールを横に2つ並べて表示する方法を紹介します。

公式プラグイン「フリーエリア」の中を下記の様にしてください。

<div style="
height:100px; /* スクロールの高さはこの数値を変えて設定してください */
width: 200px; /* 幅 */
float:left; /* 左寄せ */

overflow:auto;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#cccccc;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#cccccc;
scrollbar-shadow-color:#cccccc;
scrollbar-track-color:#ffffff;">

※スクロールさせる文字やプラグインのHTMLをここに加えてください。

</div>

<div style="
height:100px; /* スクロールの高さはこの数値を変えて設定してください */
width: 200px; /* 幅 */
float:right; /* 右寄せ */

overflow:auto;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#cccccc;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#cccccc;
scrollbar-shadow-color:#cccccc;
scrollbar-track-color:#ffffff;">

※スクロールさせる文字やプラグインのHTMLをここに加えてください。

</div>

<br style="clear:both" />


赤い部分が「なんでもスクロール」に新たに加えられた部分です。
幅はお好みに合わせて競ってしてください。
スポンサーサイト



ブログ内検索1
プロフィール

いたお

Author:いたお
更新は非常にマイペースです
現在休止中です

当サイトはリンクフリーです。

いたおの他の運営サイト
カレンダー
08 | 2009/09 | 10
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 - - -
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。

※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー

08 | 2009/09 | 10
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 - - -
ユーザータグ


△ ページトップへ戻る