たっつんさんから頂いたご質問に回答させて頂きます。aoiAさんのおかげで画像を作成することが出来ましたっ!! ありがとうございます♪ ですが文字が。。 文法もよくわかってないのです((汗 アドバイス宜しくお願いしますっ＞＜! http://blogs.yahoo.co.jp/chipupupu333/24043474.html ↑画像です＞＜ 先日、◇◆背景Wiki設置方法◆◇応用編【狙った枡に文字入れ】◇◆という記事でざっくりと 背景Wikiに於いて好きな位置に文字入れする方法を説明させて頂きました。 今回はより文字位置を的確に把握する方法を説明させて頂きます。 �．好拭璽箱佑垢戮討離廛蹈哀薀燿優▲�セサリ⇒ペイントを開きます。 �▲侫．ぅ襤由�くで背景にしたい画像を開きます。 �（儼羨優�ャンバスの色とサイズをクリックして開き、画像のサイズを把握します。  ��画像の中の文字入れしたい枡の左上の辺りにマウスポインタします。  �１Σ爾諒�に「60,20」などのように数字が現れますのでそれを任意の場所にメモしておきます。 単純に文字を左寄せ、中央寄せ、右寄せにしたい場合は ・画像の横幅=width ・画像の縦幅=height で画像のサイズを表します。 ・word-spacingはwidth-20px程度に設定します。 ◆基本構文◆ ||<#FFFFFF'style='background-image:url(http://img2.blogs.yahoo.co.jp/ybi/1/fa/8a/chipupupu333/folder/1029811/img_1029811_24043474_0?1269078926.png);background-repeat:no-repeat;width:○○px;height:○○px;text-align:left;font-size:8pt;color:#FFFFFF;word-spacing:○○px;vertical-align:text-top'``ココに文字。|| ★今回のように微妙な位置に文字位置を指定したい場合は、 padding-leftとpadding-topという記述を用いて文字の書き出し位置をズラす必要があります。 ◆画像Data：横(width) 550px 縦(height) 470px◆ ◆基本構文◆ ||<#FFFFFF'style='background-image:url(http://img2.blogs.yahoo.co.jp/ybi/1/fa/8a/chipupupu333/folder/1029811/img_1029811_24043474_0?1269078926.png);background-repeat:no-repeat;padding-left:○○px;width:○○px;padding-top:○○px;height:○○px;text-align:left;font-size:8pt;color:#FFFFFF;word-spacing:○○px;vertical-align:text-top'``ココに文字。|| ＊padding-leftの数値+widthの数値=画像の横幅 ＊padding-topの数値+heightの数値=画像の縦幅 ＊widthの数値≧word-spacingの数値  ＊padding-left:60px・・・左から60pxの位置に。 padding-leftで文字位置を右にズラした分、widthの数値を減らします。 画像の横幅:550px-padding-left:60px=width:490px ＊word-spacingの数値はwidthと同数か10pxか20px程度少なくします。  ＊padding-top:20px・・・上から20pxの位置に。 padding-topで文字位置を下にズラした分、heightの数値を減らします。 画像の横幅:470px-padding-left:20px=width:450px こちらで割り出した数値を上記基本構文に当てはめます。
||<#FFFFFF'style='background-image:url(http://img2.blogs.yahoo.co.jp/ybi/1/fa/8a/chipupupu333/folder/1029811/img_1029811_24043474_0?1269078926.png);background-repeat:no-repeat;padding-left:60px;width:490px;padding-top:20px;height:450px;text-align:left;font-size:8pt;color:#000000;word-spacing:480px;vertical-align:text-top'``ココに文字。 全角スペースを入れる事で 改行出来ます。|| ＊こちらの画像はたっつんさんが作成されたものです。
無断で使用はなさらないようにお願い致します。 |
>
- コンピュータとインターネット
>
- インターネット
>
- ホームページ
かんたんモード投稿でも四苦八苦してます＞＜
Wikiを自在に使いこなせると楽しさが広がりますね♪
ポチ☆
2010/3/21(日) 午後 8:40
ちぃちゃん＞最初はコピペでOKですが、だんだん自分で作れるようになるといいですね。
画像の合成は若い子には敵いません。
傑作ポチありがとうございました。
2010/3/21(日) 午後 9:12
ちひろさん＞ハイ、頑張って下さいね。
傑作ポチありがとうございました。
2010/3/21(日) 午後 9:13
E.Nさん＞そうですねぇ・・・。
文字列見てるだけで頭痛くなっちゃう人もいらっしゃいますね。
実はそんなに難しくはないんですけどね。
傑作ポチありがとうございました。
2010/3/21(日) 午後 9:16
kyokoさん＞その気になれば誰にでも出来ますよ。
コピペでも全然OKですけどね。
そうですねぇ・・・。
慣れないと難しいですね。
傑作ポチありがとうございました。
2010/3/21(日) 午後 9:17
柊さん＞そうですねぇ・・・。
イエイエ、いっぱい質問なさる・・というのは向上心が高い証拠ですよ。
そうですねぇ・・・。
女子には優しく、男子には厳しく！！です。
ハッキリ言って数値の意味さえ理解できればそんなに難しいものではありませんからね。。
解りやすいなら何よりでした。
ハイ、頑張って下さいね。
2010/3/21(日) 午後 9:19
なんこたんさん＞アハハ、この文字列を見てしまうとねぇ・・・。
そうね。。
自分で出来るようになるともっと楽しくなりますよ。
傑作ポチありがとうございました。
2010/3/21(日) 午後 9:19
いちびりちゃん＞本当はその方が早いんだけどね・・・。
でもリンクが貼れないからねぇ・・・。
2010/3/21(日) 午後 9:20
たけさん＞ありがとうございます。
イエイエ、知り尽くしてるって程ではないけどね。
傑作ポチありがとうございました。
2010/3/21(日) 午後 9:21
たけさん＞まあ、ある程度解ってる人じゃないと自分では作れないかもしれませんね。
そうねぇ・・・。
それは便宜上、無理・・・かな？
2010/3/21(日) 午後 9:22
ことろさん＞かんたんモード・・・。
確かに文字の色や大きさを変えるのは楽ですね。
もう少し改善の余地はありそうですけどね。
2010/3/21(日) 午後 9:23
ぶーたんさん＞イエイエ、そんなに難しくはないんですよ。
尊敬だなんて恐れ多いです。
傑作ポチありがとうございました。
2010/3/21(日) 午後 9:24
ナナ＆レオンさん＞ありがとうございます。
少し理解出来れば誰にでも出来ますよ。
傑作ポチありがとうございました。
2010/3/21(日) 午後 9:24
misachanさん＞はじめまして。
こちらこそ宜しくお願い致します。
傑作ポチありがとうございました。
2010/3/21(日) 午後 9:25
らりりんさん＞かんたんモード・・・。あれって結構難しいですからね。
そうですねぇ・・・。
Wikiは色々出来ると楽しいですよ。
傑作ポチありがとうございました。
2010/3/21(日) 午後 9:26
あおいあさんーーっ!
出来ましたよ!
こんな初心者の私でも（｀∀´）♪
すっごくわかりやすくてよかったです★
本当にご協力ありがとうございました＾＾
これからも、いろいろ迷惑かけるかもしれませんｇ(((
よろしくお願いしますっ＾＾
傑作ぽちｂｂ
[ たっつん ]
2010/3/21(日) 午後 10:55
たっつんさん＞出来ましたか？
良かったです〜。
解り易かったのなら何よりです。
また解らなかった事がありましたら聞いて下さいね。
解る範囲でしたらお答えしますので。
2010/3/22(月) 午前 1:54
この記事書くのにじかんすっごいかけたのですか？
めちゃめちゃわかりやすいです！今度試してみようと思います！
[ 雷 花 悪 嬢 ]
2010/3/23(火) 午前 9:29
まだまだ未熟者ですが頑張ってチャレンジしてみます
ありがとうございました。
ぽち
2010/4/24(土) 午後 0:59
出来ましたー＾＾
本当にありがとうございます
2010/4/24(土) 午後 3:19