スクロールバーの付け方

  1. テンプレート カスタマイズ
スクロールバーの付け方

↓↓↓↓↓↓↓↓↓↓↓↓↓↓クリックで拡大↓↓↓↓↓↓↓↓↓↓↓↓↓↓

スクロールバー装着前!

スクロールバー装着後!

※ マニュアルカテゴリーに付いたスクロールバーを比較して下さい。

カスタマイズの前にテンプレートのコピーを取って下さい。

ブログ管理画面内のデザインの変更>テンプレート設定>修正>スタイルシートの分かり易いところに下記のCLASSタグを追加して下さい。
例)
.scrollbar {
overflow: auto;
height: 150px;
}

overflow, heightの値は御自分の好みのサイズに合わせて変更して下さい。
heightはスクロールバーを付けるプラグインボックスの高さを指定するプロパティです。詳細はこちらを参照下さい。
overflow は、領域内に収まりきらない内容を、どのように処理するかを指定するプロパティです。詳細はこちらを参照下さい。




※【クラス名について】クラス名をつける際には以下の点に注意してください。
・クラス名はご自由に選べますが、HTMLで使用するものと同じものをご利用下さい。
・今回scrollbarという名前で使用したクラス名ですが、どのクラス名を選んだとしてもご利用の際には、テンプレートですでに使われていないかを確認してからご利用下さい。
・大文字と小文字の区別があります。
・使用できる文字は、半角の英数字、ハイフン( - )、アンダーバー( _ )です。
・アンダーバー( _ )をクラス名に含めると、一部の古いブラウザではクラス名が認識されなくなります。
・アルファベットで始めなければなりません。(数字や記号で始めてはならない)
・テンプレートを変更したら、スタイルシートに.scrollbar{..}を再度追加する必要ありますので、テンプレートの変更の際にはお忘れないようお気を付け下さい。



最後に、CLASSタグを追加し終えたら、更新ボタンを押して下さい。

ブログ管理画面内のデザインの変更>プラグイン管理>スクロールバーを付けたいプラグインカテゴリー>編集>HTMLの編集><ul>タグ内ににclass属性を追加してクラス名を下記のように入れて下さい。
例)
<ul class="scrollbar">


※ クラス名はご自由に選べますが、のスタイルシートとクラス名が同じになるようにご設定して下さい。





最後に変更をボタンを押して下さい。
※どのプラグインカテゴリーでも同じやり方で、スクロールバーを付けられますのでご利用下さい。

<<  ブログとは?ブログのマナー  |  もくじへ  |  動画の投稿 ~NEW~   >>
|
ブログ | 総合ポータル | ニュース | テンプレート
利用規約 | ||通報|| | Report Abuse