Ｎｏ．２
| 「背景に壁紙を使う」の巻 |
|---|
| （以下をコピーして、楽天の日記編集ページに貼り付けましょう。その後「http://xxx」と書いてある部分のみ変更します。） ----- ここから ---------------------------------------------------- <P style="background: url(http://xxx)"> ここに日記の文章を書きましょう！ </P> ----- ここまで ---------------------------------------------------- 「http://xxx」のところには「画像の倉庫」からタグの一部をコピーしてきて入れます。 具体的には・・・ 「http://plaza.rakuten.co.jp/img/（～中間省略～）.gif」 と書いてある部分です。 つまり、↓のようになるわけです。 <P style="background: url(http://plaza.rakuten.co.jp/img/～中間省略～.gif)"> 今日のメグポン日記(^o^)/ </P> 【応用編】 日記の一部分にだけ壁紙を表示することもできます。 例えば、 「日記の右下にだけ壁紙を表示したい」 なら↓のように書きます。 ----- ここから ---------------------------------------------------- <P style="background: url(http://xxx); background-position:★% ★%; background-repeat:no-repeat;"> ここに日記の文章を書きましょう！ </P> ----- ここまで ---------------------------------------------------- 「★% ★%」のところは、自分が表示させたいところによって↓みたいに書き換えます。 ・100% 100%⇒画面の右下隅 ・0% 0%⇒画面左上隅 ・0% 100%⇒画面左下隅 ・100% 0%⇒画面右上隅 ※日記の表示を中央寄せする場合はテクニック帳No.1を参考にしてね。 ⇒ テクニック帳No.1 |
| 「背景に色を付ける＋周りにわくを付ける」の巻 |
|---|
| (以下をコピーして、楽天の編集ページに貼り付けましょう） ----- ここから ------------------------------------- <P style="background-color:#FFFFCC; border-style:double; border-color:#FFFF99; padding-left:50px; padding-top:15px; padding-bottom:15px; padding-right:50px"> 日記の文章書きましょ </P> ----- ここまで ------------------------------------- はて、いったいどんなこと書いてるの？？(*’-’)？？ ・background-color ： 背景色の設定。#FFFFCCっていうのは色の設定なんでお好きに。 ・border-style ： 枠線のスタイル。いくつかあるけどdoubleは二重線のことね。 ・border-color ： 枠線の色の設定。色はお好きに。 ・padding-left， top， bottom， right ： 枠と文章の間の空間を空ける設定。上下左右を別々に設定できるよ。 |
| 「バナーにリンクを貼ろう」の巻 |
|---|
| よく行くホームページはトップページにバナーを置いて、そこから行けるようにしちゃいましょう！ バナーを置くからトップページも華やかになりますね(^-^)ノ (以下をコピーして、楽天の編集ページに貼り付けましょう） ----- ここから ------------------------------------- <A HREF="相手のホームページアドレス"> <IMG SRC="～省略～" style="border-style:none"> </A> ----- ここまで ------------------------------------- これでクリックすると相手のホームページへ行けるバナーが完成です！ 真ん中の行は貼りたいバナーのタグです。「画像の倉庫」からコピーしてきましょう。 そしてこのバナーのタグの最後におまじないで、「style="border-style:none"」と付け加えましょう。これを書くときれいにバナーが表示されますよ。 あとはこのバナーのタグを<A HREF～></A>で挟んでやるわけです。 【応用編】 バナーをクリックしたときに、別のウィンドウが開くようにするには↓のように書きます。 ----- ここから ------------------------------------- <A HREF="相手のホームページアドレス" target="_blank" > <IMG SRC="～省略～" style="border-style:none"> </A> ----- ここまで ------------------------------------- 【注意!!】バナーを使ってリンクを貼る時、バナーは必ず自分の環境に保存して使いましょう。 |
© Rakuten Group, Inc.
