記事のバックに壁紙を表示する方法

お友達の

https://avtimg.yahoo.co.jp/yai/naomi_v_v_ooo_64x64.gif

なおっす！新米ママのチビログ♪の、なおちゃんとこで勉強させていただきましてん♪

『記事のバックに壁紙を表示する方法』ですねん♪

具体的にいいますと、↓のようになりますねん

あいうえお　か　き　く　け　こ

で、↑のwiki文法が↓になりますねん（注意：★は無い物としてお考えを。。。）

||<#FFFFFF' style='background-image:url(http&★#58;//img.blogs.yahoo.co.jp/ybi/1/bd/38/punpkinrorojp/folder/1237339/img_1237339_27430748_2?20060223123017.jpg);width:560px;text-align:center;color:black;word-spacing:560px;line-height:25px;'``あいうえお　か　き　く　け　こ||

また、この文法を使用した記事の例
http://blogs.yahoo.co.jp/punpkinrorojp/27526779.html

この方法を行うためには、以下の２つの作業が必要になります

①背景画像の準備

②wiki文法を使用しての記事の作成

では、順番に説明しますねんな

①背景画像の準備

１：まず、背景に使用したい画像を、記事としてアップします

　この際、専用の書庫を作成しておいて、そこに記事をアップするようにしておくと、後々便利やねん

　この時、書庫は「非公開」設定にし、記事も「非公開」で作成すれば、自分専用で使用できます

２：アップした記事の、画像の上で右クリックし、

　　出てきたウインドウの一番下、「プロパティ」をクリック

https://blogs.yahoo.co.jp/IMG/ybi/1/bd/38/punpkinrorojp/folder/1237339/img_1237339_27430748_7?20060223142551.jpg

　　次の画面が表示されますので、赤枠の部分をコピーします

https://blogs.yahoo.co.jp/IMG/ybi/1/bd/38/punpkinrorojp/folder/1237339/img_1237339_27430748_6?20060223142551.jpg

これで、背景画像の準備はＯＫです

②wiki文法を使用しての記事の作成

上のような画像を表記するには、以下のwiki文法を使用します（再掲）

||<#FFFFFF' style='background-image:url(http&★#58;//img.blogs.yahoo.co.jp/ybi/1/bd/38/punpkinrorojp/folder/1237339/img_1237339_27430748_2?20060223123017.jpg);width:560px;text-align:center;color:black;word-spacing:560px;line-height:25px;'``あいうえお　か　き　く　け　こ||

（★は、ないものと思ってください、コピペで使用する場合、必ず★は削除してください）

これは、あくまでも、上記、ロロの背景画像を使用した場合です

あなたの背景画像を使用する場合、

↓の、赤ラインの部分を、「①背景画像の準備」で準備した画像のＵＲＬに、コピペで変更してください

https://blogs.yahoo.co.jp/IMG/ybi/1/bd/38/punpkinrorojp/folder/1237339/img_1237339_27430748_8?20060223143914

で、文字入力ですが

上記「あいうえお」のように、スペースをあけずに入力した文字列は「１行」で表示されます

　＊文字数オーバーした場合、自動で改行されます

行を変えたい場合、上記「お　か」のように、間に「全角スペース」を、いれ、

それから次の行を入力してください

この作業の繰り返しで、文章が入力でき、決定すれば、「バックに壁紙の表示された記事」の完成です

＊上記文法では、行がセンタリングされます
＊文字を左寄せで表示したい場合

||<#FFFFFF' style='background-image:url(http&★#58;//img.blogs.yahoo.co.jp/ybi/1/bd/38/punpkinrorojp/folder/1237339/img_1237339_27430748_2?20060223123017.jpg);width:560px;text-align:left;color:black;word-spacing:560px;line-height:25px;'``あいうえお　か　き　く　け　こ||

＊文字を右寄せで表示したい場合

||<#FFFFFF' style='background-image:url(http&★#58;//img.blogs.yahoo.co.jp/ybi/1/bd/38/punpkinrorojp/folder/1237339/img_1237339_27430748_2?20060223123017.jpg);width:560px;text-align:right;color:black;word-spacing:560px;line-height:25px;'``あいうえお　か　き　く　け　こ||

（どちらの場合も、★は削除してください）

なお、この文法には以下の重要な注意点があります

注意①：
このwiki文法で一番注意せなあかんのが↓の赤ラインの部分です

https://blogs.yahoo.co.jp/IMG/ybi/1/bd/38/punpkinrorojp/folder/1237339/img_1237339_27430748_5?20060223140401.jpg

http&★#58;//

必ず、上記になるようにしてください（★は無い物としてお考え下さい）

注意②

http&★#58;//

の部分（★は無い物としてお考えください）は、記事を手直ししようとして「修正」するたびに

http://

に、「勝手に」変更されてしまいますので、修正の度に

http&★#58;//

に書き換え（★は削除）してください

ご質問等ありましたら、ゲストブックにお願いします♪

この記事の転載・トラックバックはご自由に♡

お役にたったようでしたら、傑作頂けましたらうれしいです

↓その他のブログ豆知識
http://blogs.yahoo.co.jp/punpkinrorojp/22422746.html

「その他のページ☆」書庫の記事一覧

コメント（3）

転載記事です。久々に新しい事にチャレンジしよかと・・・。あ～、でも頭がついていかない・・・（＞＜）

2006/4/11(火) 午後 4:37

顔アイコン

うぉ！すごいなぁ！！やってみた～い！！面白い記事ありがとぉ！そして私も同じく頭も手もついていかないよぉ！！

2006/4/17(月) 午後 6:17

ｓｍｉｉｅさん、私も結局、やれなかったです・・・(；；）もっと簡単に出来る方法教えて～（＞＜）

2006/4/25(火) 午前 5:14

ただ今、妊婦真っ最中～より産まれましたぁ♪★

全体表示