スクロールテーブル
*スクロールするテーブルのソースのページです* 私のブログのトップページで使っているものです。タイプ違いも作りました**自分の記録用にオリジナルの素材を保存したページです。 もし気に入ったのがあれば使っていただければうれしいです*
ただし・・・ あくまでめちゃめちゃ素人が自分用に作ったものなので・・・ 動作確認はしていますが何か不具合がございましたら本当に申し訳ないです。 ひたすら謝るだけだったりするのでご了承ください(^_^;)すみませぬ。 m(__)mm(__)mm(__)m |
- 素人作成ですが日記枠柄などの素材の著作権は製作者であるワタクシち~!およびcheeに帰属します。念のため。
- 画像だけ取り込んで加工して使ったりなど、ここで紹介しているテンプレートとして以外の使用はご遠慮下さい。
- テンプレート内の一部だけのご利用やテンプレ本体の極端な色変更などは基本的にご遠慮下さい。
(日記の文章の色はテキトーに変更していただいても全然OKです。)
- テンプレート枠の下にあるcheeへのリンクタグは絶対にはずさないでくださいm(__)m
- コピー&ペーストして持ち帰ったテンプレートは日記部分以外のところへスペースや改行を入れないでください。ビミョーなタグなので崩れます(^_^;)
- テンプレートがうまく表示できなかったり不具合が生じた場合、難しいことはぶっちゃけよくわからないので(-_-;)解決できないかもしれませんが、わかる範囲でお答えするつもりです。
ただしパソコンを開く頻度がまちまちなので時間的にお答えできなかったりするかもしれません。ご了承ください。
- 日記用テンプレを使ってせっかく書いたのにUPしたらエラーが出て日記が飛んじゃったじゃねぇかっ!!などというクレームには正直対応できかねると思います。すみませんがご了承ください。。。
なんだかとっても無責任ですが・・・ご協力よろしくお願いいたします。m(__)m
| *
なおご利用いただいた奇特な方(笑)はBBSもしくはメールにてお知らせいただけるとありがたいです( ´`ω´) ンフ ・・・いつか御礼に行かせていただきます。(すぐにとは言えない)
*基本的に楽天ブログ用のテンプレです。 楽天外での使用をご希望の方はBBSもしくはメールにてご一報ください。お願いしますm(__)m ご利用報告いただいた方のリンクをブックマークに登録させていただいてますのでよろしくですm(__)m |
*パープルギンガムチェックのスクロールテーブルセット* テーブル+アップリケウサギのイラスト+てんとうむしのNEWアイコン+流れるタイトル
designed by chee
*他のイラストやアイコンも少しあります。お好きな組み合わせをどうぞ。 このページの一番下に入り口がありますので見てみてくださいね( ^ω^ ) *イラストの固定の仕方、枠のサイズの変更方法は下記を参照してください。*ソースはこちら↓枠の中をコピペしてね*
<TABLE WIDTH=530px height=70px style="border:0" cellspacing="10" cellpadding="10" background="http://image.space.rakuten.co.jp/lg01/36/0000023236/13/img6157e65dzikazj.jpeg"><TBODY><TR><td><p style="width:510px;height:60px;overflow:auto;text-align:left;padding:10px;border-style:solid;border-width:1px;border-color:#cc66cc;scrollbar-bace-color:#cc66cc;scrollbar-arrow-color:#cc66cc;scrollbar-face-color:#cc66cc;background-color:#FFFFCC; background-image : url(http://image.space.rakuten.co.jp/lg01/36/0000023236/67/img9fda4fe1zik5zj.gif);background-position:right top;background-repeat:no-repeat" align="center"><font size=1 color=99cc00>ここに最終更新日時 last update など<marquee scrollamount="3"><IMG SRC="http://image.space.rakuten.co.jp/lg01/36/0000023236/76/img897169c8zik8zj.gif" width="66" height="25" alt="new!"><font color=9932cc><em>ここに書いた文字や画像は流れます。<em></marquee><br>ここに内容いろいろ書いてください。 *サイト情報 *おすすめ情報 *インフォメーション *更新記録 *管理人プロフィール *あいさつ など*** *内容が一定の長さにならないとスクロールバーは表示されません*
<br></p></font></td></tr></tbody></table></center><p style="width:530px;text-align:right;font-size:10px;margin-top:0px">designed by <A HREF="http://plaza.rakuten.co.jp/icanworkoutit/" TARGET=new">chee</a></p>
|
*流れる文字、イラストのない枠だけのタイプのソースはこちら↓枠の中をコピペしてね*
<TABLE WIDTH=530px height=70px style="border:0" cellspacing="10" cellpadding="10" background="http://image.space.rakuten.co.jp/lg01/36/0000023236/13/img6157e65dzikazj.jpeg"><TBODY><TR><td><p style="width:510px;height:60px;overflow:auto;text-align:left;padding:10px;border-style:solid;border-width:1px;border-color:#cc66cc;scrollbar-bace-color:#cc66cc;scrollbar-arrow-color:#cc66cc;scrollbar-face-color:#cc66cc;background-color:#FFFFCC"><font size=1 color=99cc00>ここに内容いろいろ書いてください。 *サイト情報 *おすすめ情報 *インフォメーション *更新記録 *管理人プロフィール *あいさつ など*** *内容が一定の長さにならないとスクロールバーは表示されません*
<br></p></font></td></tr></tbody></table></center><p style="width:530px;text-align:right;font-size:10px;margin-top:0px">designed by <A HREF="http://plaza.rakuten.co.jp/icanworkoutit/" TARGET=new">chee</a></p>
|
*枠のサイズの変更の方法 と テーブル内にイラストを固定する方法**枠のサイズの変更の方法*
<TABLE WIDTH=530px←ここの数字を変更して外枠の幅を調節 height=70px←ここの数字を変えると外枠の高さを変更できます。
*テーブル内にイラストを固定する方法*
・・・・・・・<p style="width:510px;height:60px;overflow:auto;text-align:left;padding:10px;border-style:solid;border-width:1px;border-color:#cc66cc;scrollbar-bace-color:#cc66cc;scrollbar-arrow-color:#cc66cc;scrollbar-face-color:#cc66cc;background-color:#FFFFCC; background-image : url(http://ここに画像のURLを入れます);background-position:right←左に固定したい場合は left に変更ください top;background-repeat:no-repeat" align="center">
|
designed by chee
*チョコミントパッチワークのスクロールテーブルセット*
テーブル+小鳥のイラスト+キノコのNEWアイコン+流れるタイトル
designed by chee
*他のイラストやアイコンも少しあります。お好きな組み合わせをどうぞ。 このページの一番下に入り口がありますので見てみてくださいね( ^ω^ ) *イラストの固定の仕方、枠のサイズの変更方法は上記を参照してください。
*ソースはこちら↓枠の中をコピペしてね*
<TABLE WIDTH=530px height=70px style="border:0" cellspacing="10" cellpadding="10" background="http://image.space.rakuten.co.jp/lg01/36/0000023236/42/imgb7d2f5bazik2zj.jpeg"><TBODY><TR><td><p style="width:510px;height:60px;overflow:auto;text-align:left;padding:10px;border-style:solid;border-width:1px;border-color:#D2B48C;scrollbar-bace-color:#D2B48C;scrollbar-arrow-color:#D2B48C;scrollbar-face-color:#D2B48C;background-color:#FFFFFF; background-image : url(http://image.space.rakuten.co.jp/lg01/36/0000023236/82/imgb8993bbezik4zj.jpeg);background-position:right top;background-repeat:no-repeat" align="center"><FONT size="1" color="#736357">ここの最終更新日 last update など</font><br><marquee scrollamount="3"><IMG SRC="http://image.space.rakuten.co.jp/lg01/36/0000023236/65/img93748fd8zik9zj.gif" width="75" height="27" alt="kinokonew.1"><font color=9932cc><em>ここに書いた文字や画像は流れます。</em></marquee><br><FONT size="1" color="#736357">ここに内容いろいろ書いてください。 *サイト情報 *おすすめ情報 *インフォメーション *更新記録 *管理人プロフィール *あいさつ など*** *内容が一定の長さにならないとスクロールバーは表示されません*
</font></p></font></td></tr></table></center><p style="width:530px;text-align:right;font-size:10px;margin-top:0px">designed by <A HREF="http://plaza.rakuten.co.jp/icanworkoutit/" TARGET=new">chee</a></p>
|
*流れる文字、イラストのない枠だけのタイプのソースはこちら↓枠の中をコピペしてね*
<TABLE WIDTH=530px height=70px style="border:0" cellspacing="10" cellpadding="10" background="http://image.space.rakuten.co.jp/lg01/36/0000023236/42/imgb7d2f5bazik2zj.jpeg"><TBODY><TR><td><p style="width:510px;height:60px;overflow:auto;text-align:left;padding:10px;border-style:solid;border-width:1px;border-color:#D2B48C;scrollbar-bace-color:#D2B48C;scrollbar-arrow-color:#D2B48C;scrollbar-face-color:#D2B48C;background-color:#FFFFFF"><font size=1 color=736357>ここに内容いろいろ書いてください。 *サイト情報 *おすすめ情報 *インフォメーション *更新記録 *管理人プロフィール *あいさつ など*** *内容が一定の長さにならないとスクロールバーは表示されません*
<br></p></font></td></tr></tbody></table></center><p style="width:530px;text-align:right;font-size:10px;margin-top:0px">designed by <A HREF="http://plaza.rakuten.co.jp/icanworkoutit/" TARGET=new">chee</a></p>
|
* ほかにもいろいろあります*少しずつ更新中*
|
|
|