ブログの文章にHTMLコードのみで点滅文字や動く文字を設定する方法 文章(ブログ)を書く上で、読みやすさや文字の強調などを考え装飾文章を作成したいと思いますよね！
読む側からしたら読みやすい、見やすい、気になる文章の方が最後まで読んでくれる事が多いです。
また他人のブログなどを見て、このブログ読みやすい！カッコイイ！何これ！って感じると最後まで読んでしまうものです。
そこで、点滅文字や動く文字を使ってアピール文字を誰でも簡単に設定できるHTMLコードを紹介したいと思います。
点滅文字のHTML設定
HTMLコードで文字点滅【コピペOK】
<MARQUEE SCROLLDELAY="500" SCROLLAMOUNT="100" WIDTH="100">
テキスト入力
</MARQUEE>
ブログの文字を強調したい部分にHTMLコードをコピーしてペーストすれば、下記のように点滅文字を設定する事ができます。 (テキスト入力)と書いてある部分は好きな文字を入力して使います。
今回はそのままのテキスト入力を使って紹介しています。
標準"500"点滅文字
コードにある SCROLLDELAY="500" の"500"部分の数字を変える事で点滅スピードを変えられます。
"300"にした場合の文字点滅スピード
"100"にした場合の文字点滅スピード
"700"にした場合の文字点滅スピード
点滅スピードは、500を基準に数字を小さくすれば点滅が早くなり、大きくすれば遅くなります。
次にコードにある SCROLLAMOUNT="100" WIDTH="100" のWIDTH="100"部分の数字を変える事で点滅が始まる位置を変えられます。
標準"100"点滅位置
"200"に変えた点滅位置
"300"に変えた点滅位置
"400"に変えた点滅位置
動く文字のHTMLコード設定
HTMLコードで動く文字【コピペOK】
<marquee scrollamount=1: style="color:red; font-size:10pt;">動く文字</marquee>
標準的な動く文字
背景を使った動く文字設定
HTMLコードで動く文字に背景【コピペOK】
<marquee scrollamount=1: style="color:red; font-size:10pt;": bgcolor="yellow">動く文字</marquee>
動く文字に背景
動く文字のスピードを変える！ scrollamount=1 の数字を変える事で動くスピードが変わります。
scrollamount=2にした場合
scrollamount=3にした場合
動く文字の色を変更した設定
HTMLコードで動く文字青【コピペOK】
<marquee scrollamount=1: style="color:blue; font-size:10pt;">動く文字</marquee>
コードにある style="color:blue; とあるblueの部分を他の色コードに変更するだけで文字色を変えること事ができます。
動く文字(青)の場合 動く文字(緑)の場合 動く文字(赤)の場合
