人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ライブドアブログでアダルトブログを作りました。左側のスペースに女優名の一覧を作ったのですが、長くなりすぎてしまいました。

そこでスクロールバーを利用しようと思います。

HTMLやCSS、あとライブドアブログでの記述の仕方について詳しい方教えてください。

ブログ左側にある、頭文字が『あ』の女優、頭文字が『い』の女優など、スクロールバーで15人分ぐらいがそのまま見えて、後はスクロールしてみるという形にしたいです。
http://jyosikousei.net/

いちよアダルトブログなので18歳未満の方は訪問しないでください。よろしくお願いします。

●質問者: rakusutasia
●カテゴリ:インターネット ウェブ制作
✍キーワード:アダルト スクロール ライブドアブログ 作りました 女優
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● koriki-kozou
●5ポイント

サイドバーにスクロールバーをつけるcssを考えてみた

div.plugin-memo sidewrapper { overflow: scroll; height: 20em; }

この一行で全てのサイドバーの高さが20文字分になる

20文字を超えた場合はスクロールバーがでる

◎質問者からの返答

相互リンクなどスクロールバーをだしたくないものもあるので、ちょっと私としては使いづらいです。

せっかく考えていただいたのに、申し訳ありません。指定した部分だけ、スクロールバーがでる、そんなCSS、HTMLを希望しています。


2 ● kaz
●65ポイント ベストアンサー

出力された HTML では実際のテンプレートが分からないため、

細部が異なるかもしれませんが、以下で可能です。


■HTML の変更

<div class="plugin-memo sidewrapper">
<div class="sidetitlebody">
<div class="sidetitle">『あ』のAV女優</div><div class="plugin-memo sidewrapper actress-name">
<div class="sidetitlebody">
<div class="sidetitle">『あ』のAV女優</div>

上記の場所に actress-name を追加する。

※『か』以降も、同様の場所に追加してください


■CSS の変更

.actress-name {
overflow: auto;
height: 45em;
}

スクロールバーを、見出しにぴったりつけたい場合は height の下の行に「margin-top: 0;」を追加してください。

高さの「45em」とは「45文字分」という意味です。

現在の表示では名前の下に空間があり、1人分の名前が「およそ3文字分の高さ」になっているため、

15人分なら、45em という指定になります。(10人分にしたければ 30em)

※○○px という指定方法もありますが、

文字の大きさを変えている閲覧者にも対応できる ○○em での指定をおすすめします

◎質問者からの返答

すごい丁寧な回答をありがとうございます。明日、上の方法でうまくいくか、挑戦したいと思います。

kaz様、貴重なお時間頂戴し、ありがとうございます!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ