タグ関連の小技/無料ブログ作成マニュアル

無料ブログ作成マニュアル

Google
 

◆スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

役に立ったと思っていただけたらポチッと応援お願いします。
FC2 Blog Ranking

◆タグ関連の小技

ここでは基本的なタグや、文字飾りなどと同じ様に簡単に使える小技を紹介します。
とは言え、これ等の小技は作る側の自己満足的なものが多く、当サイトでは(独断と偏見によるものですが)これだけ覚えておけばまあいいだろうというものしか説明しません。
その点はご了承ください。
なお、タグで使える文字は全て半角なので気をつけてください。

◆タグ関連の小技

■文字の大きさを変更する
<font size="3">~</font>
数字は1~7まで。相対サイズ。

<span style="font-size:10pt">~</span>
固定サイズでの変更。

■マーキー
<marquee scrollamount="2">~</marquee>
テキストがこの様にスクロールします。

数字がスクロールの速さです。
ただし文字が読みにくくなって嫌がられる事のほうが多いので注意。(上の文字は結構邪魔な感じしますネ。)
これは画像もスクロールできるので、テーブル(後述)で囲むなどして

メニューメニュー

こんな感じでワンポイントとして使いましょう。

■特殊文字
記事を書くところに < や > といったボタンがあり、クリックすると &lt; といった表記がされます。
プレビューで見ると判るんですが、これは < を表記する特殊文字です。
&#9829 = ♥
&#9827 = ♣
&#9832 = ♨
数字を変えると他にも色々変わります。
ただし機種依存文字なのでMacなどとの互換性は無いので注意です。

■水平線の色と幅
<hr size="1" width="100%" color="#ff0000">
太さは size="1"
横幅は width="100%"
色は color="#ff0000"
で変更できます。

■ロールオーバー
ロールオーバーとは、画像の上にマウスのポインタを持っていくと画像が変わる小技です。

インフォメーション

画像のタグである <img src="元の画像" alt="画像のタイトル" border="0"> を、

<img src="元の画像" onMouseOver="this .src='ポイント時の画像'" onMouseOut="this .src='元の画像'" alt="画像のタイトル" border="0">

と変更すれば完了です。

■音楽・動画ファイルを使う
音楽ファイルや動画ファイルを指定の位置に貼ります。
FC2で使えるのはmidi(mid)、mp3、swfファイル。

BGM:(フォーレ 月の光) by Midi Classics
↑こんなヤツです。

<embed src="ファイルのURL" width="200" height="20" repeat="true" loop="true" autostart="false">

widthで横幅、heightで縦幅、repeatloopは曲が終わった時の再生回数を設定出来、数字に変えるとその回数繰り返します。(いずれも半角英数)

■テキストエリア

<textarea rows="5" cols="35" readonly>文章 </textarea>

テキストエリア内の文章を改行する際に<br>は必要にならず、普通にEnterで改行すればいいです。
rowsが表記する行数、colsは横の半角文字数です。これで大きさを変更できます。
なお、記事で使う時は記入方法を「HTMLタグのみ」にしてください。
スクロールバーが変わってますが、これはブログのものと同じ。
変更方法はスクロールバーをご確認ください。

■インラインフレーム

<iframe src="a.html" width="300" height="80"></iframe>

a.html で表示されるページを指定します。
ファイルのアップロードでhtml(htm)ファイルがアップできますので、それをここで表示させたりします。
なお、スクロールバーの色を変更したい時は、この表示されているhtmlの方を変更します。
htmlでの変更法は無料ホームページ作成マニュアルのその他の小技で。
300が横幅、80が高さです。これはピクセルのみではなく%単位でも指定できます。
表示されているのは普通のページなので、インラインフレーム内にリンクを表示させたり画像を貼ったりする事も出来ます。
背景色などの基本設定の変更も簡単です。
注意して欲しいのは、ここから別のサイトにリンクを貼る場合は、
<a href="リンク先URL" target="_blank">リンク先</a>
<a href="リンク先URL" target="_top">リンク先</a>

としないとフレーム内にリンク先が表示されてしまいます。
自分が作ったページを表示するなら構いませんが、他の人のページを自分のページ内に組み込むのはマナー違反。
リンクのターゲットは気をつけてください。
他にも様々なタグ関連の小技がありますが、クロはそれほどタグに詳しくありません。
もっといいの無いの?という方は、コピペで飾ろうホームページさんで様々な小技を紹介されていますので、そちらを参考にしてくださいませ。

役に立ったと思っていただけたらポチッと応援お願いします。
FC2 Blog Ranking

トラックバック
この記事のトラックバックURL
http://hpmanual.blog81.fc2.com/tb.php/36-f124fd6d
この記事へのトラックバック

Copyright 無料ブログ作成マニュアル 簡単FC2入門 All rights reserved.
Template by 無料ホームページ作成講座ブログ
アクセスアップは相互リンクで 相互リンクドクター!アクセスアップ ホームページ登録(サーチエンジン登録) ホームページ作成 ランキング ページビューランキング 幸福の羅針盤ランキングに参加してね
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。