2004年11月の記事
全30件 (30件中 1-30件目)
1
-
テキストボックスのスクロールバー色を設定してみましょう
スクロールバーの色を設定してみましょう（ Ｉnternet Ｅxplorer 独自の拡張機能 ＩＥ5.5以上で有効 ）scrollbar-base-color:● 基本の色を指定scrollbar-face-color:● 表面の色を指定scrollbar-arrow-color:● 矢印の色を指定scrollbar-highlight-color:● ハイライト部分の色を指定scrollbar-3dlight-color:● ボタンのハイライト部分の色を指定scrollbar-shadow-color:● シャドウ部分の色を指定scrollbar-darkshadow-color:● ボタンのシャドウ部分の色を指定scrollbar-track-color:● スクロールバー背面部分の色を指定この他はボックスの配置を参考にしてください枠付きで divタグ を使ったスクロールバー付きのボックスは次のように指定しています。枠の種類は solid（実線）枠線の色は silver枠線の幅は 5px にしています。ボックスの幅は 500px 高さは 250px にしています。フォントサイズは font-size:12pt にしています。１行の高さはフォントサイズの１．５倍 line-height:1.5 にしています。下の例は line-height:1.5 以降にスクロールバーの色を１箇所ずつ指定してあります。８箇所を組み合わせることができます。これが普通のボックスです。スクロールバーの色を指定していない場合の標準のものです。ＨＴＭＬタグは<div style="overflow:auto;border-style:solid;border-color:silver;border-width:5px;width:500px;height:250px;font-size:12pt;line-height:1.5;">表示する文字をここから<BR><BR>overflow:autoのみ指定しています<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>ここまで書く</div>scrollbar-base-colorでスクロールバーの基本の色を指定します。全体的に指定した色になります。ＨＴＭＬタグは<div style="overflow:auto;border-style:solid;border-color:silver;border-width:5px;width:500px;height:250px;font-size:12pt;line-height:1.5;scrollbar-base-color:teal;">表示する文字をここから<BR>overflow:auto<BR>scrollbar-base-color:tealとしています<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>ここまで書く</div>scrollbar-face-colorでスクロールバーの表面の色を指定します。四角い部分が指定した色になります。ＨＴＭＬタグは<div style="overflow:auto;border-style:solid;border-color:silver;border-width:5px;width:500px;height:250px;font-size:12pt;line-height:1.5;scrollbar-face-color:teal;">表示する文字をここから<BR>overflow:auto<BR>scrollbar-face-color:tealとしています<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>ここまで書く</div>scrollbar-arrow-colorでスクロールバーの矢印の色を指定しますスクロールバーの矢印の色が指定色になります。ＨＴＭＬタグは<div style="overflow:auto;border-style:solid;border-color:silver;border-width:5px;width:500px;height:250px;font-size:12pt;line-height:1.5;scrollbar-arrow-color:teal;">表示する文字をここから<BR>overflow:auto<BR>scrollbar-arrow-color:tealとしています<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>ここまで書く</div>scrollbar-highlight-colorでスクロールバーのハイライト部分の色を指定します。ボタン内側の左と上の枠色が指定した色になります。ＨＴＭＬタグは<div style="overflow:auto;border-style:solid;border-color:silver;border-width:5px;width:500px;height:250px;font-size:12pt;line-height:1.5;scrollbar-highlight-color:teal;">表示する文字をここから<BR>overflow:auto<BR>scrollbar-highlight-color:tealとしています<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>ここまで書く</div>scrollbar-3dlight-colorでスクロールバーのボタンのハイライト部分の色を指定します。ボタン外側の右と下の枠色が指定した色になります。ＨＴＭＬタグは<div style="overflow:auto;border-style:solid;border-color:silver;border-width:5px;width:500px;height:250px;font-size:12pt;line-height:1.5;scrollbar-3dlight-color:teal;">表示する文字をここから<BR>overflow:auto<BR>scrollbar-3dlight-color:tealとしています<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>ここまで書く</div>scrollbar-shadow-colorでスクロールバーのシャドウ部分の色を指定します。ボタン内側の右と下の枠色が指定した色になります。ＨＴＭＬタグは<div style="overflow:auto;border-style:solid;border-color:silver;border-width:5px;width:500px;height:250px;font-size:12pt;line-height:1.5;scrollbar-shadow-color:teal;">表示する文字をここから<BR>overflow:auto<BR>scrollbar-shadow-color:tealとしています<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>ここまで書く</div>scrollbar-darkshadow-colorでスクロールバーのボタンのシャドウ部分の色を指定します。ボタン内側の右と下の枠色が指定した色になります。ＨＴＭＬタグは<div style="overflow:auto;border-style:solid;border-color:silver;border-width:5px;width:500px;height:250px;font-size:12pt;line-height:1.5;scrollbar-darkshadow-color:teal;">表示する文字をここから<BR>overflow:auto<BR>scrollbar-darkshadow-color:tealとしています<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>ここまで書く</div>scrollbar-track-colorでスクロールバーの背面の色を指定しますスクロールバーが動く部分の背景色が指定した色になります。ＨＴＭＬタグは<div style="overflow:auto;border-style:solid;border-color:silver;border-width:5px;width:500px;height:250px;font-size:12pt;line-height:1.5;scrollbar-track-color:teal;">表示する文字をここから<BR>overflow:auto<BR>scrollbar-track-color:tealとしています<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>・・・・・<BR><BR>ここまで書く</div>
2004年11月30日
コメント(3)
-
背景画像とスクロール（marquee）のお遊び
★ ★ 背景画像とスクロール（marquee）のお遊び ３上は背景画像の上をスクロール（marquee）画像が移動下はテキストボックスの下をスクロール（marquee）画像が移動
2004年11月29日
コメント(4)
-
背景画像とスクロール（marquee）のお遊び
★ 背景画像とスクロール（marquee）のお遊び １テキストの上をスクロール（marquee）画像が移動★ 背景画像とスクロール（marquee）のお遊び ２テキストの下をスクロール（marquee）画像が移動
2004年11月28日
コメント(4)
-
スクロール(marquee) slideを使う６ ★ 表示されない時は再表示して見てね
slide を使う６２行１列のテーブルを使って上下の組み合わせ各セルにグラデーション処理したテキストボックスを配置しています（ テキスト内容があふれた場合はスクロールバーをつけて表示 ）移動高さ ３００px上からでて下まで300px移動し 下から折り返して300px移動して停止ボックス 幅 width:600px 高さ height:300pxスクロールバーの色を設定（ Ｉnternet Ｅxplorer 独自の拡張機能 ＩＥ5.5以上で有効 ）scrollbar-base-color:#ffffff; 基本の色を指定scrollbar-face-color:#ffffff; 表面の色を指定scrollbar-arrow-color:#0000ff; 矢印の色を指定scrollbar-highlight-color:#ffffff; ハイライト部分の色を指定scrollbar-3dlight-color:#ffffff; ボタンのハイライト部分の色を指定scrollbar-shadow-color:#ffffff; シャドウ部分の色を指定scrollbar-darkshadow-color:#ffffff; ボタンのシャドウ部分の色を指定scrollbar-track-color:#ffffff; スクロールバー背面部分の色を指定下からでて上まで300px移動し 上から折り返して300px移動して停止ボックス 幅 width:600px 高さ height:200pxテキスト内容があふれた場合はスクロールバーをつけて表示セルの背景画像background="http://plaza.rakuten.co.jp/img/user/75/61/3347561/215.jpg"およびbackground="http://plaza.rakuten.co.jp/img/user/75/61/3347561/211.jpg"テキストボックスをグラデーション処理filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#aaffffff,EndColorStr=#ffffffff);グラデーションの方向 GradientType=0 0は縦方向 1は横方向スタートカラー および エンドカラーを８桁で指定最初の２桁は透明度（ 不透明はff → 中間80 → 透明は00 ）次の６桁はカラーコード テーブル全体の設定幅 width="600" 高さ height="600"セル間隔 cellspacing="0"セル内余白 cellpadding="0"テーブルを中央に配置 align="center"スタイルで設定枠線の幅・色・種類 border:10px #666666 solid;文字色 color:blue;フォントサイズ font-size:12pt;各セルの設定幅 width="600" 高さ height="300"背景画像background="http://plaza.rakuten.co.jp/img/user/75/61/3347561/215.jpg"およびbackground="http://plaza.rakuten.co.jp/img/user/75/61/3347561/211.jpg"テキストボックスの設定（ 今回は centerタグ に指定 ）テキスト内容があふれた場合はスクロールバーをつけて表示 overflow:auto;スクロールバーの色を設定 詳細はこちら（ Ｉnternet Ｅxplorer 独自の拡張機能 ＩＥ5.5以上で有効 ）scrollbar-base-color:#ffffff; 基本の色を指定scrollbar-face-color:#ffffff; 表面の色を指定scrollbar-arrow-color:#0000ff; 矢印の色を指定scrollbar-highlight-color:#ffffff; ハイライト部分の色を指定scrollbar-3dlight-color:#ffffff; ボタンのハイライト部分の色を指定scrollbar-shadow-color:#ffffff; シャドウ部分の色を指定scrollbar-darkshadow-color:#ffffff; ボタンのシャドウ部分の色を指定scrollbar-track-color:#ffffff; スクロールバー背面部分の色を指定幅 width:600px; 高さ height:300px;テキストボックスをグラデーション処理filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#aaffffff);およびfilter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#aaffffff,EndColorStr=#ffffffff);グラデーションの方向 GradientType=0 0は縦方向 1は横方向スタートカラー および エンドカラーを８桁で指定最初の２桁は透明度（ 不透明はff → 中間80 → 透明は00 ）次の６桁はカラーコードＨＴＭＬタグ（半角で約１６００文字）は<table style="border:10px #666666 solid;color:blue;font-size:12pt;" border="0" width="600" height="600" cellspacing="0" cellpadding="0" align="center"><tr><td width="600" height="300" background="http://plaza.rakuten.co.jp/img/user/75/61/3347561/215.jpg" align="center"><marquee width="600" height="300" behavior="slide" direction="down" scrollamount="20"><marquee width="600" height="300" behavior="slide" direction="up" scrollamount="4"><center style="overflow:auto;scrollbar-base-color:#ffffff;scrollbar-face-color:#ffffff;scrollbar-arrow-color:#0000ff;scrollbar-highlight-color:#ffffff;scrollbar-3dlight-color:#ffffff;scrollbar-shadow-color:#ffffff;scrollbar-darkshadow-color:#ffffff;scrollbar-track-color:#ffffff;width:600px;height:300px;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#aaffffff);">上からでて下まで300px移動し 下から折り返して300px移動して停止ボックス 幅 width:600px 高さ height:300pxスクロールバーの色を設定（ Ｉnternet Ｅxplorer 独自の拡張機能 ＩＥ5.5以上で有効 ）scrollbar-base-color:#ffffff; 基本の色を指定scrollbar-face-color:#ffffff; 表面の色を指定scrollbar-arrow-color:#0000ff; 矢印の色を指定scrollbar-highlight-color:#ffffff; ハイライト部分の色を指定scrollbar-3dlight-color:#ffffff; ボタンのハイライト部分の色を指定scrollbar-shadow-color:#ffffff; シャドウ部分の色を指定scrollbar-darkshadow-color:#ffffff; ボタンのシャドウ部分の色を指定scrollbar-track-color:#ffffff; スクロールバー背面部分の色を指定<br></center></marquee></marquee></td></tr><tr><td width="600" height="300" background="http://plaza.rakuten.co.jp/img/user/75/61/3347561/211.jpg" align="center"><marquee width="600" height="300" behavior="slide" direction="up" scrollamount="20"><marquee width="600" height="300" behavior="slide" direction="down" scrollamount="4"><center style="overflow:auto;scrollbar-base-color:#ffffff;scrollbar-face-color:#ffffff;scrollbar-arrow-color:#0000ff;scrollbar-highlight-color:#ffffff;scrollbar-3dlight-color:#ffffff;scrollbar-shadow-color:#ffffff;scrollbar-darkshadow-color:#ffffff;scrollbar-track-color:#ffffff;width:600px;height:300px;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#aaffffff,EndColorStr=#ffffffff);">下からでて上まで300px移動し 上から折り返して300px移動して停止ボックス 幅 width:600px 高さ height:200px<b><font color="#cc0000">テキスト内容があふれた場合はスクロールバーをつけて表示</font></b>セルの背景画像background="http://plaza.rakuten.co.jp/img/user/75/61/3347561/215.jpg"およびbackground="http://plaza.rakuten.co.jp/img/user/75/61/3347561/211.jpg"<b><font color=#cc0000>使う画像アドレスに変更してください</font></b>テキストボックスをグラデーション処理filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#aaffffff);およびfilter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#aaffffff,EndColorStr=#ffffffff);グラデーションの方向 GradientType=0 0は縦方向 1は横方向スタートカラー および エンドカラーを８桁で指定最初の２桁は透明度（ 不透明はff → 中間80 → 透明は00 ）次の６桁はカラーコード<br><br><br><br><br><br><br></center></marquee></marquee></td></tr></table>
2004年11月27日
コメント(2)
-
スクロール(marquee) slideを使う５ ★ 表示されない時は再表示して見てね
slide を使う５２行２列のテーブルを使って斜めの組み合わせ各セルにテキストボックスを配置しています（ テキスト内容があふれた場合はスクロールバーをつけて表示 ）移動幅 ３００px 移動高さ ３００px左上からでて右下まで移動して停止スクロール範囲width="300" height="300"範囲の片端にくると停止behavior="slide"方向direction="down" および direction="right"スクロールする速度scrollamount="10"テキスト内容があふれた場合はスクロールバーをつけて表示右上からでて左下まで移動して停止スクロール範囲width="300" height="300"範囲の片端にくると停止behavior="slide"方向direction="down" および direction="left"スクロールする速度scrollamount="6"左下からでて右上まで移動して停止スクロール範囲width="300" height="300"範囲の片端にくると停止behavior="slide"方向direction="up" および direction="right"スクロールする速度scrollamount="4"右下からでて左上まで移動して停止スクロール範囲width="300" height="300"範囲の片端にくると停止behavior="slide"方向direction="up" および direction="left"スクロールする速度scrollamount="8"テーブル全体の設定幅 width="600" 高さ height="600"背景画像 background="http://plaza.rakuten.co.jp/img/user/75/61/3347561/215.jpg"使う画像アドレスに変更してくださいセル間隔 cellspacing="0"セル内余白 cellpadding="0"テーブルを中央に配置 align="center"スタイルで設定枠線の幅・色・種類 border:10px #666666 solid;文字色 color:blue;フォントサイズ font-size:12pt;各セルの設定幅 width="300" 高さ height="300"テキストボックスの設定（ 今回は Ｐタグ に指定 ）テキスト内容があふれた場合はスクロールバーをつけて表示 overflow:auto;幅 width:300px; 高さ height:300px;背景色 background-color:#fffff0; および background-color:#fff0ff;ＨＴＭＬタグ（半角で約１４００文字）は<table style="border:10px #666666 solid;color:blue;font-size:12pt;" border="0" width="600" height="600" background="http://plaza.rakuten.co.jp/img/user/75/61/3347561/215.jpg" cellspacing="0" cellpadding="0" align="center"><tr><td width="300" height="300"><marquee width="300" height="300" behavior="slide" direction="down" scrollamount="10"><marquee width="300" height="300" behavior="slide" direction="right" scrollamount="10"><P style="overflow:auto;width:300px;height:300px;background-color:#fffff0;">左上からでて右下まで移動して停止<BR> スクロール<BR>範囲<BR>width="300" height="300"<BR>範囲の片端にくると停止<BR>behavior="slide"<BR>方向<BR>direction="down" および direction="right"<BR>スクロールする速度<BR>scrollamount="10"<BR><b><font color="#cc0000">テキスト内容があふれた場合はスクロールバーをつけて表示<BR>背景画像は使う画像アドレスに変更してください</font></b><BR><BR><BR><BR><BR><BR><BR></P></marquee></marquee></td><td width="300"><marquee width="300" height="300" behavior="slide" direction="down" scrollamount="6"><marquee width="300" height="300" behavior="slide" direction="left" scrollamount="6"><P style="overflow:auto;width:300px;height:300px;background-color:#fff0ff;">右上からでて左下まで移動して停止<BR> スクロール<BR>範囲<BR>width="300" height="300"<BR>範囲の片端にくると停止<BR>behavior="slide"<BR>方向<BR>direction="down" および direction="left"<BR>スクロールする速度<BR>scrollamount="6"<BR></P></marquee></marquee></td></tr><tr><td height="300"><marquee width="300" height="300" behavior="slide" direction="up" scrollamount="4"><marquee width="300" height="300" behavior="slide" direction="right" scrollamount="4"><P style="overflow:auto;width:300px;height:300px;background-color:#fff0ff;">左下からでて右上まで移動して停止<BR> スクロール<BR>範囲<BR>width="300" height="300"<BR>範囲の片端にくると停止<BR>behavior="slide"<BR>方向<BR>direction="up" および direction="right"<BR>スクロールする速度<BR>scrollamount="4"<BR></P></marquee></marquee></td><td><marquee width="300" height="300" behavior="slide" direction="up" scrollamount="8"><marquee width="300" height="300" behavior="slide" direction="left" scrollamount="8"><P style="overflow:auto;width:300px;height:300px;background-color:#fffff0;">右下からでて左上まで移動して停止<BR> スクロールする範囲<BR>width="300" height="300"<BR>スクロール<BR>範囲の片端にくると停止<BR>behavior="slide"<BR>方向<BR>direction="up" および direction="left"<BR>スクロールする速度<BR>scrollamount="8"<BR> </P></marquee></marquee></td></tr></table>
2004年11月26日
コメント(2)
-
スクロール(marquee) slideを使う４ ★ 表示されない時は再表示して見てね
slide を使う４２行２列のテーブルを使って上下左右の組み合わせ各セルにテキストボックスを配置しています（ テキスト内容があふれた場合はスクロールバーをつけて表示 ）移動幅 ３００px 移動高さ ３００px右からでて左まで移動して停止スクロールする範囲width="300" height="300"スクロールする範囲の片端にくると停止behavior="slide"スクロールの方向direction="left"スクロールする速度scrollamount="2"テキスト内容があふれた場合はスクロールバーをつけて表示下からでて上まで移動して停止スクロールする範囲width="300" height="300"スクロールする範囲の片端にくると停止behavior="slide"スクロールの方向direction="up"スクロールする速度scrollamount="2"上からでて下まで移動して停止スクロールする範囲width="300" height="300"スクロールする範囲の片端にくると停止behavior="slide"スクロールの方向direction="down"スクロールする速度scrollamount="2"左からでて右まで移動して停止スクロールする範囲width="300" height="300"スクロールする範囲の片端にくると停止behavior="slide"スクロールの方向direction="right"スクロールする速度scrollamount="2"テーブル全体の設定幅 width="600" 高さ height="600"背景色 bgcolor="#999999"セル間隔 cellspacing="0"セル内余白 cellpadding="0"テーブルを中央に配置 align="center"スタイルで設定枠線の幅・色・種類 border:10px #666666 solid;文字色 color:blue;フォントサイズ font-size:12pt;各セルの設定幅 width="300" 高さ height="300"テキストボックスの設定（ 今回は Ｐタグ に指定 ）テキスト内容があふれた場合はスクロールバーをつけて表示 overflow:auto;幅 width:300px; 高さ height:300px;背景色 background-color:#fffff0; および background-color:#fff0ff;ＨＴＭＬタグ（半角で約１０００文字）は<table style="border:10px #666666 solid;color:blue;font-size:12pt;" border="0" width="600" height="600" bgcolor="#999999" cellspacing="0" cellpadding="0" align="center"><tr><td width="300" height="300"><marquee width="300" height="300" behavior="slide" direction="left" scrollamount="2"><P style="overflow:auto;width:300px;height:300px;background-color:#fffff0;">右からでて左まで移動して停止<br> スクロールする範囲<br>width="300"height="300"<br>スクロールする範囲の片端にくると停止<br>behavior="slide"<br>スクロールの方向<br>direction="left"<br>スクロールする速度scrollamount="2"<br><br><br><br>テキスト内容があふれた場合はスクロールバーをつけて表示<br><br><br><br><br><br><br><br></P></marquee></td><td width="300"><marquee width="300" height="300" behavior="slide" direction="up" scrollamount="2"><P style="overflow:auto;width:300px;height:300px;background-color:#fff0ff;">下からでて上まで移動して停止<br>スクロールする範囲<br>width="300" height="300"<br>スクロールする範囲の片端にくると停止<br>behavior="slide"<br>スクロールの方向<br>direction="up"<br>スクロールする速度scrollamount="2" </P></marquee></td></tr><tr><td height="300"><marquee width="300" height="300" behavior="slide" direction="down" scrollamount="2"><P style="overflow:auto;width:300px;height:300px;background-color:#fff0ff;">上からでて下まで移動して停止<br>スクロールする範囲<br>width="300" height="300"<br>スクロールする範囲の片端にくると停止<br>behavior="slide"<br>スクロールの方向<br>direction="down"<br>スクロールする速度scrollamount="2" </P></marquee></td><td><marquee width="300" height="300" behavior="slide" direction="right" scrollamount="2"><P style="overflow:auto;width:300px;height:300px;background-color:#fffff0;">左からでて右まで移動して停止<br>スクロールする範囲<br>width="300" height="300"<br>スクロールする範囲の片端にくると停止<br>behavior="slide"<br>スクロールの方向<br>direction="right"<br>スクロールする速度scrollamount="2" </P></marquee></td></tr></table>スクロール部分にアニメカーソルを表示する♪スクロール部分にアニメカーソルを表示するにはmarquee タグに直接スタイルを設定しますカーソルに使う画像楽天広場（画像の倉庫）に登録できないファイル形式（ ani や cur ）ですＨＴＭＬタグは<marquee style="cursor:url(http://からはじまるカーソルに使う画像アドレス);" behavior="alternate" direction="left" scrollamount="3">動かすテキストや画像</marquee>
2004年11月25日
コメント(4)
-
スクロール(marquee) slideを使う３ ★ 表示されない時は再表示して見てね
slide を使う３ ボックス幅 ６００px ボックス高さ ３００px右上からでて左下まで移動して停止ＨＴＭＬタグは<table style="color:blue;font-size:12pt;" border="0" width="620" height="320" bgcolor="#999999" cellspacing="0" cellpadding="10" align="center"><tr><td><marquee width="600" height="300" behavior="slide" direction="down" scrollamount="2"><marquee width="600" height="300" behavior="slide" direction="left" scrollamount="4"><P style="width:600px;height:300px;background-color:#fffff0;">右上からでて左下まで移動して停止ボックス幅 width:600px 移動速度 scrollamount="4"ボックス高さ height:300px 移動速度 scrollamount="2"</P></marquee></marquee></td><tr><table>左上からでて右下まで移動して停止ＨＴＭＬタグは<table style="color:blue;font-size:12pt;" border="0" width="620" height="320" bgcolor="#999999" cellspacing="0" cellpadding="10" align="center"><tr><td><marquee width="600" height="300" behavior="slide" direction="down" scrollamount="2"><marquee width="600" height="300" behavior="slide" direction="right" scrollamount="4"><P style="width:600px;height:300px;background-color:#fff0ff;">左上からでて右下まで移動して停止ボックス幅 width:600px 移動速度 scrollamount="4"ボックス高さ height:300px 移動速度 scrollamount="2"</P></marquee></marquee></td><tr><table>右下からでて左上まで移動して停止ＨＴＭＬタグは<table style="color:blue;font-size:12pt;" border="0" width="620" height="320" bgcolor="#999999" cellspacing="0" cellpadding="10" align="center"><tr><td><marquee width="600" height="300" behavior="slide" direction="up" scrollamount="2"><marquee width="600" height="300" behavior="slide" direction="left" scrollamount="4"><P style="width:600px;height:300px;background-color:#fffff0;">右下からでて左上まで移動して停止ボックス幅 width:600px 移動速度 scrollamount="4"ボックス高さ height:300px 移動速度 scrollamount="2"</P></marquee></marquee></td><tr><table>左下からでて右上まで移動して停止ＨＴＭＬタグは<table style="color:blue;font-size:12pt;" border="0" width="620" height="320" bgcolor="#999999" cellspacing="0" cellpadding="10" align="center"><tr><td><marquee width="600" height="300" behavior="slide" direction="up" scrollamount="2"><marquee width="600" height="300" behavior="slide" direction="right" scrollamount="4"><P style="width:600px;height:300px;background-color:#fff0ff;">左下からでて右上まで移動して停止ボックス幅 width:600px 移動速度 scrollamount="4"ボックス高さ height:300px 移動速度 scrollamount="2"</P></marquee></marquee></td><tr><table>スクロール部分にアニメカーソルを表示する♪スクロール部分にアニメカーソルを表示するにはmarquee タグに直接スタイルを設定しますカーソルに使う画像楽天広場（画像の倉庫）に登録できないファイル形式（ ani や cur ）ですＨＴＭＬタグは<marquee style="cursor:url(http://からはじまるカーソルに使う画像アドレス);" behavior="alternate" direction="left" scrollamount="3">動かすテキストや画像</marquee>背景画像のお遊び左側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=ccccffffエンドカラー EndColorStr=#33000000右側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=#33ffffffエンドカラー EndColorStr=#ccffffcc左（透明度cc）→右（透明度33）へ変化左（透明度33）→右（透明度cc）へ変化
2004年11月24日
コメント(3)
-
スクロール(marquee) slideを使う２ ★ 表示されない時は再表示して見てね
slide を使う２ ボックス幅 ６００px ボックス高さ ２５０px上からでて下まで250px移動し 下から折り返して250px移動して停止ＨＴＭＬタグは<table style="color:blue;font-size:12pt;" border="0" width="620" height="270" bgcolor="#999999" cellspacing="0" cellpadding="10" align="center"><tr><td><marquee width="600" height="250" behavior="slide" direction="down" scrollamount="20"><marquee width="600" height="250" behavior="slide" direction="up" scrollamount="2"><P style="width:600px;height:250px;background-color:#fffff0;">上からでて下まで250px移動し 下から折り返して250px移動して停止<BR>ボックス 幅 width:600px 高さ height:250px</P></marquee></marquee></td><tr><table>下からでて上まで250px移動し 上から折り返して250px移動して停止ＨＴＭＬタグは<table style="color:blue;font-size:12pt;" border="0" width="620" height="270" bgcolor="#999999" cellspacing="0" cellpadding="10" align="center"><tr><td><marquee width="600" height="250" behavior="slide" direction="up" scrollamount="20"><marquee width="600" height="250" behavior="slide" direction="down" scrollamount="2"><P style="width:600px;height:250px;background-color:#fff0ff;">下からでて上まで250px移動し 上から折り返して250px移動して停止<BR>ボックス 幅 width:600px 高さ height:250px</P></marquee></marquee></td><tr><table>２個配置した場合のＨＴＭＬタグ<table style="color:blue;font-size:12pt;" border="0" width="620" height="520" bgcolor="#999999" cellspacing="0" cellpadding="10" align="center"><tr><td align="center"><marquee width="600" height="250" behavior="slide" direction="down" scrollamount="20"><marquee width="600" height="250" behavior="slide" direction="up" scrollamount="2"><P style="width:600px;height:250px;background-color:#fffff0;">上からでて下まで250px移動し 下から折り返して250px移動して停止<BR>ボックス 幅 width:600px 高さ height:250px</P></marquee></marquee><marquee width="600" height="250" behavior="slide" direction="up" scrollamount="20"><marquee width="600" height="250" behavior="slide" direction="down" scrollamount="2"><P style="width:600px;height:250px;background-color:#fff0ff;">下からでて上まで250px移動し 上から折り返して250px移動して停止<BR>ボックス 幅 width:600px 高さ height:250px</P></marquee></marquee></td></tr></table>スクロール部分にアニメカーソルを表示する♪スクロール部分にアニメカーソルを表示するにはmarquee タグに直接スタイルを設定しますカーソルに使う画像楽天広場（画像の倉庫）に登録できないファイル形式（ ani や cur ）ですＨＴＭＬタグは<marquee style="cursor:url(http://からはじまるカーソルに使う画像アドレス);" behavior="alternate" direction="left" scrollamount="3">動かすテキストや画像</marquee>背景画像のお遊び左側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=ccccffffエンドカラー EndColorStr=#33000000右側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=#33ffffffエンドカラー EndColorStr=#ccffffcc左（透明度cc）→右（透明度33）へ変化左（透明度33）→右（透明度cc）へ変化
2004年11月23日
コメント(3)
-
スクロール(marquee) slideを使う１ ★ 表示されない時は再表示して見てね
slide を使う１ ボックス幅 ６００px ボックス高さ ２５０px右端からでて左端まで600px移動し 左端から折り返して600px移動して停止ＨＴＭＬタグは<table style="color:blue;font-size:12pt;" border="0" width="620" height="270" bgcolor="#999999" cellspacing="0" cellpadding="10" align="center"><tr><td><marquee width="600" height="250" behavior="slide" direction="left" scrollamount="80"><marquee width="600" height="250" behavior="slide" direction="right" scrollamount="20"><P style="width:600px;height:250px;background-color:#fffff0;">右端からでて左端まで600px移動し 左端から折り返して600px移動して停止ボックス 幅 width:600px 高さ height:250px</P></marquee></marquee></td><tr><table>左端からでて右端まで600px移動し 右端から折り返して600px移動して停止ＨＴＭＬタグは<table style="color:blue;font-size:12pt;" border="0" width="620" height="270" bgcolor="#999999" cellspacing="0" cellpadding="10" align="center"><tr><td><marquee width="600" height="250" behavior="slide" direction="right" scrollamount="80"><marquee width="600" height="250" behavior="slide" direction="left" scrollamount="20"><P style="width:600px;height:250px;background-color:#fff0ff;">左端からでて右端まで600px移動し 右端から折り返して600px移動して停止ボックス 幅 width:600px 高さ height:250px</P></marquee></marquee></td><tr><table>２個配置した場合のＨＴＭＬタグ<table style="color:blue;font-size:12pt;" border="0" width="620" height="520" bgcolor="#999999" cellspacing="0" cellpadding="10" align="center"><tr><td align="center"><marquee width="600" height="250" behavior="slide" direction="left" scrollamount="80"><marquee width="600" height="250" behavior="slide" direction="right" scrollamount="20"><P style="width:600px;height:250px;background-color:#fffff0;">左端からでて右端まで600px移動し 右端から折り返して600px移動して停止<BR>ボックス 幅 width:600px 高さ height:250px</P></marquee></marquee><marquee width="600" height="250" behavior="slide" direction="right" scrollamount="80"><marquee width="600" height="250" behavior="slide" direction="left" scrollamount="20"><P style="width:600px;height:250px;background-color:#fff0ff;">右端からでて左端まで600px移動し 左端から折り返して600px移動して停止<BR>ボックス 幅 width:600px 高さ height:250px</P></marquee></marquee></td></tr></table>スクロール部分にアニメカーソルを表示する♪スクロール部分にアニメカーソルを表示するにはmarquee タグに直接スタイルを設定しますカーソルに使う画像楽天広場（画像の倉庫）に登録できないファイル形式（ ani や cur ）ですＨＴＭＬタグは<marquee style="cursor:url(http://からはじまるカーソルに使う画像アドレス);" behavior="alternate" direction="left" scrollamount="3">動かすテキストや画像</marquee>背景画像のお遊び左側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=ccccffffエンドカラー EndColorStr=#33000000右側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=#33ffffffエンドカラー EndColorStr=#ccffffcc左（透明度cc）→右（透明度33）へ変化左（透明度33）→右（透明度cc）へ変化
2004年11月22日
コメント(3)
-
スクロール(marquee)のお遊び ★ 表示されない時は再表示して見てね
スクロール部分にアニメカーソルを表示する♪スクロール部分にアニメカーソルを表示するにはmarquee タグに直接スタイルを設定しますカーソルに使う画像楽天広場（画像の倉庫）に登録できないファイル形式（ ani や cur ）ですＨＴＭＬタグは<marquee style="cursor:url(http://からはじまるカーソルに使う画像アドレス);" behavior="alternate" direction="left" scrollamount="3">動かすテキストや画像</marquee>スクロールの動き方behavior="scroll"、"alternate"、"slide"で設定します。スクロールする回数はloop="回数"で設定します。 scroll ：片方からでてきてページを横切る動作を繰り返す<marquee width="600" behavior="scroll" direction="left" scrollamount="10">動かすテキストや画像</marquee>behavior="scroll"指定した回数分繰り返す（最後は見えなくなります）<marquee width="600" behavior="scroll" direction="left" scrollamount="10" loop="5">動かすテキストや画像</marquee>direction="left" loop="5"<marquee width="600" behavior="scroll" direction="right" scrollamount="10" loop="5">動かすテキストや画像</marquee>direction="right" loop="5"alternate ：スクロールする範囲の片端にくると、逆方向にスクロールdirection="left" 奇数は左端 偶数は右端 に止まります。direction="right" 奇数は右端 偶数は左端 に止まります。<marquee width="600" behavior="alternate" direction="left" scrollamount="10">動かすテキストや画像</marquee>behavior="alternate"<marquee width="600" behavior="alternate" direction="left" scrollamount="10" loop="3">動かすテキストや画像</marquee>direction="left" loop="3"<marquee width="600" behavior="alternate" direction="left" scrollamount="10" loop="4">動かすテキストや画像</marquee>direction="left" loop="4"<marquee width="600" behavior="alternate" direction="right" scrollamount="10" loop="5">動かすテキストや画像</marquee>direction="right" loop="5"<marquee width="600" behavior="alternate" direction="right" scrollamount="10" loop="6">動かすテキストや画像</marquee>direction="right" loop="6"slide ：スクロールする範囲の片端にくると停止<marquee width="600" behavior="slide" direction="left" scrollamount="10">動かすテキストや画像</marquee>direction="left"<marquee width="600" behavior="slide" direction="right" scrollamount="10">動かすテキストや画像</marquee>direction="right"背景画像のお遊び左側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=ccccffffエンドカラー EndColorStr=#33000000右側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=#33ffffffエンドカラー EndColorStr=#ccffffcc左（透明度cc）→右（透明度33）へ変化左（透明度33）→右（透明度cc）へ変化
2004年11月21日
コメント(3)
-
スクロール(marquee)のお遊び ★ 表示されない時は再表示して見てね
スクロールスクロールのお遊び♪スクロールの動き方behavior="scroll"、"alternate"、"slide"で設定します。スクロールする回数はloop="回数"で設定します。 scroll ：片方からでてきてページを横切る動作を繰り返すbehavior="scroll"指定した回数分繰り返す（最後は見えなくなります）direction="left" loop="5"direction="right" loop="5"alternate ：スクロールする範囲の片端にくると、逆方向にスクロールdirection="left" 奇数は左端 偶数は右端 に止まります。direction="right" 奇数は右端 偶数は左端 に止まります。behavior="alternate"direction="left" loop="3"direction="left" loop="4"direction="right" loop="5"direction="right" loop="6"slide ：スクロールする範囲の片端にくると停止direction="left"direction="right"背景画像のお遊び左側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=ccccffffエンドカラー EndColorStr=#33000000右側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=#33ffffffエンドカラー EndColorStr=#ccffffcc左（透明度cc）→右（透明度33）へ変化左（透明度33）→右（透明度cc）へ変化
2004年11月20日
コメント(2)
-
テーブル（表） 枠線の種類をスタイルで設定してみましょう
テーブル（表） 枠線の種類をスタイルで設定するテーブル属性では 枠線幅 と 枠線色 の設定はできますが枠線の種類 を設定することができません。テーブル や セル の枠線種類は スタイルで設定します。今回は 枠線を一括して指定してみましょう。（ 上下左右毎の枠線 や 枠線以外の設定は
2004年11月19日
コメント(3)
-
スクロール(marquee)のお遊び
スクロールスクロールを組み合わせてみましょうランダムに動いたり止まったりします（ スクロールする範囲や速度を変えることで動き方が変わります ）必ず指定するものスクロールする範囲 と スクロールの動き方スクロールの動き方は behavior="alternate" を指定（ スクロールする範囲の片端にくると、逆方向にスクロール ）<marquee width="外側の幅" behavior="alternate" direction="left" scrollamount="1"><marquee width="内側の幅" behavior="alternate" direction="left" scrollamount="1">動かすテキストや画像</marquee></marquee>direction="left" scrollamount="1" の例（ わかりやすいように背景色をつけています ）外側の幅width="600"内側の幅width="200"外側の幅width="600"内側の幅width="300"外側の幅width="600"内側の幅width="400"外側の幅width="600"内側の幅width="500"スクロールの方向を変えてみましょう<marquee width="外側の幅" behavior="alternate" direction="right" scrollamount="1"><marquee width="内側の幅" behavior="alternate" direction="left" scrollamount="1">動かすテキストや画像</marquee></marquee>外側の幅width="600"内側の幅width="200"外側の幅width="600"内側の幅width="300"外側の幅width="600"内側の幅width="400"外側の幅width="600"内側の幅width="500"背景画像のお遊び左側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=ccccffffエンドカラー EndColorStr=#33000000右側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=#33ffffffエンドカラー EndColorStr=#ccffffcc左（透明度cc）→右（透明度33）へ変化左（透明度33）→右（透明度cc）へ変化
2004年11月18日
コメント(4)
-
画像配置のお遊び ★ 表示されない時は再表示して見てね
スクロールの方向を組み合わせてみましょう左右に移動５回で停止direction="left" の場合１右から左→２左から右→３右から左→４左から右→５右から左<marquee width="400" behavior="alternate" direction="left" loop="5">動かすテキストや画像</marquee>direction="right" にすると１左から右→２右から左→３左から右→４右から左→５左から右上下に移動５回で停止direction="up" の場合１下から上→２上から下→３下から上→４上から下→５下から上<marquee height="200" behavior="alternate" direction="up" loop="5">動かすテキストや画像</marquee>direction="down" にすると１上から下→２下から上→３上から下→４下から上→５上から下斜めに移動５回で停止direction="up" および direction="left" の場合１右下から左上→２左上から右下→３右下から左上→４左上から右下→５右下から左上<marquee height="200" behavior="alternate" direction="up" loop="5"><marquee width="200" behavior="alternate" direction="left" loop="5">動かすテキストや画像</marquee>direction="down" および direction="right" にすると１左上から右下→２右下から左上→３左上から右下→４右下から左上→左上から右下斜めに移動５回で停止direction="down" および direction="left" の場合１右上から左下→２左下から右上→３右上から左下→４左下から右上→５右上から左下<marquee height="200" behavior="alternate" direction="up" loop="5"><marquee width="200" behavior="alternate" direction="left" loop="5">動かすテキストや画像</marquee>direction="up" および direction="right" にすると１左下から右上→２右上から左下→３左下から右上→４右上から左下→５左下から右上テーブル内に配置してみましょう
2004年11月17日
コメント(3)
-
画像配置のお遊び ★ 表示されない時は再表示して見てね
上下左右のスクロールを組み合わせてみましょうスクロール範囲に背景色をつけてみましょう
2004年11月16日
コメント(3)
-
画像配置のお遊び ★ 日米野球 全８戦の結果 ★ 表示されない時は再表示して見てね
日米野球 日程と試合結果メジャー選抜 ４勝 － ３勝 日本選抜試 合月 日 スコア 第１戦１１月 ５日（金）日本選抜２－７メジャー選抜第２戦１１月 ６日（土）メジャー選抜５－３日本選抜第３戦１１月 ７日（日）日本選抜３－７メジャー選抜第４戦１１月 ９日（火）メジャー選抜７－２日本選抜第５戦１１月１０日（水）日本選抜３－１メジャー選抜第６戦１１月１１日（木）メジャー選抜１－５日本選抜第７戦１１月１２日（金）日本選抜３－２メジャー選抜第８戦１１月１４日（日）メジャー選抜５－０日本選抜背景画像のお遊び左側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=ccccffffエンドカラー EndColorStr=#33000000右側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=#33ffffffエンドカラー EndColorStr=#ccffffcc左（透明度cc）→右（透明度33）へ変化左（透明度33）→右（透明度cc）へ変化
2004年11月15日
コメント(5)
-
画像配置のお遊び ★ 日米野球 第８戦 ★ 表示されない時は再表示して見てね
日米野球 第８戦 １４日 １２：００ 東京ドーム １２３４５６７８９計Ｈ日本選抜００００００００００６メジャー選抜０００２３０００Ｘ５１０勝利投手敗戦投手日本選抜メジャー選抜本塁打ピービ ２勝井川 １敗井川、新垣、石井、加藤ピービ、シールズ、ラインブリンク、ロドリゲスオルティス２号２ラン（４回、井川）ウェルズ２号２ラン（５回、井川）背景画像のお遊び左側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=ccccffffエンドカラー EndColorStr=#33000000右側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=#33ffffffエンドカラー EndColorStr=#ccffffcc左（透明度cc）→右（透明度33）へ変化左（透明度33）→右（透明度cc）へ変化
2004年11月14日
コメント(5)
-
画像配置のお遊び ★ 日米野球 第７戦までの結果 ★ 表示されない時は再表示して見てね
日米野球 日程と試合結果試 合月 日 スコア 第１戦１１月 ５日（金）日本選抜２－７メジャー選抜第２戦１１月 ６日（土）メジャー選抜５－３日本選抜第３戦１１月 ７日（日）日本選抜３－７メジャー選抜第４戦１１月 ９日（火）メジャー選抜７－２日本選抜第５戦１１月１０日（水）日本選抜３－１メジャー選抜第６戦１１月１１日（木）メジャー選抜１－５日本選抜第７戦１１月１２日（金）日本選抜３－２メジャー選抜第８戦１１月１４日（日）メジャー選抜 日本選抜背景画像のお遊び左側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=ccccffffエンドカラー EndColorStr=#33000000右側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=#33ffffffエンドカラー EndColorStr=#ccffffcc左（透明度cc）→右（透明度33）へ変化左（透明度33）→右（透明度cc）へ変化
2004年11月13日
コメント(2)
-
日米野球 第７戦 ★ 背景画像のお遊び
アニメカーソル 作成ソフトで４種類の画像を結合 日米野球 第７戦 １２日 １９：００ ナゴヤドーム １２３４５６７８９計Ｈメジャー選抜００００００２００２５日本選抜０００００００１２Ｘ３７勝利投手敗戦投手メジャー選抜日本選抜横山 １勝大塚 １敗石井、マーキス、キング、大塚上原、渡辺俊、三瀬、山口、横山背景画像のお遊び左側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=ccccffffエンドカラー EndColorStr=#33000000右側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=#33ffffffエンドカラー EndColorStr=#ccffffcc左（透明度cc）→右（透明度33）へ変化左（透明度33）→右（透明度cc）へ変化
2004年11月12日
コメント(4)
-
日米野球 第６戦 ★ 背景画像のお遊び
アニメカーソル作成ソフトで４種類の画像を結合アニメカーソル作成ソフトで３種類の画像を結合日米野球 第６戦 １１日 １８：３０ 札幌ドーム １２３４５６７８９計Ｈ日本選抜０２００１００２０５７メジャー選抜０００００１０００１５勝利投手敗戦投手日本選抜メジャー選抜本塁打松坂 １勝レッドマン １敗松坂レッドマン、ローシュ、ラインブリンク、ロドリゲスキング、リーツマ佐伯１号ソロ（８回、ロドリゲス）背景画像のお遊び左側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=ccccffffエンドカラー EndColorStr=#33000000右側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=#33ffffffエンドカラー EndColorStr=#ccffffcc左（透明度cc）→右（透明度33）へ変化左（透明度33）→右（透明度cc）へ変化
2004年11月11日
コメント(4)
-
日米野球 第５戦 ★ 背景画像のお遊び
日米野球 第５戦 １０日 １８：３０ 大阪ドーム １２３４５６７８９計Ｈメジャー選抜００００００１００１４日本選抜０３００００００Ｘ３８勝利投手セーブ敗戦投手メジャー選抜日本選抜岩隈 １勝三瀬 １セーブクレメンス １敗クレメンス、シールズ、ウィリス岩隈、石井、五十嵐亮、三瀬アニメカーソル作成ソフトで４種類の画像を結合アニメカーソル作成ソフトで３種類の画像を結合背景画像のお遊び左側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=ffccffffエンドカラー EndColorStr=#33000000右側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=#ffffffccエンドカラー EndColorStr=#33000000左（透明度ff）→右（透明度33）へ変化左（透明度ff）→右（透明度33）へ変化
2004年11月10日
コメント(4)
-
アニメカーソルのお遊び ★ 日米野球 第４戦 ★ 背景画像のお遊び
アニメカーソル作成ソフトで４種類の画像を結合アニメカーソル作成ソフトで３種類の画像を結合gtoneさんの所で紹介されている ANIめーかーで作ってみました。楽天広場では登録できないファイル形式ですイメージ⇒アイコン コンバート機能を使って作ってみました。（ ドラッグ＆ドロップするだけでアイコンが作れます）画像（100px × 100px ）から アイコンサイズ（32px × 32px ）にリサイズ（自動縮小）して複数枚組み合わせています。１ イメージの編集で使う画像（1Q61.png)を ドラッグ＆ドロップして すまーとリサイズを行います２ 画像がリサイズされて取り込まれます３ 組み合わせる枚数分繰り返します４ フレームの編集でインターバル（表示する間隔）を調整して すべて保存（ファイル形式 ani）します 保存（ファイル形式 ico や cur ）ではフレーム毎になりますプレビューはこのように表示されます５ 参考 新規作成では 作成用パレットが表示されます日米野球 第４戦 ９日 １８：３０ 福岡ドーム １２３４５６７８９計Ｈ日本選抜０００１１００００２７メジャー選抜４１０００１１０Ｘ７１１勝利投手敗戦投手日本選抜メジャー選抜本塁打ピービ １勝新垣 １敗新垣、小林宏ピービ、シールズ、キング、リーツマ、カレーロブラロック１号ソロ（２回、新垣）背景画像のお遊び左側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=ffccffffエンドカラー EndColorStr=#33000000右側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=#ffffffccエンドカラー EndColorStr=#33000000左（透明度ff）→右（透明度33）へ変化左（透明度ff）→右（透明度33）へ変化
2004年11月09日
コメント(5)
-
画像配置とスクロールのお遊び ★ 表示されない時は再表示して見てね
背景色をつけてみましょうスクロールの指定 と テーブルを重ね合わせて配置する例ＨＴＭＬタグは<table border="0" width="420" height="420" cellspacing="0" cellpadding="0" align="center"><tr><td height="150" align="center"><table border="0" width="420" height="150" cellspacing="0" cellpadding="0"><tr><td width="150" align="left" valign="top"><marquee height="150" behavior="alternate" direction="up" scrollamount="3" loop="5"><marquee width="150" behavior="alternate" direction="left" scrollamount="3" loop="5"><IMG SRC="http://plaza.rakuten.co.jp/img/user/75/61/3347561/222.jpg"></marquee></marquee></td><td width="120" align="center" valign="bottom"><marquee height="150" hspace="10" behavior="alternate" direction="down" scrollamount="3" loop="5"><IMG SRC="http://plaza.rakuten.co.jp/img/user/75/61/3347561/202.jpg"></marquee></td><td width="150" align="right" valign="top"><marquee height="150" behavior="alternate" direction="up" scrollamount="3" loop="5"><marquee width="150" behavior="alternate" direction="right" scrollamount="3" loop="5"><IMG SRC="http://plaza.rakuten.co.jp/img/user/75/61/3347561/211.jpg"></marquee></marquee></td></tr></table></td></tr><tr><td height="110" align="center"><table border="0" width="320" cellspacing="0" cellpadding="0"><tr><td width="160" align="left"><marquee width="160" behavior="alternate" direction="left" scrollamount="3" loop="5"><IMG SRC="http://plaza.rakuten.co.jp/img/user/75/61/3347561/212.jpg"></marquee></td><td width="160" align="right"><marquee width="160" behavior="alternate" direction="right" scrollamount="3" loop="5"><IMG SRC="http://plaza.rakuten.co.jp/img/user/75/61/3347561/210.jpg"></marquee></td></tr></table></td></tr><tr><td height="150" align="center"><table border="0" width="420" height="150" cellspacing="0" cellpadding="0"><tr><td width="150" align="left" valign="bottom"><marquee height="150" behavior="alternate" direction="down" scrollamount="3" loop="5"><marquee width="150" behavior="alternate" direction="left" scrollamount="3" loop="5"><IMG SRC="http://plaza.rakuten.co.jp/img/user/75/61/3347561/213.jpg"></marquee></marquee></td><td width="120" align="center" valign="top"><marquee height="150" hspace="10" behavior="alternate" direction="up" scrollamount="3" loop="5"><IMG SRC="http://plaza.rakuten.co.jp/img/user/75/61/3347561/215.jpg"></marquee></td><td width="150" align="right" valign="bottom"><marquee height="150" behavior="alternate" direction="down" scrollamount="3" loop="5"><marquee width="150" behavior="alternate" direction="right" scrollamount="3" loop="5"><IMG SRC="http://plaza.rakuten.co.jp/img/user/75/61/3347561/217.jpg"></marquee></marquee></td></tr></table></td></tr></table>使う画像アドレスに変更して下さい。セル内の横方向表示位置と縦方向表示位置はスクロールの指定を削除した場合に有効になります。
2004年11月08日
コメント(7)
-
スクロールのお遊び ★ 日米野球 第３戦
スクロールの指定テーブルを重ね合わせて配置する例ＨＴＭＬタグは<table border="0" width="560" height="540" cellspacing="0" cellpadding="0" align="center"><tr><td height="210" align="center"><table border="0" width="540" height="210" cellspacing="0" cellpadding="0"><tr><td width="210" align="right" valign="bottom"><marquee width="210" behavior="alternate" direction="left" scrollamount="5" loop="6"><IMG SRC="http://plaza.rakuten.co.jp/img/user/75/61/3347561/222.jpg"></marquee></td><td width="120" align="center" valign="top"><marquee height="210" hspace="10" behavior="alternate" direction="up" scrollamount="6" loop="7"><IMG SRC="http://plaza.rakuten.co.jp/img/user/75/61/3347561/202.jpg"></marquee></td><td width="210" align="left" valign="bottom"><marquee width="210" behavior="alternate" direction="right" scrollamount="5" loop="6"><IMG SRC="http://plaza.rakuten.co.jp/img/user/75/61/3347561/211.jpg"></marquee></td></tr></table></td></tr><tr><td height="110" align="center"><table border="0" width="550" cellspacing="0" cellpadding="0"><tr><td width="110" align="center"><IMG SRC="http://plaza.rakuten.co.jp/img/user/75/61/3347561/212.jpg"></td><td width="330" align="center"><B><a href="http://plaza.rakuten.co.jp/kazusaka/7002" target="_blank">スクロールの指定</a><BR><BR><a href="http://plaza.rakuten.co.jp/kazusaka/7011/#kasanegyou" target="_blank">テーブルを重ね合わせて配置する例</a></B></td><td width="110" align="center"><IMG SRC="http://plaza.rakuten.co.jp/img/user/75/61/3347561/210.jpg"></td></tr></table></td></tr><tr><td height="210" align="center"><table border="0" width="540" height="210" cellspacing="0" cellpadding="0"><tr><td width="210" align="right" valign="top"><marquee width="210" behavior="alternate" direction="left" scrollamount="4" loop="6"><IMG SRC="http://plaza.rakuten.co.jp/img/user/75/61/3347561/213.jpg"></marquee></td><td width="120" align="center" valign="bottom"><marquee height="210" hspace="10" behavior="alternate" direction="down" scrollamount="5" loop="9"><IMG SRC="http://plaza.rakuten.co.jp/img/user/75/61/3347561/215.jpg"></marquee></td><td width="210" align="left" valign="top"><marquee width="210" behavior="alternate" direction="right" scrollamount="4" loop="6"><IMG SRC="http://plaza.rakuten.co.jp/img/user/75/61/3347561/217.jpg"></marquee></td></tr></table></td></tr></table>使う画像アドレスに変更して下さい。日米野球 第３戦 ７日 １８：３０ 東京ドーム １２３４５６７８９計Ｈメジャー選抜０００３０００２２７１１日本選抜００００１２０００３１１勝利投手敗戦投手メジャー選抜日本選抜本塁打キング １勝五十嵐 １敗石井、マーキス、ラインブリンク、キング、ロドリゲス、大塚井川、五十嵐、三瀬、加藤アルー１号２ラン（４回、井川）ウェルズ１号ソロ（４回、井川）エストラダ１号ソロ（９回、加藤）ウィルカーソン１号ソロ（９回、加藤）
2004年11月07日
コメント(5)
-
アニメカーソルのお遊び ★ 日米野球 第２戦
日米野球 第２戦 ６日 １８：３０ 東京ドーム １２３４５６７８９計Ｈ日本選抜０２００１００００３７メジャー選抜１１０１０００２Ｘ５１１勝利投手セーブ敗戦投手日本選抜メジャー選抜本塁打リーツマ １勝ロドリゲス １セーブ石井 １敗渡辺俊、小林宏、石井、横山ローシュ、シールズ、ウィリス、カレーロ、リーツマ、ロドリゲス クロフォード１号ソロ（１回、渡辺俊）オルティス１号ソロ（４回、渡辺俊）背景画像のお遊び左側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=ffffffffエンドカラー EndColorStr=#33000000右側背景画像のグラデーション処理グラデーションタイプ GradientType=0スタートカラー StartColorStr=#ffffffffエンドカラー EndColorStr=#33000000左（透明度ff）→右（透明度33）へ変化上（透明度ff）→下（透明度33）へ変化
2004年11月06日
コメント(4)
-
アニメカーソルのお遊び（６箇所） ★ 大リーグ プレーヤーズ・チョイス賞 ★ 日米野球 第１戦
ＭＬＢ所属の選手によって選ばれる「プレーヤーズ・チョイス賞」が発表されました。ナ・リーグのＭＶＰと、両リーグを通じてのＭＶＰにバリー・ボンズ選手(ジャイアンツ)ア・リーグのＭＶＰにイチロー選手(マリナーズ)が選出されました。グラウンドでのプレーと社会貢献活動の双方で活躍した選手に贈られるメルビン・ミラー・マン・オブ・ザ・イヤーはジム・トーミ選手(フィリーズ）に贈られました。日米野球 第１戦 ５日 １９：００ 東京ドーム １２３４５６７８９計Ｈメジャー選抜０００００３４００７１３日本選抜００００２００００２５勝利投手敗戦投手メジャー選抜日本選抜カレーロ １勝上原 １敗クレメンス、カレーロ、レッドマン、ラインブリンク、大塚上原、山口、加藤、三瀬プレーヤーズ・チョイス賞 受賞選手ＭＶＰバリー・ボンズジャイアンツメルビン・ミラー・マン・オブ・ザ・イヤージム・トーミフィリーズナ・リーグ 表彰選手ＭＶＰバリー・ボンズジャイアンツ最優秀投手ジェイソン・シュミットジャイアンツ最優秀新人ジェイソン・ベイパイレーツカムバック賞クリス・カーペンターカージナルスア・リーグ 表彰選手ＭＶＰイチローマリナーズ最優秀投手ヨハン・サンタナツインズ最優秀新人ボビー・クロスビーアスレチックスカムバック賞オルランド・ヘルナンデスヤンキース背景画像のお遊び左側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=ffffffffエンドカラー EndColorStr=#33000000右側背景画像のグラデーション処理グラデーションタイプ GradientType=0スタートカラー StartColorStr=#ffffffffエンドカラー EndColorStr=#33000000左（透明度ff）→右（透明度33）へ変化上（透明度ff）→下（透明度33）へ変化
2004年11月05日
コメント(4)
-
日米野球 第５戦までの先発投手 松坂投手は第６戦に変更 ★ 大リーグ ナ・リーグ ゴールドグラブ賞 ★ 背景画像のお遊び
日米野球 先発投手 第５戦まで発表されています試 合月 日日 本Ｍ Ｌ Ｂ第１戦１１月 ５日（金）上原浩治 （巨人）ロジャー・クレメンス （アストロズ）第２戦１１月 ６日（土）渡辺俊 （ロッテ）カイル・ローズ （ツインズ）第３戦１１月 ７日（日）井川慶 （阪神）石井一久 （ドジャース）第４戦１１月 ９日（火）新垣渚 （ダイエー）ジェイク・ピービ （パドレス）第５戦１１月１０日（水）岩隈久志 （近鉄）ロジャー・クレメンス （アストロズ）第６戦１１月１１日（木）松坂大輔 （西武） 第７戦１１月１２日（金） 第８戦１１月１４日（日） 守備面でのベストナインに贈られる ゴールドグラブ賞のナ・リーグ受賞者が発表されました。ナ・リーグ ゴールドグラブ賞 受賞選手位 置選 手 名球 団回 数投 手グレグ・マダックスカブス２年ぶり１４度目捕 手マイク・マシーニーカージナルス２年連続３度目一塁手トッド・ヘルトンロッキーズ２年ぶり３度目二塁手ルイス・カスティーヨマーリンズ２年連続２度目三塁手スコット・ローレンカージナルス５年連続６度目遊撃手シザー・イズタリスドジャース初選出外野手ジム・エドモンズカージナルス５年連続７度目アンドリュー・ジョーンズブレーブス７年連続７度目スティーブ・フィンリードジャース４年ぶり５度目ＭＶＰほか各賞の発表スケジュール（現地時間）日 時 タ イ ト ル 名１１月 ２日ア・リーグのゴールドグラブ賞３日ナ・リーグのゴールドグラブ賞８日８日 各リーグの新人王９日ナ・リーグのサイ・ヤング賞１０日各リーグの最優秀監督賞１１日ア・リーグのサイ・ヤング賞１５日ナ・リーグＭＶＰ１６日ア・リーグＭＶＰ背景画像のお遊び左側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=3300ffffエンドカラー EndColorStr=#99ffff00右側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=#ffffff00エンドカラー EndColorStr=#33ff00ff左（透明度33）→右（透明度99）へ変化左（透明度ff）→右（透明度33）へ変化
2004年11月04日
コメント(4)
-
イチロー選手 ア・リーグ ゴールドグラブ賞受賞 ★ 背景画像のお遊び
守備面でのベストナインに贈られるゴールドグラブ賞のア・リーグ受賞者が発表されました。シアトル・マリナーズのイチロー外野手は新人の２００１年から４年連続で選出されました。ア・リーグ ゴールドグラブ賞 受賞選手位 置選 手 名球 団回 数投 手ケニー・ロジャーズレンジャーズ２年ぶり３度目捕 手イバン・ロドリゲスタイガース３年連続１１度目一塁手ダリン・アースタードエンゼルス２年連続３度目二塁手ブレット・ブーンマリナーズ３年連続４度目三塁手エリク・チャベスアスレチックス４年連続４度目遊撃手デレク・ジーターヤンキース初選出外野手イチローマリナーズ４年連続４度目トリー・ハンターツインズ４年連続４度目バーノン・ウェルズブルージェイズ初選出ＭＶＰほか各賞の発表スケジュール（現地時間）日 時 タ イ ト ル 名１１月 ２日ア・リーグのゴールドグラブ賞３日ナ・リーグのゴールドグラブ賞８日各リーグの新人王９日ナ・リーグのサイ・ヤング賞１０日各リーグの最優秀監督賞１１日ア・リーグのサイ・ヤング賞１５日ナ・リーグＭＶＰ１６日ア・リーグＭＶＰ背景画像のお遊び左側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=33ffff00エンドカラー EndColorStr=#990000ff右側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=#ff00ff00エンドカラー EndColorStr=#33ff00ff左（透明度33）→右（透明度99）へ変化左（透明度ff）→右（透明度33）へ変化
2004年11月03日
コメント(4)
-
スクロール（marquee） のお遊び ★ 背景画像のお遊び
スクロール（marquee） のお遊びスクロールには ４種類の属性があります。１ サイズに関する属性２ 動きに関する属性３ 回数と時間に関する属性４ 色に関する属性<marquee ★>スクロールさせるテキストや画像</marquee>★は サイズ・動き・回数・時間・色 に関する属性を指定します。デフォルト（属性を指定しない場合）<marquee>スクロールさせるテキストや画像</marquee>スクロールさせるテキストや画像デフォルトと同じ指定<marquee behavior="scroll" direction="left" scrolldelay="85" scrollamount="6">スクロールさせるテキストや画像</marquee>スクロールさせるテキストや画像再描画までの時間を変えてみましょう再描画までの時間はscrolldelay="秒数"で設定します。単位は１/1000秒でデフォルト（属性を指定しない場合）は scrolldelay="85"です。この値が大きいと遅く、小さいと速くなります。６０より小さい値を指定する場合は truespeed属性 を追記します。truespeed属性 を指定しないと６０より小さい値を指定しても６０として処理されます。<marquee behavior="scroll" direction="left" scrolldelay="200" scrollamount="6" >１ scrolldelay="200"</marquee>１ scrolldelay="200"<marquee behavior="scroll" direction="left" scrolldelay="85" scrollamount="6" >２ scrolldelay="85"</marquee>２ scrolldelay="85"<marquee behavior="scroll" direction="left" scrolldelay="60" scrollamount="6" >３ scrolldelay="60"</marquee>３ scrolldelay="60"<marquee behavior="scroll" direction="left" scrolldelay="30" scrollamount="6" scrolldelay="30"> ４ scrolldelay="30" truespeed無指定</marquee>truespeed を指定していないので scrolldelay="60" として処理されます。４ scrolldelay="30"<marquee behavior="scroll" direction="left" scrolldelay="30" truespeed scrollamount="6" ５ scrolldelay="30" truespeed指定 </marquee>truespeed を指定すると scrolldelay="30" として処理されます。５ scrolldelay="30" truespeed指定scrollamount="2"に変更してみましょう<marquee behavior="scroll" direction="left" scrolldelay="200" scrollamount="2" >１ scrolldelay="200"</marquee>１ scrolldelay="200"<marquee behavior="scroll" direction="left" scrolldelay="85" scrollamount="2" >２ scrolldelay="85"</marquee>２ scrolldelay="85"<marquee behavior="scroll" direction="left" scrolldelay="60" scrollamount="2" >３ scrolldelay="60"</marquee>３ scrolldelay="60"<marquee behavior="scroll" direction="left" scrolldelay="30" scrollamount="2" scrolldelay="30"> ４ scrolldelay="30" truespeed無指定</marquee>truespeed を指定していないので scrolldelay="60" として処理されます。４ scrolldelay="30"<marquee behavior="scroll" direction="left" scrolldelay="30" truespeed scrollamount="2" ５ scrolldelay="30" truespeed指定 </marquee>truespeed を指定すると scrolldelay="30" として処理されます。５ scrolldelay="30" truespeed指定その他の設定は スクロール（marquee）背景画像のお遊び左側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=66ffff00エンドカラー EndColorStr=#99ff00ff右側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=#99ff00ffエンドカラー EndColorStr=#cc00ffff左（透明度66）→右（透明度99）へ変化左（透明度99）→右（透明度cc）へ変化
2004年11月02日
コメント(5)
-
テーブル（表） の重ね合わせをうまく使いましょう ★ 背景画像のお遊び
テーブル（表） の重ね合わせをうまく使いましょうテーブルのセル内にテーブルを配置することができます。縦方向や横方向にセルの連結をすると複雑になり編集し難くなります。１ １行毎にテーブルを組み合わせる 複数行１列のテーブルを使いセル内にテーブルを配置します。 セル内は複数列のテーブルを配置します。 １行毎に作るため編集が簡単になります。 セル幅は 配置するテーブル幅で調整します。２行１列のテーブルのセル内にテーブルを配置する例１行３列のテーブルを配置 ２行４列のテーブルを配置 ２ １列毎にテーブルを組み合わせる １行複数列のテーブルを使いセル内にテーブルを配置します。 セル内は複数行のテーブルを配置します。 １列毎に作るため編集が簡単になりますが 列高さは 配置するテーブル高さで調整します。１行２列のテーブルのセル内にテーブルを配置する例３行１列のテーブルを配置 ４行２列のテーブルを配置 背景画像のお遊び左側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=#ffccffccエンドカラー EndColorStr=#00ccffcc右側背景画像のグラデーション処理グラデーションタイプ GradientType=1スタートカラー StartColorStr=#00ffccffエンドカラー EndColorStr=#ffffccff左（不透明）から右（透明）へ変化左（透明）から右（不透明）へ変化
2004年11月01日
コメント(5)
全30件 (30件中 1-30件目)
1
