「test」(2005/09/28 (水) 17:07:07) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
<center>
<table style=
"background-image:url(http://plaza.rakuten.co.jp/img/user/87/81/38708781/17.jpg);background-repeat:no-repeat;"
border="1" bordercolor="#E6E6FA" cellpadding="0" cellspacing="1" width="533px"
height="400px">
<tr>
<td align="right">
<div style=
"margin-top:8px;margin-bottom:8px;font-size:11pt;overflow:auto;border-style:none;width:515px;height:390px;scrollbar-base-color:#F0FFFF;scrollbar-arrow-color:#E6E6FA;scrollbar-track-color:#E6E6FA;"
align="left">拾ってきた画像のサイズに合わせて<br>
テーブルと文字を大きくしてみたよ。<br>
<br>
色違いで4種類つくってみたけど、<br>
どうよどうよ。どんなかんじ??<br>
<br>
<br>
こんなもんかなぁ??<br>
<br>
って、<br>
こんなもんとか言いながら<br>
人様のサイトでソースを開いて覗き見る、<br>
なんていう泥棒のようなことをやって研究中です 笑<br>
<br>
<br>
なにがしたいんだ私!!<br>
<br>
<br>
ちなみに、この背景画像は 533×400 という<br>
ひじょうに中途半端な大きさです。<br>
画像が重いかもしれないなぁ。<br>
リサイズしたほうがいい??<br>
<br>
いま“margin”てタグを学習しました。<br>
このスクロールテーブルだけ、<br>
トップとボトムに8pxずつ余白を持たせてみたよ。<br>
<br>
(by らび)<br>
<br>
<br>
<br>
<br>
<br>
雨待ち風<br>
<br>
遠くどこまででも続いて行く空<br>
<br>
君を失くしてから<br>
<br>
いつもの景色がよけいに色濃く映り込むから<br>
<br>
僕は目を閉じてしまう<br>
<br>
<br>
鳴り止まない胸の鼓動<br>
<br>
君を追って行けばよかったのに<br>
<br>
何も言わない入道雲<br>
<br>
あらいざらい消し去ってほしい<br>
<br>
雨待ち風、ほほをなでていく<br>
<br>
<br>
蜃気楼に溶けていく蝉達の叫び<br>
<br>
ここに生きている、と<br>
<br>
その身を削って伝えてる<br>
<br>
僕のかすれた声も君に届けばいいのに<br>
<br>
<br></div>
</td>
</tr>
</table>
</center>
<br>
<br>
<br>
<center>
<table style=
"background-image:url(http://plaza.rakuten.co.jp/img/user/87/81/38708781/16.jpg);background-repeat:no-repeat;"
border="1" bordercolor="#BC8F8F" cellpadding="0" cellspacing="1" width="533px"
height="400px">
<tr>
<td align="right">
<div style=
"font-size: 11pt;overflow:auto;border-style:none;width:515px;height:390px;scrollbar-base-color:#FAEBD7;scrollbar-arrow-color:#BC8F8F;scrollbar-track-color:#E9967A;"
align="left"><br>
雨待ち風<br>
<br>
遠くどこまででも続いて行く空<br>
<br>
君を失くしてから<br>
<br>
いつもの景色がよけいに色濃く映り込むから<br>
<br>
僕は目を閉じてしまう<br>
<br>
<br>
鳴り止まない胸の鼓動<br>
<br>
君を追って行けばよかったのに<br>
<br>
何も言わない入道雲<br>
<br>
あらいざらい消し去ってほしい<br>
<br>
雨待ち風、ほほをなでていく<br>
<br>
<br>
蜃気楼に溶けていく蝉達の叫び<br>
<br>
ここに生きている、と<br>
<br>
その身を削って伝えてる<br>
<br>
僕のかすれた声も君に届けばいいのに<br>
<br>
<br></div>
</td>
</tr>
</table>
</center>
<br>
<br>
<br>
<center>
<table style=
"background-image:url(http://plaza.rakuten.co.jp/img/user/87/81/38708781/19.jpg);background-repeat:no-repeat;"
border="1" bordercolor="#BC8F8F" cellpadding="0" cellspacing="1" width="533px"
height="400px">
<tr>
<td align="right">
<div style=
"font-size: 11pt;overflow:auto;border-style:none;width:515px;height:390px;scrollbar-base-color:#FAEBD7;scrollbar-arrow-color:#BC8F8F;scrollbar-track-color:#E9967A;"
align="left"><br>
雨待ち風<br>
<br>
遠くどこまででも続いて行く空<br>
<br>
君を失くしてから<br>
<br>
いつもの景色がよけいに色濃く映り込むから<br>
<br>
僕は目を閉じてしまう<br>
<br>
<br>
鳴り止まない胸の鼓動<br>
<br>
君を追って行けばよかったのに<br>
<br>
何も言わない入道雲<br>
<br>
あらいざらい消し去ってほしい<br>
<br>
雨待ち風、ほほをなでていく<br>
<br>
<br>
蜃気楼に溶けていく蝉達の叫び<br>
<br>
ここに生きている、と<br>
<br>
その身を削って伝えてる<br>
<br>
僕のかすれた声も君に届けばいいのに<br>
<br>
<br></div>
</td>
</tr>
</table>
</center>
<br>
<br>
<br>
<center>
<table style=
"background-image:url(http://plaza.rakuten.co.jp/img/user/87/81/38708781/18.jpg);background-repeat:no-repeat;"
border="1" bordercolor="#F08080" cellpadding="0" cellspacing="1" width="533px"
height="400px">
<tr>
<td align="right">
<div style=
"font-size: 11pt;overflow:auto;border-style:none;width:515px;height:390px;scrollbar-base-color:#FAEBD7;scrollbar-arrow-color:#F08080;scrollbar-track-color:#F08080;"
align="left"><br>
雨待ち風<br>
<br>
遠くどこまででも続いて行く空<br>
<br>
君を失くしてから<br>
<br>
いつもの景色がよけいに色濃く映り込むから<br>
<br>
僕は目を閉じてしまう<br>
<br>
<br>
鳴り止まない胸の鼓動<br>
<br>
君を追って行けばよかったのに<br>
<br>
何も言わない入道雲<br>
<br>
あらいざらい消し去ってほしい<br>
<br>
雨待ち風、ほほをなでていく<br>
<br>
<br>
蜃気楼に溶けていく蝉達の叫び<br>
<br>
ここに生きている、と<br>
<br>
その身を削って伝えてる<br>
<br>
僕のかすれた声も君に届けばいいのに<br>
<br>
<br></div>
</td>
</tr>
</table>
</center>
<br>
<br>
<br>
<hr>
<br>
<br>
<br>
<center>
<table style=
"background-image:url(http://plaza.rakuten.co.jp/img/user/87/81/38708781/2.jpg);background-repeat:no-repeat;"
border="1" bordercolor="#E6E6FA" cellpadding="0" cellspacing="1" width="450px"
height="350px">
<tr>
<td align="right">
<div style=
"margin-top:8px;margin-bottom:8px;overflow:auto;border-style:none;width:430px;height:332px;scrollbar-base-color:#ADD8E6;scrollbar-arrow-color:#FFF0F5;scrollbar-track-color:#E6E6FA;"
align="left">テストテスト。<br>
<br>
みずきを真似て、ラビ子もいんちきタグを組んでみるよ。<br>
<br>
センスねーな!あっはっは。<br>
素人だから許してね・・・よくわかってないの。<br>
画像は適当に素材屋さんから拾ってきました。<br>
<br>
<br>
SING A SONG(NO MUSIC NO LIFE)<br>
<br>
<br>
NO SMOKING?<br>
<br>
NO PARKING?<br>
<br>
NO DRINKING?<br>
<br>
NO SEX?<br>
<br>
NO KISSING?<br>
<br>
NO DANCING?<br>
<br>
<br>
NO! I CAN'T<br>
<br>
NO!! I CAN'T STAND IT!<br>
<br>
<br>
I WANT EVERYTHING,<br>
<br>
I NEED EVERYTHING,<br>
<br>
AND I SING A SONG<br>
<br>
'CAUSE THAT'S MY LIFE<br>
<br>
'CAUSE THAT'S MY LIFE<br>
<br>
<br>
<br>
YOU KNOW, THAT'S MY WAY.<br>
<br>
<br></div>
</td>
</tr>
</table>
</center>
<br>
<br>
<br>
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" width=
"500px">
<tr>
<td width="500px" rowspan="2">
<p style=
"width:80%;height:250px;overflow-y:scroll;background-color:#ffffff;fixed;scrollbar-face-color:#ffffff;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#000000;scrollbar-highlight-color:#000000;scrollbar-shadow-color:#000000;scrollbar-3dlight-color:#ffffff;scrollbar-darkshadow-color:#ffffff;border-style:solid;border-color:#000000; padding:20px; background: url(http://my.plaza.rakuten.co.jp/img/user/03/18/3260318/126.jpg); background-repeat : no-repeat; background-attachment : fixed;background-position : 100% 100%;border-width:1px;">
<font face="MS UI Gothic">それさえあれば何もいらない<br>
きみさえいれば他は同じで<br>
<br>
人ごみ 一呼吸<br>
皆牽制して外見と想像で<br>
身の振り、利口なふり<br>
いつか見た夢<br>
やばい、宿題終わったっけ<br>
<br>
目の前だけ見てやり過ごしてきた日々で<br>
はずみでそれは使い切ってしまう<br>
それは風になってしまう<br>
<br>
この際場所はどこだって同じ<br>
短い夏はそこでねばってんぞ<br>
<br>
嘘もいい、苦悩もいいが<br>
言い訳してるとたいてい不幸になったよ<br>
放浪フリーク 片言で<br>
いつだってうまく言えやしない<br>
<br>
だからどうか、 力とか光とか<br>
・・・実際苦手で<br>
<br>
目の前のせいにしてただ過ごしてきた日々で<br>
はずみでそれは歌になってしまう<br>
それは風になってしまう<br>
きみは<br>
<br>
<s>GRAPEVINE/放浪フリーク</s></font><br>
<br>
タグのテストをしているのですが<br>
こうすると、改行にまでタグを打たないといけないみたいだ。<br>ってやつね。<br>
がぼーーーーーん。<br>
<br>
うわーいめんどくさいよー!</p>
</td>
</tr>
</table>
<p style="width:500px;text-align:right;padding-right:10px; margin-top:1px">
�</p>
最初につくったやつ。<br>
<br>
<center>
<table style=
"background-image:url(http://plaza.rakuten.co.jp/img/user/87/81/38708781/2.jpg);background-repeat:no-repeat;"
border="1" bordercolor="#E6E6FA" cellpadding="0" cellspacing="1" width="450px"
height="350px">
<tr>
<td align="right">
<div style=
"margin-top:8px;margin-bottom:8px;overflow:auto;border-style:none;width:430px;height:332px;scrollbar-base-color:#ADD8E6;scrollbar-arrow-color:#FFF0F5;scrollbar-track-color:#E6E6FA;"
align="left">テストテスト。<br>
<br>
みずきを真似て、ラビ子もいんちきタグを組んでみるよ。<br>
<br>
センスねーな!あっはっは。<br>
素人だから許してね・・・よくわかってないの。<br>
画像は適当に素材屋さんから拾ってきました。<br>
<br>
<br>
SING A SONG(NO MUSIC NO LIFE)<br>
<br>
<br>
NO SMOKING?<br>
<br>
NO PARKING?<br>
<br>
NO DRINKING?<br>
<br>
NO SEX?<br>
<br>
NO KISSING?<br>
<br>
NO DANCING?<br>
<br>
<br>
NO! I CAN'T<br>
<br>
NO!! I CAN'T STAND IT!<br>
<br>
<br>
I WANT EVERYTHING,<br>
<br>
I NEED EVERYTHING,<br>
<br>
AND I SING A SONG<br>
<br>
'CAUSE THAT'S MY LIFE<br>
<br>
'CAUSE THAT'S MY LIFE<br>
<br>
<br>
<br>
YOU KNOW, THAT'S MY WAY.<br>
<br>
<br></div>
</td>
</tr>
</table>
</center>
<br>
<br>
<br>
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" width=
"500px">
<tr>
<td width="500px" rowspan="2">
<p style=
"width:80%;height:250px;overflow-y:scroll;background-color:#ffffff;fixed;scrollbar-face-color:#ffffff;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#000000;scrollbar-highlight-color:#000000;scrollbar-shadow-color:#000000;scrollbar-3dlight-color:#ffffff;scrollbar-darkshadow-color:#ffffff;border-style:solid;border-color:#000000; padding:20px; background: url(http://my.plaza.rakuten.co.jp/img/user/03/18/3260318/126.jpg); background-repeat : no-repeat; background-attachment : fixed;background-position : 100% 100%;border-width:1px;">
<font face="MS UI Gothic">それさえあれば何もいらない<br>
きみさえいれば他は同じで<br>
<br>
人ごみ 一呼吸<br>
皆牽制して外見と想像で<br>
身の振り、利口なふり<br>
いつか見た夢<br>
やばい、宿題終わったっけ<br>
<br>
目の前だけ見てやり過ごしてきた日々で<br>
はずみでそれは使い切ってしまう<br>
それは風になってしまう<br>
<br>
この際場所はどこだって同じ<br>
短い夏はそこでねばってんぞ<br>
<br>
嘘もいい、苦悩もいいが<br>
言い訳してるとたいてい不幸になったよ<br>
放浪フリーク 片言で<br>
いつだってうまく言えやしない<br>
<br>
だからどうか、 力とか光とか<br>
・・・実際苦手で<br>
<br>
目の前のせいにしてただ過ごしてきた日々で<br>
はずみでそれは歌になってしまう<br>
それは風になってしまう<br>
きみは<br>
<br>
<s>GRAPEVINE/放浪フリーク</s></font><br>
<br>
タグのテストをしているのですが<br>
こうすると、改行にまでタグを打たないといけないみたいだ。<br>ってやつね。<br>
がぼーーーーーん。<br>
<br>
うわーいめんどくさいよー!</p>
</td>
</tr>
</table>
<p style="width:500px;text-align:right;padding-right:10px; margin-top:1px">
�</p>
表示オプション
横に並べて表示:
変化行の前後のみ表示: