seesaaでスクロールバー(縦横あり)を表示。

商品リンクをクリックし通販サイトへ飛ぶ物は 「 広告 」のリンクです。
ブログの本文の箇所に縦横のスクロールバーをつける方法。
FC2ブログでは使えた方法がこのseesaaでは使えなかったので。
自分用メモ。

スクロールバーを縦横つける(強制的)

<div style="background:#E7E7E2; overflow:scroll; width:400px; height:100px; "><pre>
ここに好きなテキストを入力。
</pre></div>


スクロールバーを縦横つける(自動で判別)

<div style="background:#E7E7E2; overflow:auto; width:400px; height:100px; "><pre>
ここに好きなテキストを入力。
スクロールバーテスト1、スクロールバーテスト1、スクロールバーテスト1、スクロールバーテスト1
スクロールバーテスト2、スクロールバーテスト2、スクロールバーテスト2、スクロールバーテスト2
スクロールバーテスト1、スクロールバーテスト1、スクロールバーテスト1、スクロールバーテスト1
スクロールバーテスト1、スクロールバーテスト1、スクロールバーテスト1、スクロールバーテスト1
スクロールバーテスト2、スクロールバーテスト2、スクロールバーテスト2、スクロールバーテスト2
</pre></div>


画像を表示してスクロールさせる

CCD-H320BK_002.jpg

<div style="width:400px; height:300px; padding:0; margin:0; border:1px solid #CCC; overflow:auto;">
ここに好きな画像を入力。
<a href="https://kimama91.up.seesaa.net/image/CCD-H320BK_002.jpg" target="_blank"><img border="0" alt="CCD-H320BK_002.jpg" src="https://kimama91.up.seesaa.net/image/CCD-H320BK_002.jpg"></a>
</div>


こんな感じです。スクロールバーの大きさは
width:400px; height:100px; の部分を変更するか
表示枠全体に拡大したい場合は削除します。

背景色は background:#E7E7E2; にて設定します。

縦スクロールのみする方法はすぐ見つかったのですが
横スクロールするバーを探すのに手こずる。
ようやく探し当てて動作を確認。

便利なソースを投稿してくれていたサイトの方々に感謝。
以上。

おすすめリンク

ブログに横長の楽譜(1段譜)を画像で表示して弾き方などを解説する方法♪
記事をスクロールさせる方法
Amazon / 楽天市場 / Yahoo! でお買い物をする。

この記事へのコメント

人気記事

プロフィール

・このブログの管理者:気ままさん
・性別:男
・年齢:40代
・性格:プログラミング的思考+スキゾイド傾向
    去る者は追わず来る者は拒まず ( 人の悪意には敏感 )
・趣味:読書、パソコンを快適にする設定を探しにWeb旅行
    得た知識でブログの執筆
・一言:どうも、気ままさんと申します。
    需要のあるなしは関係なく、私が気に入った役に立った事を
    書いており必要な方が好きに観覧して頂ければと。
    私に出来ることは情報を収集し、まとめ、書き出すのみ。
    しがないブログではありますが何かのお役に立てれば。

プライバシーポリシー

プライバシーポリシー

当サイトでは、第三者配信による広告サービスを利用しています。このような広告配信事業者は、ユーザーの興味に応じた商品やサービスの広告を表示するため、当サイトや他サイトへのアクセスに関する情報 (氏名、住所、メール アドレス、電話番号は含まれません) を使用することがあります。このプロセスの詳細やこのような情報が広告配信事業者に使用されないようにする方法については、ここを参照するか ブラウザのCookie機能をオフにしてアクセスしてください。

気ままの簡易レビュー 2 はamazon.co.jpを宣伝しリンクすることによって
サイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムであるAmazonアソシエイト・プログラムの参加者です。

カウンター