背景に画像を使って、テキスト(文章)を流す方法
以前、このようなマーキータグを使って画像を動かす方法をご紹介しました。⇓
・画像を動かす方法を調べてみました。
<Marquee Bgcolor="#e1f4ff"><Img Src="http://あーだこーだ(笑).jpg"></Marquee>
赤字のところに、画像のURLを入れます。
緑字のところに、背景色のカラーコードを入れます。
※参考までに⇒カラーコード一覧表
今回は、これにチョットひねり?を加えて、背景に画像を使って、テキスト(文章)を流してみました。
こんな感じです。 ⇓
このタグコードは、こちらです。⇓
<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