あるてぃあさんのブログで反響を呼んだマーキー。
あ、マーキー＝流れる文字 ですﾟ.+:｡(･ω･)bﾟ.+:｡ｸﾞｯ
俺は昔別のホームページ持ってたので
タグは小６の頃に結構勉強しちゃってました｡･ﾟ･(ﾉ∀｀)･ﾟ･｡
まだそしてまだ記憶に残ってたりする(´・ω・｀)ｂ
そこで
今日はタグを乱用しちゃおうかと思います｡･ﾟ･(ﾉ∀｀)･ﾟ･｡
そのため、今日の記事は半端無く長くなります 覚悟してくだしゃｗ
まず太字
これはブログのボタンでも可能ですが、タグで打つ場合は
<b>太字</b> ですね。 Boldface（太字）の頭文字です。
<stｒong>太字</strong> も可。
そして斜体文字
これもブログのボタンにありますｗ これをタグで打つと
<i>斜体文字</i> ですね。 Inclination（傾き）の頭文字。
<em>斜体文字</em> <address>斜体文字</address> も可。
次に 下線部
これもボタンありますが・・・ｗ タグだと
<u>下線部</u> です。 Underline（下線）の頭文字。
<ins>下線部</ins> も可。
次は 打ち消し線 （打ち消し線）
これもボタンあるのでテキトーにサクっとｗ タグは
<s>打ち消し線</s> です。 Strike（削除する）の頭文字。
<strike>打ち消し線</strike> <del>打ち消し線</del> も可。
次は色の変更
これもボタンあるけど…枠の中に無い色の指定も可。タグは
<font color="#FF3300">色の変更</font> です。
赤字部分は１６進数で指定すればOKですﾟ.+:｡(･ω･)bﾟ.+:｡ｸﾞｯ
基本色は英語で色名入力でも可能です(・∀・)
次は等幅フォントです。
フォントの幅を全て統一できます。これのタグは
<tt>等幅フォント</tt> となります。
次は上付き・下付き文字。
始めてみる人も多いかも｡･ﾟ･(ﾉ∀｀)･ﾟ･｡
普通の文字列を横に割って上・下半分に文字を寄せるタグ。
上付きは<sup>上付き</sup> 下付きは<sub>下付き</sub>。
次は…
中央寄せとかしちゃう？
ココログでこれが出来なくて困ってた方も多いはずｗ
タグは <center>中央寄せとかしちゃう？</center> です。
みなみに右寄せは
右寄せ
<P align="right">右寄せ</P> と打てば可能ですｗ
左寄せは…使わないだろうけど、ライトをレフトに変えるだけｂ
次は改行タグ。
ココログのフォントって、エンターキーで改行すると
↑１行空いちゃいますね。これを埋めるためには
タグを使って改行
すればいいのですｗ
タグは改行させたい居場所に <br> と入力。
閉じる必要はありませんﾟ.+:｡(･ω･)bﾟ.+:｡ｸﾞｯ
次 あるてぃあさんも使ってました、コレ↓
ブログの幅に合わせて線を入れる。
線を入れたい場所に <hr> と入れるだけでOK。簡単です＾＾
次、表を入れてしまいましょうかｗ
※長いタグになります。興味無い方はすっ飛ばしてｗ
↓これを表示させてみましょう
上から順に１段目 左から順に１列目 とします。
これを打ち込むのは結構面倒です。タグだけ貼るとコチラ
※赤字部分は解説のためタグ関係なし
<TABLE border="1">
<TBODY>
<TR>
<TD>あ</TD> １段目１列目
<TD>い</TD> １段目２列目
<TD>う</TD> １段目３列目
</TR>
<TR>
<TD>か</TD> ２段目１列目
<TD>き</TD> ２段目２列目
<TD>く</TD> ２段目３列目
</TR>
<TR>
<TD>さ</TD> ３段目１列目
<TD>し</TD> ３段目２列目
<TD>す</TD> ３段目３列目
</TR>
</TBODY>
</TABLE>
これは結構シビアなタグです。
慣れるまで実践あるのみですなｗ
ではちょっと使ってみましょう。
俺のHBOキャラクターの紹介をしてみます。
|
名前 |
備考 |
所属群団 |
| １ |
をこ |
龍族治療師 |
向日葵騎士団 |
| ２ |
ケフェウス |
猿族盗賊 |
向日葵騎士団 |
| ３ |
グランガン |
鳥族狩人 |
最強猛獣軍団 |
| ４ |
コロンボ |
犬族幻術師 |
NATURE |
| ５ |
ミネアム |
牛族戦士 |
旋律の幻想者 |
| ６ |
ネビュラ |
虎族仙法師 |
無所属 |
こんな感じですね♪ ちなみにタグは…
<TABLE border="1">
<TBODY>
<TR>
<TD></TD>
<TD>名前</TD>
<TD>備考</TD>
<TD>所属群団</TD>
</TR>
<TR>
<TD>１</TD>
<TD>をこ</TD>
<TD>龍族治療師</TD>
<TD>向日葵騎士団</TD>
</TR>
<TR>
<TD>２</TD>
<TD>ケフェウス</TD>
<TD>猿族盗賊</TD>
<TD>向日葵騎士団</TD>
</TR>
<TR>
<TD>３</TD>
<TD>グランガン</TD>
<TD>鳥族狩人</TD>
<TD>最強猛獣軍団</TD>
</TR>
<TR>
<TD>４</TD>
<TD>コロンボ</TD>
<TD>犬族幻術師</TD>
<TD>NATURE</TD>
</TR>
<TR>
<TD>５</TD>
<TD>ミネアム</TD>
<TD>牛族戦士</TD>
<TD>旋律の幻想者</TD>
</TR>
<TR>
<TD>６</TD>
<TD>ネビュラ</TD>
<TD>虎族仙法師</TD>
<TD>無所属</TD>
</TR>
</TBODY>
</TABLE>
こうなります。 うん、打つのめんどくさｗ
さて、そろそろマーキーに移ってみましょうｗ
これは <marquee>まず普通に</marquee> でOKですね♪
さて、次は… 横幅を決めてみます。
これは <Marquee width="250">横幅指定</Marquee> でOK♪
お次は右に動かしてみましょう～♪
<Marquee direction="right">右へ進む</Marquee> で表示されまｗ
次は往復させてみます♪
<Marquee behavior="alternate">左右往復</Marquee> でOK♪
次は背景に色をつけて見ましょう♪
<Marquee Bgcolor="#FF3300">背景色付き</Marquee>
色は16進数で指定します♪
次は速度の変更ﾟ.+:｡(･ω･)bﾟ.+:｡ｸﾞｯ
<Marquee scrollamount="50" truespeed>ヾ(*･∀･)ﾉ </Marquee>
ここまでは横向きマーキーでしたｗ
次は縦向きマーキーいってみましょ♪
<Marquee direction="up" height="50">上へスクロール</Marquee>
direction="up" upをdownに変えれば下向きに。
height="50" これは縦幅の指定です。
では下にやってみましょう♪
<Marquee direction="down" height="50">下へスクロール</Marquee>
では、これを踏まえて、上下スクロール♪
<Marquee behavior="alternate" direction="up" height="50">
上下へスクロール</Marquee>
では、ちょっと応用してみます♪
<Marquee behavior="alternate" direction="up" height="50">
<Marquee direction="right">上下往復複合</Marquee></Marquee>
他にも小技をいくつか☆-(ノﾟДﾟ)八(ﾟДﾟ )ノｲｴｰｲ
↓なんの変哲も無いマーキーに見えるけど…？
↓ ここにもマーキーがあります 色反転ﾟ.+:｡(･ω･)bﾟ.+:｡ｸﾞｯ
↓ なんとここにも、でも何も無いですね？どうしましょう？
更新ボタンを押してみましょうΣd（ﾟ∀ﾟd）ｵｩｨｪ!!
上から順に、タグはこうなります♪
<Marquee onmouseover=this.stop() onmouseout=this.start()>
カーソルを合わせると…</Marquee>
<Marquee behavior="alternate"><font color="#FFFFFF">
色白｡･ﾟ･(ﾉ∀｀)･ﾟ･｡</font></Marquee>
<Marquee loop="3">３回だけ流れます♪</Marquee>
どうでしょうかｗ 結構使えると思いますﾟ.+:｡(･ω･)bﾟ.+:｡ｸﾞｯ
使い方次第で可能性は無限大 ☆-(ノﾟДﾟ)八(ﾟДﾟ )ノｲｴｰｲ
タグは無限に組み合わせることが可能ですヾ(*･∀･)ﾉ
タグをうまく使いこなしてより楽しいブログにしましょう♪
<Marquee direction="right" scrollamount="100" truespeed>
ε＝(ﾉﾟ∀ﾟ)ﾉｱﾋｬﾋｬﾋｬ！</Marquee>
<Marquee direction="right">
<Marquee width="100" Bgcolor="#FF3300">
文字場所固定</Marquee></Marquee>
そしてちょっと遊んでみたﾟ.+:｡(･ω･)bﾟ.+:｡ｸﾞｯ
タグは… 貼らなくても分かりますよねｗ
最近のコメント