| ◆ Wiki文法使用をクリックし、必ずチェックを入れてください。 ◆ |
◆画像中央左端に文字を1行表示します。
比較的、日記で良く使われる画像を例に取ってみました。
入力例はコピーして貼り付ける事でそのまま利用出来ます。
それでは表示例と入力例を見てみましょう。
▼ 表示例 ▼
▼ 入力例 ▼
||<#ffffff' style='width:304px;height:240px;background-image:url(http://www.geocities.jp/siva_ca71d/material/Back01.gif)' ``WELCOME?||
▼ 解説 ▼
かなりお気に入りのアニメなんですが
|
||<
| を入力し、
| 16進表記で背景色を指定
| し
| 半角スペース
| を入力し、
| style='
| を入力します。
| |
ココまでは今までと同じ流れですが、次に入力致します
|
'width:304px;
| が
| 背景画像サイズの幅から16px差し引いた物
| |
になり、
|
height:240px;
| が
| 背景画像サイズの高さ
| |
になります。
| ※ サイズを指定しない場合は1行の文字の高さと長さ分だけ画像が連続で表示されます。 |
その後、
|
background-image:url(http://
| で
| 背景画像のURL
| を
| 指定
| します。
| |
通常URLはhttp://で指定するのですが、
|
必ず
| http
| :
| //で
| 指定
| してください。
| |
| ※ 記事の修正をするとhttp://は、http://に戻ってしまいます。 |
| 記事を修正する度に、http://をhttp://に修正する必要がありますのでご注意ください |
|
画像を中央にして下に文字を入れる方法試してみましたが、上手く入りません。画像の大きさにも問題あるのですか？勉強させて頂いています。有難うございます。
2006/7/27(木) 午後 8:04 [ fun*a_chan*00* ]
コチラ→ http://blogs.yahoo.co.jp/siva_ca71d/8029439.html を参照してみてください＾＾
2006/7/27(木) 午後 11:56
シバちゃん先生♪ミカンの画像の上に、文字を書きたいの！これで、できるかな〜？ヤってみます♪京子☆
2006/9/6(水) 午後 6:10 [ - ]
あ！コチラ画像をURLで指定しますのでホームページスペースが必要になります！やや複雑になりますが。。。ちょっとお邪魔致します＾＾
2006/9/6(水) 午後 8:14
はじめまして!
これで文字に影をつける、などは
できるのでしょうか？
2008/12/5(金) 午後 8:30 [ 猫崎 つむぎ ]
この画像 かわぃぃんでコピーするね
2009/9/8(火) 午後 8:21 [ - ]
通行人です
すごいです!!
転載します!!!!!
2010/12/17(金) 午後 0:50 [ - ]