手抜きのコピペ
| 手抜きのコピペ^^ | テーブルのあんちょこ | 背景のあんちょこ | ＿－)))こそこそ‥ |
| * | いろいろいろ～♪ | ||
ページにタグを表示。
「<」→「<」と「>」→「>」 参照先 All About
えーっと、10pxの文字が73文字まで入るってことは～730pxまでOKってことですね^^
１２３４５６７８９０ 一二三四五六七八九十 １２３４５６７８９０ 一二三四五六七八九十 １２３４５６７８９０ 一二三四五六七八九十 １２３４５６７８９０ 一二三四五六七八九十
改行と区切り線
改行
<br>
区切り線 ◇ここでは幅・位置・色・線の種類を指定してます。
<hr width="560" align="left" color="#CB7B7B">
<hr style="border:dashed #CB7B7B;" width="560" align="left">
<hr style="border:1px dashed #CB7B7B;" width="560" align="left"> ←波線？(^m^ )クスッ
文字の設定
文字の大きさと色 ◇ 大きさ と 色 は適宜に・・
<font size=" 2 " color=" #8b0000 ">*****</font>
<font style="font-size: 12 px; color: #8b0000 ;">*****</font>
<p style="font-size: 12 px; color: #8b0000 ;">*****</p>
色だけ用→ <font color=" #8b0000 ">*****</font>
リンク
リンクをはる
<a href="ＵＲＬ">リンク先</a>
*** リンクの下線を消す ***
<a href="ＵＲＬ" style="text-decoration:none">リンク先</a>
*** リンク画像の枠を消す ***
<a href="ＵＲＬ"><img src="画像ＵＲＬ" border="0"></a>
*** リンク先を別ウィンドウにだす ***
<a href="ＵＲＬ" target="_blank">リンク先</a>
*** 指定の場所にとぶリンク ***
<a href="ＵＲＬ /# 場所名">リンク先</a>
* 目的の場所をタグでくくっておく
<a name="場所名">目的の場所へ誘導する文章</a>
参考例 「おまけ」へ
このときの「場所名」は「おまけ」です。 「おまけ」の文字へ飛びます。
小技いろいろ
***** 装飾文字 *****
| 発光文字 |
<p style="width:100%; filter:glow(color=#8b0000,strength=3); font-size:19px; color:#ffffff">発光文字</p> |
| 立体影絵文字 |
<p style="width:100%; filter:shadow(color=#8b0000,direction=135); font-size:19px; color:pink"><b>立体影絵文字</b></p> |
| 重ね影文字 |
<p style="width:100%; filter:dropshadow(color=#8b0000); font-size:19px; color:pink"><b>重ね影文字</b></p> |
| ぼかし文字１ |
<p style="width:100%; filter:blur(add=0,direction=225,strength=3); font-size:19px; color:#8b0000"><b>ぼかし文字１</b></p> |
| ぼかし文字２ |
<p style="width:100%; filter:blur(direction=135,strength=8); font-size:19px; color:#8b0000"><b>ぼかし文字２</b></p> |
ぼかし文字１（文字をぼかす） ぼかし文字２（文字にぼかしをつける）
strength=変化させる強さ
direction=変化させる方向
左上 315
上 0
右上 45
左 270
文字
右 90
左下 225
下 180
右下 135
***** 文字を動かす♪ *****
<marquee scrollamount="2" width="200">
<font color="#cc3300">
スクロールぅ～～</font>
</marquee>
<font color="#cc3300">
スクロールぅ～～</font>
</marquee>
<marquee scrollamount="1" direction="up" width="150" height="40">
<font color="#cc3300">
スクロールぅ～～よぉ～</font>
</marquee>
* 必ず高さ(height)を指定するのことよ
<font color="#cc3300">
スクロールぅ～～よぉ～</font>
</marquee>
* 必ず高さ(height)を指定するのことよ
☆ 参加
チュウ ☆
☆ 参加
<MARQUEE behavior="alternate" scrollamount="2" width="50">
(＾･＾)
</MARQUEE>
チュウ ☆
* 横幅(width)で速さは変わるのことよ。 試してみるのことよ。
<MARQUEE behavior="alternate" scrollamount="2" width="50">
(＾･＾)
</MARQUEE>
チュウ ☆
* 横幅(width)で速さは変わるのことよ。 試してみるのことよ。
「behavior="scroll"」 テキストがスクロール
"alternate" テキストが左右に往復
"slide" スクロールが左側で停止
「direction="left"」 左方向にスクロール
"right" 右方向にスクロール
"up" 下から上にスクロール
"down" 上から下へスクロール
「scrollamount="6"」標準 （距離）
数字が小さくなるほど遅くなります。
* 指定しないと自動的に
「」でくくられた設定になるのじゃ。
"alternate" テキストが左右に往復
"slide" スクロールが左側で停止
「direction="left"」 左方向にスクロール
"right" 右方向にスクロール
"up" 下から上にスクロール
"down" 上から下へスクロール
「scrollamount="6"」標準 （距離）
数字が小さくなるほど遅くなります。
* 指定しないと自動的に
「」でくくられた設定になるのじゃ。
© Rakuten Group, Inc.
