4
＜marquee behavior="alternate"＞～～★★～～＜/marquee＞
＜/font＞
画像
上に動かす場合・・・・up
下に動かす場合・・・・down
右から左へ・・・・・・left
左から右へ・・・・・・right
ピンク版
（ここに日記を書く）
＜A href="http://"＞＜/A＞
＜CENTER style="border-style:solid;color:#A4B8FF;border-width:10;background-color:#A4B8FF;"＞
＜font color="Blue"＞
（ここに日記を書く）
＜/font＞
＜/CENTER＞
・・・・・・・・・・・・・・・・
ブルー版
（ここに日記を書く）
(解説）
最初に↑を、まるごと、コピーして、自分のページに張る。
1、まず上の＜＞を半角になおしてね
2、２行目のcolorの次、#A4B8FF 、の部分に色の気号を入れてね(コピー＆ペースト）
外枠が出来ます
3、３行目のcolorの次、 #A4B8FF 、の部分に好きな色を入れてね。
背景の色です。
4、４行目font colorの次、Blue、文字の色です。
:#FF00FF
#FFCCFF
ピンクに代えて見てるんですが・・・・何とか出来たみたいです。
画像はやはり無理でした。次回挑戦します。
グリーン版
:#00AA00
:#EEFFEE;">
■画像のぼかし
１．２．３．線形、円形、方形にぼかし
使う要素：style="filter: alpha(style=1 or 2 or 3)"
１：『alpha(style=1)』・・・線形にぼかす
２：『alpha(style=2)』・・・円形にぼかす
３：『alpha(style=3)』・・・長方形にぼかす
４・１４の日記にup
----
リンク
クッキング用
＜a href="リンクさせたいページのアドレス"＞
＜IMG SRC="画像のアドレス" border="0"＞ ＜/a＞＜/p＞
http://plaza.rakuten.co.jp/rosedemai356/4001
枠つきリンク
＜a href="http://★★/☆☆/"＞＜IMG SRC="http://画像のタグ"＞＜/a＞
ーーーーーーーーーー
ガーデニング用
http://plaza.rakuten.co.jp/rosedemai356/3004-------トマト
トマト成長日記
★★我が家の薔薇の状態です。★★
ーーーーーーーーーーーーーーーーーー
晴れ
ここに・・・
ーーーーーーーーーーーーーーーーーーーーーーーーー
★★ーーーーー ★
★
日記用メモ
★★
★１１
★２２２
★★
★１１
★２２２
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
ーーーーーーーーーーーーーーーーーーーーーーーーーーー
文字を装飾してみる
背景色を付ける
＜font style="background:#f4c779（背景の色）;"＞背景色を付ける＜/font＞
枠を付ける
＜font style="border-style:double（枠のスタイル）;"＞枠を付ける＜/font＞
枠の色を変える
＜font style="border-style:double（枠のスタイル）;border-color:#000000（枠の色）;"＞枠の色を変える＜/font＞
枠の太さを変える
＜font style="border-style:solid（枠のスタイル）;border-width:5px（枠の太さ）;"＞枠の太さを変える＜/font＞
余白を付ける
＜font style="border-style:double（枠のスタイル）;padding:4px（余白の大きさ）;border-width:3px（枠の太さ）;"＞余白を付ける＜/font＞
枠を付ける（応用）
＜font style="border-style:double（枠のスタイル）; background:#ffffff（背景色）; border-color:#000000（枠の色）;border-width:3px（枠の太さ）;padding:4px（余白の大きさ）;"＞枠を付ける（応用）＜/font＞
● ＜ は 半角に <
＊＊＊＊＊＊＊＊＊＊
文字を装飾してみる
背景色を付ける 背景色を付ける
枠を付ける 枠を付ける
枠の色を変える 枠の色を変える
枠の太さを変える 枠の太さを変える
余白を付ける 余白を付ける
枠を付ける（応用） 枠を付ける（応用）
ーーーーーーーーーーーーーーーーーーーー
ーーーーーーーーーー
晴れ
（ここに日記を書く）
★★我が家の薔薇の状態です。★★
ーーーーーーーーーーーーーーーーーーーーーーーーーーー
お勉強中！
shallowさんに教えて頂ました。
■インターネットエクスプローラでブリンク（点滅文字）
rose de mai
備考
SCROLLAMOUNTとWIDTHの値は同じにし、文字列の長さに合わせて
決めます。 SCROLLDELAYの値を変えることによって、
点滅の速さを変えることができます。
■画像の上に文字入れ
☆基 本☆
画像と同じサイズのテーブル（表）を作り、
余白などを『０』（無し）で指定します。
写真のサイズが192x142ピクセルだったら、
＜TABLE width="192" height="142" cellpadding="0" cellspacing="0" border="0"＞
枠線を入れたいときは、border="1" などborderの数字を変えます。
＜"table" border="0" width="140" height="180" cellpadding="0"
cellspacing="0" background="画像のURL"＞
＜TR＞
＜TD align="center"＞＜font color="gray"＞ここに文字＜/font＞＜/TD＞
＜/TR＞
＜/TABLE＞
＜p style="width:260;height:170;overflow:scroll;background-attachment:fixed; background-color:#cce3ff;filter:Alpha(opacity=70); overflow-y:scroll;overflow-x:auto; scrollbar-face-color:#8c92c9; scrollbar-darkshadow-color:#ffffff;border-style:double;border-color:#6666ff"＞
＜br＞＜br＞
＜font size="2"＞＜font color="#6666ff"＞
＜FONT face="Comic Sans MS"＞
* Main Menu *＜br＞＜br＞
▽＜br＞
＜A style="text-decoration:none;"
Href="http…LINKさせるページのURLを入力…"＞テキストBOXに表示させるページ名＜/A＞
＜br＞＜br＞
例）
＜A style="text-decoration:none;"
Href="http://plaza.rakuten.co.jp/shallowsleepsep/010000"＞CINEMA＜/A＞
＜br＞＜br＞
＜A style="text-decoration:none;"
Href="http://plaza.rakuten.co.jp/shallowsleepsep/009000"＞詩＜/A＞
＜br＞＜br＞
＜/p＞
【備考】
* width:260;height:170・・・テキストBOXの横幅と高さです
数字を大きくすると大きなBOXになります。
* background-color:#cce3ff・・・背景色です、好きな色にしてね
* filter:Alpha(opacity=70)・・・背景が少し透明になるタグです
数字を大きくすると透けなくなります。50～90くらいの数字で試してみてね
* scrollbar-face-color:#8c92c9・・・スクロールバーの色です
* border-style:double・・・テキストBOXの枠線の種類です
* border-color:#6666ff・・・・テキストBOXの枠線の色です
* A style="text-decoration:none・・・リンクの下線をなくします
タグをそのままコピペするときは、＜＞は半角にしてね。
また、ここでは都合上見やすいように改行してありますが、
実際にHPで使うときには改行しないでタグを続けて書いて下さいね。
■画像のぼかし
１．２．３．線形、円形、方形にぼかし
使う要素：style="filter: alpha(style=1 or 2 or 3)"
１：『alpha(style=1)』・・・線形にぼかす
＜IMG src="画像のアドレス" width="○○" height="○○" style="filter: alpha(style=1)"＞
２：『alpha(style=2)』・・・円形にぼかす
＜IMG src="画像のアドレス" width="○○" height="○○" style="filter: alpha(style=2)"＞
３：『alpha(style=3)』・・・長方形にぼかす
＜IMG src="画像のアドレス" width="○○" height="○○" style="filter: alpha(style=3)"＞
HPといえばやっぱりLINKを張りたいですね！
簡単なLINK のタグのご紹介です(^｡^)v
コピペしたい時は＜＞は半角にしてね
■基本的なLINKのタグ
＜A href="URL"＞＊＊＊＜/A＞
URL にはLINKさせたいページのアドレスが入ります（"http～"からのURLですね）
＊＊＊ にはLINKするページの名称などが入ります。
★たとえば、楽天の自分の日記に飛びたいときは
こんなタグを書きましょう。
＜A Href="http://plaza.rakuten.co.jp/shallowsleepsep/diary/"＞Diary＜/a＞
→ Diary （クリックすると日記に飛べますヾ(*^▽^*)o・・・）
★LINK先ページのURLは・・・？
ページの上（画像がないところがいいですね）で右クリックすると
「プロパティ」という項目がありますね。そこを左クリックしましょう。
すると別窓で「アドレス（URL)」が出てきます。
■LINKの下線を消したい時は？
下のようなタグで下線がなくなります。
＜A style="text-decoration:none;" Href="http://plaza.rakuten.co.jp/shallowsleepsep/diary/"＞Diary＜/a＞
→ Diary
■別窓を開くLINKの張り方
下のようなタグで別窓が出ます。
＜A style="text-decoration:none;" Href="http://plaza.rakuten.co.jp/shallowsleepsep/diary/" target="_blank"＞Diary＜/a＞
→ Diary
■画像でLINKを張ってみよう
下のようなタグで画像からLINKが張れます。
＜A Href="http://plaza.rakuten.co.jp/shallowsleepsep/"＞＜Img SRC="画像URL"＞＜/a＞
★たとえば私のHPのTOPにLINKを張るときはこんなタグを書きます
＜A href="http://plaza.rakuten.co.jp/shallowsleepsep/"＞＜IMG SRC="http://plaza.rakuten.co.jp/img/user/89/87/3928987/320.gif" width="65" height="17" alt="HOME" border="0"＞＜/a＞
← クリックしてみてね
★「alt="HOME"」・・・onmouseで解説が出るように指定できます。
「border="0"」・・・LINKした画像の囲み線をなくします
0000000000000000000
～傾き文字
ジャンル別一覧
人気のクチコミテーマ
-
-
- ガーデニング・家庭菜園・園芸・花な…
- おかわかめのむかご
- (2024-11-28 09:12:22)
-
-
-
- 多肉植物コレクター集まれ！
- クラビフォリアの様子を見る
- (2024-11-28 09:06:59)
-
-
-
- 家庭菜園
- 大根・葉物の収穫と芋類、長いものに…
- (2024-11-28 19:20:06)
-
© Rakuten Group, Inc.
