nontaの...思いつ熊まブログ♪

思いつくまま、気の向くまま、そんな日記です。

文字の背景②

2012-07-15 15:29:21 | 便利♫
文字の背景をイラストにすることもできます。

背景だけの場合はこのようになります。

1行全部の場合はこのようになります。


 
〓雛形〓  

背景だけの場合  <span style="background-image:url();"></span>

1行全部の場合  <div style="background-image:url();"></div>



上記の雛形をコピーして貼り付けて、の部分にはイラストのurlを、の部分には文字を入力してください。

のurlは、イラストの上で右クリックしてプロパティ(R)をクリックすると確認できる

https://blogimg.goo.ne.jp/user_image/20/e9/c264da1dbda87dc2638c933951dad683.png のことです。
 
 

このイラストは http://pub.ne.jp/nonta105/image/user/1342353955.jpg 


このイラストは http://pub.ne.jp/nonta105/image/user/1342391163.gif 


2 コメント

コメント日が  古い順  |   新しい順
こんばんは~♪ (水郷まめっこ)
2012-07-15 20:59:55
だんだんと難易度高くなって来たね。
まずは、イラスト作成から取り掛からなくてはいけないね。(@_@;)
まめっこさん、こんばんは? (nonta)
2012-07-15 23:09:48
雛形コピーで簡単ですよ~?
イラストが大きい場合は、文字の行数を増やしてみてくださいね。
イラストが得意な まめっこさん 向きかと思います。