スクロールバー付きテンプレ
ここでは 画像+ｽｸﾛｰﾙﾊﾞｰ のテンプレを配布してます。
画像は 画像の上で右クリックで お持ち帰りください。
画像の大きさによって タグの数字も変更されています。
画像を全く別なものと差し替えることも可能ですが
大きさに合わせて数値を変える必要があるので注意。
小さい画像を繰り返しで使う場合は問題ありません。
*空* SRB 1
台風が過ぎてカラッと晴れた朝
良い写真が沢山撮れました
太陽を撮ったとき 目が死ぬかと思った
けどPCに取り込んで後から写真を確認すると･･･
今まで空の写真を撮った中で
1番のデキとなっていました(笑)
そのため 写真に手を加えませんでした。
サイズを変えて 軽くするためにgif処理しただけで
色はそのまんま 残しました。
ここから
<CENTER>
<table cellpadding="0" style="border:3px double #CCCCFF;background-image:url( 画像URL );background-repeat:no-repeat;background-position:"><tr>
<td bordercolor="#000000"><CENTER><div style="width:468px;height:40em;overflow:auto;border:0px solid #ffffff;" style="scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-track-color:#ffffff; scrollbar-shadow-color:#CCCCFF; scrollbar-3dlight-color:#CCCCFF; scrollbar-arrow-color:#CCCCFF; scrollbar-base-color:#ffffff; scrollbar-darkshadow-color:#ffffff;"></CENTER>
コメント
</CENTER></td></tr></table>
ここまでコピペ
*空* SRB 2
台風が過ぎてカラッと晴れた朝
良い写真が沢山撮れました
太陽を撮ったとき 目が死ぬかと思った
けどPCに取り込んで後から写真を確認すると･･･
今まで空の写真を撮った中で
1番のデキとなっていました(笑)
そのため 写真に手を加えませんでした。
サイズを変えて 軽くするためにgif処理しただけで
色はそのまんま 残しました。
ここから
<CENTER>
<table cellpadding="0" style="border:3px double #CCCCFF;background-image:url( 画像URL );background-repeat:no-repeat;background-position:"><tr>
<td bordercolor="#000000"><CENTER><div style="width:518px;height:38em;overflow:auto;border:0px solid #ffffff;" style="scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-track-color:#ffffff; scrollbar-shadow-color:#CCCCFF; scrollbar-3dlight-color:#CCCCFF; scrollbar-arrow-color:#CCCCFF; scrollbar-base-color:#ffffff; scrollbar-darkshadow-color:#ffffff;"></CENTER>
コメント
</CENTER></td></tr></table>
ここまでコピペ
*空* SRB 3
台風が過ぎてカラッと晴れた朝
良い写真が沢山撮れました
これらの 写真に手を加えませんでした。
サイズを変えて 軽くするためにgif処理しただけで
色はそのまんま 残しました。
ここから
<CENTER>
<table cellpadding="0" style="border:3px double #CCCCFF;background-image:url( 画像URL );background-repeat:no-repeat;background-position:"><tr>
<td bordercolor="#000000"><CENTER><div style="width:500px;height:40em;overflow:auto;border:0px solid #ffffff;" style="scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-track-color:#ffffff; scrollbar-shadow-color:#CCCCFF; scrollbar-3dlight-color:#CCCCFF; scrollbar-arrow-color:#CCCCFF; scrollbar-base-color:#ffffff; scrollbar-darkshadow-color:#ffffff;"></CENTER>
コメント
</CENTER></td></tr></table>
ここまでコピペ
ピンクの枠付きBOXの壁紙に画像を入れて
ピンクのスクロールバーを付けました。
今までの応用みたいなものです♪
このテンプレに使う壁紙は薄めの色にしてください。
濃いと文字が見えにくくなります。
↓ここから↓
<CENTER><table style="border:1px solid #FFACE8;" bgcolor="FFE1ED"><tr><td bgcolor="white" style="border:1px solid #FFACE8;"><table cellpadding="0" style="border:2px;background-image:url( 画像URL );background-repeat:-repeat;width:445px;height:30em;"><tr><td bordercolor="#000000"><CENTER><div style="width:445px;height:30em;overflow:auto;border:1px solid #ffccff;" style="scrollbar-face-color:#FFE1ED; scrollbar-highlight-color:#ffe8f3; scrollbar-track-color:#ffccff; scrollbar-shadow-color:#ff99ff; scrollbar-3dlight-color:#ffffff; scrollbar-arrow-color:#ff99ff; scrollbar-base-color:#FFE1ED; scrollbar-darkshadow-color:#800000;"></CENTER>
コメント
</td></tr></table></td></tr></table></DIV></CENTER>
↑ここまで↑ コピペ
文字数が少ないと
SRB（スクロールバー）は表示されません。
↓ここから↓
<CENTER><table style="border:1px solid #FFD26B;" bgcolor="FFFAD7"><tr><td bgcolor="white" style="border:1px solid #FFD26B;"><table cellpadding="0" style="border:1px;background-image:url( 画像URL );background-repeat:-repeat;width:445px;height:30em;"><tr><td bordercolor="#000000"><CENTER><div style="width:445px;height:30em;overflow:auto;" style="scrollbar-face-color:#FFFAD7; scrollbar-highlight-color:#FFFAD7; scrollbar-track-color:#FFFAD7; scrollbar-shadow-color:#FFFAD7; scrollbar-3dlight-color:#ffffff; scrollbar-arrow-color:#FFD26B; scrollbar-base-color:#FFFAD7; scrollbar-darkshadow-color:#FFFAD7;"></CENTER>
コメント
</td></tr></table></td></tr></table></DIV></CENTER>
↑ここまでコピペ↑
画像は 画像の上で右クリック(*´ω｀*)ｂ
文字数が少ないと
SRB（スクロールバー）は表示されません。
↓ここから↓
<CENTER><table style="border:1px solid #5555FF;" bgcolor="D7E4FF"><tr><td bgcolor="#ffffff" style="border:1px solid #5555FF;"><table cellpadding="0" style="border:1px;background-image:url( 画像URL );background-repeat:-repeat;width:445px;height:30em;"><tr><td bordercolor="#000000"><CENTER><div style="width:445px;height:30em;overflow:auto;" style="scrollbar-face-color:#D7E4FF; scrollbar-highlight-color:#FFFAD7; scrollbar-track-color:#D7E4FF; scrollbar-shadow-color:#D7E4FF; scrollbar-3dlight-color:#5555FF; scrollbar-arrow-color:#5555FF; scrollbar-base-color:#D7E4FF; scrollbar-darkshadow-color:#5555FF;"></CENTER>
コメント
</td></tr></table></td></tr></table></DIV></CENTER>
↑ここまでコピペ↑
画像は 画像の上で右クリック(*´ω｀*)ｂ
文字数が少ないと
SRB（スクロールバー）は表示されません。
↓ここから↓
<CENTER><table style="border:1px solid #FFACE8;" bgcolor="FFE1ED"><tr><td bgcolor="white" style="border:1px solid #FFACE8;"><table cellpadding="0" style="border:1px;background-image:url( 画像URL );background-repeat:-repeat;width:445px;height:30em;"><tr><td bordercolor="#000000"><CENTER><div style="width:445px;height:30em;overflow:auto;" style="scrollbar-face-color:#FFE1ED; scrollbar-highlight-color:#ffe8f3; scrollbar-track-color:#ffccff; scrollbar-shadow-color:#ff99ff; scrollbar-3dlight-color:#ffffff; scrollbar-arrow-color:#ff99ff; scrollbar-base-color:#FFE1ED; scrollbar-darkshadow-color:#800000;"></CENTER>
コメント
</td></tr></table></td></tr></table></DIV></CENTER>
↑ここまでコピペ↑
画像は 画像の上で右クリック(*´ω｀*)ｂ
たまには こんなラブリーっぷりも良いよネ(笑)
バレンタイン時期に作れば良かったか！(ﾉ∀｀)ｱｲﾀｰ
文字数が少ないと SRB（ｽｸﾛｰﾙﾊﾞｰ）は表示されません。
↓ここから↓
<CENTER><table style="border:1px solid #FFACE8;" bgcolor="FFE1ED"><tr><td bgcolor="white" style="border:1px solid #FFACE8;"><table cellpadding="0" style="border:1px;background-image:url( 画像URL );background-repeat:-repeat;width:445px;height:30em;"><tr><td bordercolor="#000000"><CENTER><div style="width:445px;height:30em;overflow:auto;" style="scrollbar-face-color:#FFE1ED; scrollbar-highlight-color:#ffe8f3; scrollbar-track-color:#ffccff; scrollbar-shadow-color:#ff99ff; scrollbar-3dlight-color:#ffffff; scrollbar-arrow-color:#ff99ff; scrollbar-base-color:#FFE1ED; scrollbar-darkshadow-color:#800000;"></CENTER>
コメント
</td></tr></table></td></tr></table></DIV></CENTER>
↑ここまでコピペ↑
画像は 画像の上で右クリック(*´ω｀*)ｂ
最近。なんだか妙に
SRB（スクロールバー）が好きで(笑)
SRBものばかり作るので ついにカテゴリ追加。
いつも遊びに来てくれている方。ありがとう♪
テンプレを作るだけで
かなりの時間を使ってしまうので
1人1人にお礼が言えなくてごめんなさい。
でも知ってるから。
優しいメッセージなども ありがとう。
とても励みになっています。
どんどん使ってください♪
皆さんが楽しみながらブログが書けるように
これからも影ながら頑張ります(*^_^*)
↓ここから↓
<CENTER><table style="border:1px solid #FFACE8;" bgcolor="FFE1ED"><tr><td bgcolor="white" style="border:1px solid #FFACE8;"><table cellpadding="0" style="border:1px;background-image:url( 画像URL );background-repeat:-repeat;width:445px;height:30em;"><tr><td bordercolor="#000000"><CENTER><div style="width:445px;height:30em;overflow:auto;" style="scrollbar-face-color:#FFE1ED; scrollbar-highlight-color:#ffe8f3; scrollbar-track-color:#ffccff; scrollbar-shadow-color:#ff99ff; scrollbar-3dlight-color:#ffffff; scrollbar-arrow-color:#ff99ff; scrollbar-base-color:#FFE1ED; scrollbar-darkshadow-color:#800000;"></CENTER>
コメント
</td></tr></table></td></tr></table></DIV></CENTER>
↑ここまでコピペ↑
画像は 画像の上で右クリックでお持ち帰りください。
画像は 画像の上で右クリック
名前を付けて背景を保存 で持ち帰ってください。
文字数が少ないと スクロールバーは表示されません(*´ω｀*)ｂ
↓ここから↓
<CENTER>
<table cellpadding="0" style="border:3px double #CCCCFF;background-image:url( 画像URL );background-repeat:no-repeat;background-position:"><tr>
<td bordercolor="#000000"><CENTER><div style="width:467px;height:35em;overflow:auto;border:0px solid #ffffff;" style="scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-track-color:#ffffff; scrollbar-shadow-color:#CCCCFF; scrollbar-3dlight-color:#CCCCFF; scrollbar-arrow-color:#CCCCFF; scrollbar-base-color:#ffffff; scrollbar-darkshadow-color:#ffffff;"></CENTER>
コメント
</CENTER></td></tr></table>
↑ここまでコピペ↑
右の隙間はスクロールバーのスペースです。
長文に適したテンプレかも。
*空 2*
画像は 画像の上で右クリック
名前を付けて背景を保存 で持ち帰ってください。
文字数が少ないと スクロールバーは表示されません(*´ω｀*)ｂ
↓ここから↓
<CENTER>
<table cellpadding="0" style="border:3px double #CCCCFF;background-image:url( 画像URL );background-repeat:no-repeat;background-position:"><tr>
<td bordercolor="#000000"><CENTER><div style="width:467px;height:37em;overflow:auto;border:0px solid #ffffff;" style="scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-track-color:#ffffff; scrollbar-shadow-color:#CCCCFF; scrollbar-3dlight-color:#CCCCFF; scrollbar-arrow-color:#CCCCFF; scrollbar-base-color:#ffffff; scrollbar-darkshadow-color:#ffffff;"></CENTER>
コメント
</CENTER></td></tr></table>
↑ここまでコピペ↑
右の隙間はスクロールバーのスペースです。
長文に適したテンプレかも。
*ティアラ*
SRB（スクロールバー）付きのテンプレです。
文字数が少ないと SRBは表示されません。
画像は左下に固定してあります。
画像を固定して使うテンプレの場合は
今までのテンプレと違い
大抵の画像と差し替えても
数値の変更をする必要がありません。
画像を差し替えて使う場合は
なるべく小さめの画像をお使いください。
フィルターは設定していませんので
画像の上に文字が重なります。
文字がかさなっても読みやすい
淡い色の画像がお薦めです♪
ここから
<CENTER><table style="border:1px solid #FFACE8;" bgcolor="FFE1ED"><tr><td bgcolor="white" style="border:1px solid #FFACE8;"><table cellpadding="0" style="border:3px double #FFD1E4;background-image:url( 画像URL );background-repeat:no-repeat;background-position:left bottom;width:480px;height:30em;overflow:auto;"><tr><td bordercolor="#000000"><div style="width:480px;height:30em;overflow:auto;" style="scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-shadow-color:#FFE1ED; scrollbar-3dlight-color:#FFE1ED; scrollbar-arrow-color:#FFD1E4; scrollbar-base-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF;">
コメント
</DIV></TD></TR></TABLE></td></tr></table></CENTER>
ここまでコピペ
*白樺*
白樺の樹です。
冬っぽい 肌寒さを感じますねぇ(笑)
ここから
<CENTER>
<table cellpadding="0" style="border:3px double #B0C4DE;background-image:url( 画像URL );background-repeat:no-repeat;width:470px;height:32em;overflow:auto;"><tr><td bordercolor="#000000"><CENTER><div style="width:450px;height:30em;overflow:auto;" style="scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-shadow-color:#D7E4FF; scrollbar-3dlight-color:#D7E4FF; scrollbar-arrow-color:#D7E4FF; scrollbar-base-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF;"></CENTER>
コメント
</DIV></TD></TR></TABLE></CENTER>
ここまでをコピペ
*白樺並木*
白樺並木の画像です。
ここから
<CENTER>
<table cellpadding="0" style="border:3px double #B0C4DE;background-image:url( 画像URL );background-repeat:no-repeat;width:470px;height:32em;overflow:auto;"><tr><td bordercolor="#000000"><CENTER><div style="width:450px;height:30em;overflow:auto;" style="scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-shadow-color:#D7E4FF; scrollbar-3dlight-color:#D7E4FF; scrollbar-arrow-color:#D7E4FF; scrollbar-base-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF;"></CENTER>
コメント
</DIV></TD></TR></TABLE></CENTER>
ここまでコピペ
*入道雲*
去年だったか 一昨年だったか･･･
GWに お出かけした時の空です。
雲がモクモクしてて お気に入りです。
ここから
<CENTER><table style="border:1px solid #5555FF;" bgcolor="D7E4FF"><tr><td bgcolor="#ffffff" style="border:1px solid #5555FF;"><CENTER>
<table cellpadding="0" style="border:0px double #ffffff;background-image:url( 画像URL );background-repeat:no-repeat;width:460px;height:32em;overflow:auto;"><tr><td bordercolor="#000000"><CENTER><div style="width:440px;height:30em;overflow:auto;" style="scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-shadow-color:#D7E4FF; scrollbar-3dlight-color:#D7E4FF; scrollbar-arrow-color:#D7E4FF; scrollbar-base-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF;">
コメント
</DIV></TD></TR></TABLE></CENTER></td></tr></table></CENTER>
ここまでコピペ
*紫陽花*
青い枠に 画像を左下に固定し SRBを付けました。
画像は 画像の上で右クリックでお持ち帰りください。
ここから
<CENTER><table style="border:1px solid #5555FF;" bgcolor="D7E4FF"><tr><td bgcolor="#ffffff" style="border:1px solid #5555FF;"><table cellpadding="0" style="border:3px double #D7E4FF;background-image:url( 画像URL );background-repeat:no-repeat;background-position:left bottom;width:480px;height:30em;overflow:auto;"><tr><td bordercolor="#000000"><div style="width:480px;height:30em;overflow:auto;" style="scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-shadow-color:#FFE1ED; scrollbar-3dlight-color:#FFE1ED; scrollbar-arrow-color:#FFD1E4; scrollbar-base-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF;">
コメント
</DIV></TD></TR></TABLE></td></tr></table></CENTER>
ここまでコピペ
*CHU-RIP*黄色
黄色いチューリップ
ヵヮ。゜+.(≧艸≦)゜+.゜ィィ!!!
ここから
<CENTER><table style="border:1px solid #FFD26B;" bgcolor="FFFAD7"><tr><td bgcolor="white" style="border:1px solid #FFD26B;"><table cellpadding="0" style="border:3px double #FFFF00;background-image:url( 画像URL );background-repeat:no-repeat;background-position:left bottom;width:480px;height:30em;overflow:auto;"><tr><td bordercolor="#000000"><div style="width:480px;height:30em;overflow:auto;" style="scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-shadow-color:#FFFF00; scrollbar-3dlight-color:#FFFF00; scrollbar-arrow-color:#FFFF00; scrollbar-base-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF;">
コメント
</td></tr></table></td></tr></table></DIV></CENTER>
ここまでコピペ
*CHU-RIP*MIX
カラフルなチューリップも
ヵヮ。゜+.(≧艸≦)゜+.゜ィィ!!!
ここから
<CENTER><table style="border:1px solid #FFACE8;" bgcolor="FFE1ED"><tr><td bgcolor="white" style="border:1px solid #FFACE8;"><table cellpadding="0" style="border:3px double #FFD1E4;background-image:url( 画像URL );background-repeat:no-repeat;background-position:left bottom;width:460px;height:30em;overflow:auto;"><tr><td bordercolor="#000000"><div style="width:460px;height:30em;overflow:auto;" style="scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-shadow-color:#FFE1ED; scrollbar-3dlight-color:#FFE1ED; scrollbar-arrow-color:#FFD1E4; scrollbar-base-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF;">
コメント
</DIV></TD></TR></TABLE></td></tr></table></CENTER>
ここまでコピペ
*すずらん*
すずらんも好きな花です。
今度は画像を左上に固定してみました。
ここから
<CENTER><table style="border:1px solid #99E099;" bgcolor="E2FF95"><tr><td bgcolor="#ffffff" style="border:1px solid #99E099;"><table cellpadding="0" style="border:3px double #E2FF95;background-image:url( 画像URL );background-repeat:no-repeat;background-position:left top;width:480px;height:30em;overflow:auto;"><tr><td bordercolor="#000000"><div style="width:480px;height:30em;overflow:auto;" style="scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-shadow-color:#BDDD77; scrollbar-3dlight-color:#BDDD77; scrollbar-arrow-color:#99E099; scrollbar-base-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF;">
コメント
</DIV></TD></TR></TABLE></td></tr></table></CENTER>
ここまでコピペ
*空* 画像位置CENTER
画像の形を変えただけのﾃﾝﾌﾟﾚです。
枠もちょっと変化させてみました。
もちろんSRB(ｽｸﾛｰﾙﾊﾞｰ)付き。
文字数が少ないとSRBは表示されません。
ここから
<CENTER><table style="border:1px solid #5555FF;" bgcolor="D7E4FF"><tr><td bgcolor="#ffffff" style="border:1px solid #5555FF;"><table cellpadding="0" style="background-image:url( 画像URL );background-repeat:no-repeat;background-position:CENTER;width:458px;height:38em;overflow:auto;"><tr><td bordercolor="#000000"><div style="width:450px;height:34em;overflow:auto;" style="scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-shadow-color:#D7E4FF; scrollbar-3dlight-color:#D7E4FF; scrollbar-arrow-color:#5555FF; scrollbar-base-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF;">
コメント
</DIV></TD></TR></TABLE></td></tr></table></CENTER>
ここまでコピペ
このﾃﾝﾌﾟﾚは この画像のｻｲｽﾞで設定してあります。
画像を入れ替える際は ｻｲｽﾞの変更をしてNe☆
*空* 右上固定+SRB
画像の形を変えただけのﾃﾝﾌﾟﾚです。
枠もちょっと変化させてみました。
もちろんSRB(ｽｸﾛｰﾙﾊﾞｰ)付き。
文字数が少ないとSRBは表示されません。
ここから
<CENTER><table style="border:1px solid #5555FF;" bgcolor="D7E4FF"><tr><td bgcolor="#ffffff" style="border:1px solid #5555FF;"><table cellpadding="0" style="background-image:url( 画像URL );background-repeat:no-repeat;background-position:right top;width:458px;height:38em;overflow:auto;"><tr><td bordercolor="#000000"><div style="width:450px;height:34em;overflow:auto;" style="scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#5555FF; scrollbar-base-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF;">
コメント
</DIV></TD></TR></TABLE></td></tr></table></CENTER>
ここまでコピペ
このﾃﾝﾌﾟﾚは 画像を右上に固定してあります。
ジャンル別一覧
人気のクチコミテーマ
-
-
- アイフォン・アイポッドの必需品
- iPhone16pro 購入
- (2024-10-20 21:02:57)
-
-
-
- 楽天アフィリエイト♪
- 楽天トラベルの成果報酬の行方は？？
- (2024-11-27 23:30:54)
-
-
-
- 【楽天市場】新製品の激安 価格比較…
- Có nên mua máy lọc nước ion kiềm
- (2022-12-29 13:40:56)
-
© Rakuten Group, Inc.
