[ちょっとした小技]スクロールバー

スクロールバーでスッキリ！

増えてきた情報をスッキリとさせる 小技　「スクロールバー」です。

サイトのＴＯＰページなどに更新情報をお知らせするスペースとして設置されている方も多いですね。
色番号や数値を変更することで、サイトに合ったものを作成できますよ

　文字や行数が少ないと「ただの四角いテーブル」にしか見えません。

■更新情報など

■更新情報など

■更新情報など

■更新情報など

ソースはこちら
<P style="width: 180px;height: 80px;overflow: auto;text-align: left;padding: 10px;border-style: solid;border-width: 1px;border-color: #777777;scrollbar-face-color: #777777;scrollbar-highlight-color: #777777;scrollbar-shadow-color: #777777;scrollbar-3dlight-color: #ffffff;scrollbar-arrow-color: #ffffff;scrollbar-track-color: #ffffff;scrollbar-darkshadow-color: #ffffff;background-color: #ffffff;">ここに記入する</P>

 

---

赤字部分をお好きな色番号にすることでスクロールバーの色が変わります。

 

#777777;scrollbar-face-color:
#777777;scrollbar-highlight-color:
#777777;scrollbar-shadow-color:
#777777;scrollbar-3dlight-color:

 

■更新情報など

■更新情報など

■更新情報など

■更新情報など

 

---

また　width: 180px;height: 80px;　の数値の変更でお好きな幅・高さになります。

 

■更新情報など

■更新情報など

■更新情報など

ランキングに参加中。応援して頂けると嬉しいです。