人気ブログランキング | 話題のタグを見る

スクロールメニューの設置法

スクロールメニューの設置法をご紹介します。
まぁ・・・簡単に書いてしまうと・・・
 <div style="overflow:scroll; height:☆px; width:☆px;
 border:☆px solid 色;">

 本文(表示させたい文や画像)

 </div>
                  ※ ☆:数字
これを、表示させたい場所(HTMLの窓)に書けばOKです。

今回は、いつもより真面目に勉強したので、もうちょっと説明します(笑)
overflow:auto; ←指定範囲をオーバーしたら、スクロールバーを表示してねってこと
height:☆px; ←高さ指定
width:☆px; ←幅指定
border:☆px solid 色; ←線の太さ、種類、色の指定

で、さらにこういうの↓も追加すると、私のスクロールメニューみたいになります。
white-space:nowrap; ←改行しないようにする
text-overflow:ellipsis; ←指定した幅より文字があるときに「...」(省略符号)をつける
scrollbar-face-color:色; ←スクロールバーの色指定

うぅむ・・・「紹介します」というわりに、かなり乱暴な教え方だねぇ・・・(汗)
ちなみに、コピペする場合は「<」と「>」を半角に修正して、
全角スペースを削除してくださいね☆




 
乱暴なまま・・・次に行きま~す!(オイっ!)
エントリーとエントリーの間に画像を挿入する方法。
スクロールメニューの設置法_e0023247_12510.jpgこれは、スキン編集の「本文」をクリックします。
で、そこのHTMLの窓の一番最後に、
  <img src="表示させたい画像URL"
  border="0">

って書けばOK!


おまけにもう一つ!(笑)
同じく「本文」のところで、<$postsubject$>っていうのを探して、
その次の行に
  <tr>
  <td><img src="レインボー画像のURL"></td>
  </tr>

って書くと・・・
こんな感じ↓に出来ちゃうよん♪
スクロールメニューの設置法_e0023247_0535670.jpg


お待たせしておいて、このエントリー・・・申し訳ないです。
わかりにくい点が多々あるかと思いますが、都度質問していただければ・・・と思います(; ̄ー ̄A

by さや | by SAYA-PEA | 2006-05-27 01:26 | exciteブログ 研究!! |

<< ビックリ・・・何連発? たまげたっ! (◎0◎) >>