awntan_52のブログ

あんなこと、そんなこと、どうでもいいこと。 気まぐれに書いてます。

背景に画像を使って、テキスト(文章)を流す方法

以前、このようなマーキータグを使って画像を動かす方法をご紹介しました。⇓


$あんなこと そんなこと どうでもいいこと...-バイク緑小

・画像を動かす方法を調べてみました。

<Marquee Bgcolor="#e1f4ff"><Img Src="http://あーだこーだ(笑).jpg"></Marquee>

赤字のところに、画像のURLを入れます。

緑字のところに、背景色のカラーコードを入れます。

※参考までに⇒カラーコード一覧表


  今回は、これにチョットひねり?を加えて、背景に画像を使って、テキスト(文章)を流してみました。

こんな感じです。  ⇓

私はこの方法で10キロ痩せました!!

このタグコードは、こちらです。⇓

<table style="width:600px;height:50px;background-image:url(http://farm8.staticflickr.com/7349/12169898074_5290086817_o.png);" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td style="filter:mask(color=white);width:600px;height:40px;font-size:25pt;padding:5px 0px;"><marquee ><font color="#000000">私はこの方法で10キロ痩せました!!</font></marquee></td></tr></table>

赤色の数字をご自身の記事幅に合わせて調整してみて下さい。

青字の箇所はお好きな画像のURLに差し替えて下さい(上の背景画像は、無料の素材屋さんからもらって、Flickrに投稿した画像のURLです。良かったら、ご自由に、お使い下さい)

黒い太字の箇所にテキスト(文章)を記入して下さい。

「今日は、いい記事が書けた!」なんて時に、その記事タイトルをこんな設定を使って、記事の最初に表示させると、視聴率?アップするかもしれませんね(笑)。

なにかの参考になると、よろしいのですが・・(-^□^-)

あ、あと、この設定方法はテーブルタグも使ってますので、スマホや携帯で見た場合は反映されない事もあるかと思います。ご了承ください。  ペコリ  m(_ _ )m