はじめてのヤフーブログ(入門書)

初心者のためのYahoo!ブログの基本テクニックを解説しています。

文字を動かす

[ リスト | 詳細 ]

記事検索
検索

全1ページ

[1]

イメージ 1

文字を動かす(スクロールする)方法

文字を動かす(スクロールする)方法

上のように文字を動かして表示するにはHTMLタグを使用します。
HTMLとははホームページなどを作成する際に使う方法の一つなのですが、
このYahoo!ブログでもいくつかのHTMLタグを使用することができます。

ただし使用できるのは記事本文のみコメントには使用することはできません。
また、wiki文法を使用にチェックを入れてはいけません。

文字を動かして表示するHTMLタグの記述の方法は至って簡単ですのご安心下さい。

こちらのサイト様
http://www.bannerkoubou.com/html-tag/
を利用すれば、HTMLタグを自動で作成できますが

ここでも基本的な事をご説明しておきます。

↓以下説明↓

例えばただ単に文字を動かしたい場合は
パターン
<marquee>あいうえお</marquee>と記述すれば
あいうえおと表示されます。


パターン背景の色を変える方法
<marquee bgcolor=yellow>あいうえお</marquee>と記述すれば
あいうえおと表示されます。

このyellowと入力した部分が背景の色の指定になります。
例えば水色にしたい場合このyellowの部分をaquaに置き換えます。
<marquee bgcolor=aqua>あいうえお</marquee>と記述すれば
あいうえおと表示されます。

色の指定で代表的な物をご紹介致します。
black→
silver→
gray→灰色
maroon→赤茶色
red→
purple→
fuchsia→ピンク
green→
lime→黄緑
olive→黄土色
yellow→黄色
navy→紺色
blue→
teai→深緑
aqua→水色
などこの他にも多数ございます。


パターン左から右に動かす方法
<marquee direction=right>あいうえお</marquee>と記述すれば
あいうえおと表示されます。


パターン上から下に動かす方法
パターンでrightと入力した部分が動かす方向の指定になります。
例えば上から下へ動かしたい場合この『right』の部分を『down』に置き換えて、上下の幅を『height=100』
(この100という数字を200にしてみたりして上下の幅を調整できます。)
で指定すると
<marquee direction=down height=100>あいうえお</marquee>と記述すれば
あいうえおと表示されます。


パターング貪戮吠源の色、大きさ、太さ、背景の色を変えながら動かす方法
まず先に以下の3つを覚えて下さい。

(源の色を変える方法
http://blogs.yahoo.co.jp/net75301/folder/95627.html

∧源の大きさを変える方法
http://blogs.yahoo.co.jp/net75301/folder/95567.html

J源の太さを変える方法
http://blogs.yahoo.co.jp/net75301/folder/1467825.html

文字の色と大きさと太さをそれぞれ単独で変える場合は

(源の色を変える方法
<font color=red>あいうえお</font>と記述すれば
あいうえお

∧源の大きさを変える方法
<font size=4>あいうえお</font>と記述すれば
あいうえお

J源の太さを変える方法
<b>あいうえお</b>と記述すれば
あいうえお

でしたよね!

これに今回覚えた「文字を動かす方法」を加えれば、
<marquee bgcolor=black><font color=gold size=7><b>あいうえお</b></font></marquee>と記述すれば
あいうえおと表示されます。

是非一度お試し下さい。


Yahooブログ入門書としてご利用下さい。
記事は転載して頂いてもOKです。
傑作』・『お気に入り』・『コメント』・『トラックバック』など大歓迎です。
宜しくお願い致します。


記事作成
はじめてのヤフーブログ(初心者のための入門書)
http://blogs.yahoo.co.jp/net75301

全1ページ

[1]


.


プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事