« サイドバーにリンク付の画像を設置する!備忘録◆ココログ編 | トップページ | IEでもFireFoxでも文字を点滅させるタグ!MARQUEEの応用w »

2010年3月 3日 (水)

文字をスクロールさせるタグ!MARQUEEを使うw

ブログリニューアル備忘録!2回目は「文字スクロールさせるタグ」です。
既に直近の記事にも採用させていますのでお気付きの方もいらっしゃるのではないかと思います。使ったのはMARQUEEタグ。文字列を右から左、左から右、左右往復等にスクロール表示できるタグなのです...

先ずは右サイドバーdownwardright「相互リンク様」を参考に。
各管理人さまの名前が右から左へスクロールしていますよネ。ここの文字列はMARQUEEタグで記述してあるからです。昨日の記事で書いた「隠し味」がコレsign03 (←ショボイって言わないでcrying



では本題。
MARQUEEタグの使い方です。

<MARQUEE>スクロールさせる文字列</MARQUEE>

*編集するのは青い部分です。

当ブログの場合、以下の様に編集しました。
- - - - - - - - - -- - - - - - - - - -
古都京都発!女史の視線から日常の生活を痛烈に斬る<Br>
<a href="(リンク先URL)">
<img src="(画像のURL)" border="0" / ><Br>
<marquee><span style="color: #ff0033;">唄うたい、つむぎ さんのブログ ☆彡</span></marquee></a>

- - - - - - - - - -- - - - - - - - - -



MARQUEEタグを使った直近記事での使用例(HTMLの編集)です。
- - - - - - - - - -- - - - - - - - - -
<marquee>
<p><span style="color: #ff3300;"><span style="font-size: 2em;"><strong>
Microsoft-Windows-User Profiles Service
</strong>
,ID:
<strong>
1530
</strong>

</span></span>
<span style="color: #ff3300;"><span style="font-size: 2em;">
警告は仕様なので問題なし
</span></span>sign03</p>
</marquee>

- - - - - - - - - -- - - - - - - - - -



dangerスクロールさせたい文字列を編集しMARQUEEタグで囲むだけですw



まぁコレよりもっと綺麗な書き方があるかも知れません coldsweats01
年寄りの冷や水で弄りました。故に、あしからず御容赦の程を。



MARQUEEタグの詳しい使い方は HTMLタグ・スタイルシート・特殊文字等の早見表 HTMLタグリファレンス 等の記事が参考になるかと思います。





ですが...





スクロール文字は閲覧者様に不快感や威圧感を与える恐れがあります。御注意くださいsign01





o(*^▽^*)oあはっ♪ 説得力ないじゃんんんんんん(爆)



リニューアルの内容はマダマダ続きます。次回を乞う御期待下さい。



                        次回の「ココログでCSS編集」に つづく 
.
.
.

|

« サイドバーにリンク付の画像を設置する!備忘録◆ココログ編 | トップページ | IEでもFireFoxでも文字を点滅させるタグ!MARQUEEの応用w »

ココログ/CSS」カテゴリの記事

パソコン・インターネット」カテゴリの記事

トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/363856/33612326

この記事へのトラックバック一覧です: 文字をスクロールさせるタグ!MARQUEEを使うw:

« サイドバーにリンク付の画像を設置する!備忘録◆ココログ編 | トップページ | IEでもFireFoxでも文字を点滅させるタグ!MARQUEEの応用w »

自作TWITTER


  • 1時間ごとに管理人がつぶやきますが何か?


    .


    .

    にほんブログ村 PC家電ブログ 自作PCへ

    ↑↑↑
    他の自作PC情報はコチラ

PC LINE UP


  • <SSD投下!>


    <スマートフォン>


    <初のAMDで自作PC>



    【CPU】Phenom II X6 1090T Black Edition BOX
    【M/B】GA-880GA-UD3H Rev.2.0
    【RAM】CFD ELIXIR W3U1600HQ_12GB
    【SSD01】Crucial m4 CT064M4SSD2
    【SSD02】Intel 330 SSDSC2CT060A3K5
    【VGA】SAPPHIRE HD5830 1G
    【Case】TEMPEST
    【PSU】Seasonic SS-600HM
    【OS】Windows 7 Home 64bit


    <初のSandy Bridge>

    【CPU】Core i3 2130
    【M/B】MSI Z68A-GD55
    【VGA】
    【Case】ANTEC DF-10
    【PSU】Seasonic SS550HT
    【OS】Windows 7 Home 32bit

    <LGA775艦隊>

    【壱号機】


    【CPU】Pentium Dual-Core E6500 @3.7GHz
    【M/B】G31M-ES2L REV1.0
    【VGA】GF9800GT OC版(GV-N98TOC-512H)+雪原(SCVSG-1000)
    【Case】SCY-628-BK改 AB仕様
    【PSU】GIGABYTE PoweRock 500W (GE-N500A-C2)
    【OS】Windows XP Home SP3

    【四号機】

    【CPU】Core 2 Quad Q8400 @3.2GHz
    【CPU_Cooler】CoolIT Systems ECO-R120
    【M/B】G31M-ES2L REV2.0
    【RAM】CFD W2U800CQ-2GL5 4GB
    【RAM_Cooler】ZALMAN ZM-RC1000-BL
    【VGA】MSI R5770 Hawk (HD 5770)
    【Case】SCY-0311FE-BK
    【PSU】Seasonic GBronze S12II 520W
    【OS】Windows 7 Home 32bit

    <鯖(サーバー)>

    NEC VALUESTAR PC-VL5505D

    NEC VALUESTAR PC-VL5505D
    【CPU】Pentium4 2.40BGHz交換
    12cmFAN増設HDD交換
    【OS】Windows XP Home SP3

    メインサーバー
    XPで作ったLAN内サーバー

    【CPU】Intel Atom D510
    【M/B】GIGABYTE/GA-D510UD
    【RAM】CORSAIR TWIN2X2048-6400 2GB
    【Case】Windy MC3 XHB
    【PSU】ENERMAX ECO80+ II EES400AWT II
    【OS】Windows XP Home SP3

    子供の記録用サーバー
    XPの第2LAN内サーバー

    【CPU】Core 2 Quad Q9450
    【Cool】 CNPS9700NT
    【M/B】ASUS P5G41T-MLX
    【RAM】UMAX Cetus DCDDR3-4GB-1333
    【Case】ANTEC ONEHUNDRED AB
    【PSU】
    【OS】Windows XP Home SP3

    <ネットブック>

    【六号機】Aspire one D260

    【CPU】Intel Atom N455 1.66GHz
    【RAM】DDR3 2GBに増設
    【OS】Windows 7 Starter