・マウスカーソルの変更
マウスカーソルを変更してみましょう。
壁紙、ヘッダ・フッダの変更はリンクの
スタイルシートへ。
＜カーソル保存＞
まず、使用するマウスカーソルを保存するのですが
ネット上にあるフリーで使える物にするか自作するかです。
使えるカーソルの拡張子は
.ani か
.cur です。
※みんカラのリニューアルでマウスカーソルを「スタイルシート用画像」に
保存できなくなりました。
それで「みんカラ」でマウスカーソルを変更したい場合は他のサイトで
カーソル保存をして呼び出さなくてはなりません。
ジオシティーズなど無料の所を借りて使うのがいいかも。
なるべく利用規約を守って使用してください。
守らないとたまに削除されてしまいます。（経験あり）
＜カーソル表示場所＞
「スタイルシート」のカスタマイズ [上級者用]にあるカスタマイズ１を選んで
スタイル編集を選びます。
それぞれ変更したい場所にカーソルのＵＲＬを入れてください。
カーソル位置によってマウスカーソルが変わります。
１．ページ全体
body
{
cursor: url(http://～.cur);
}
最後のカッコ
} のすぐ上に入れてください。
http://～.cur は保存したアイコン画像のアドレス（ＵＲＬ）を入れてください。
アイコンの種類によって
.cur か
.ani に拡張子が変わります。
いろんな所を変えてみたい人はここから下へ
２．リンク
/*通常リンク*/
A:link {color: blue;
cursor: url(http://～.cur);}
A:visited {color: blue;
cursor: url(http://～.cur);}
A:hover {color: aqua;
cursor: url(http://～.cur);}
最後のカッコ
} の前に入れてください。
３．タイトル画像（ヘッダー、フッター）
・ヘッダー（一番上のタイトル画像）
#Header
{
cursor: url(http://～.cur);
}
・フッター（一番下の画像）
#Footer
{
cursor: url(http://～.cur);
}
４．ブログ画像
.pict
{
cursor: url(http://～.cur);
}
５．テキスト装飾（コメント）
４箇所あります。
.BlogText
{
cursor: url(http://～.cur);
}
.BBSParentBody
{
cursor: url(http://～.cur);
}
.BBSChildBody
{
cursor: url(http://～.cur);
}
.CommentBody
{
cursor: url(http://～.cur);
}
６．プロフィール写真
.ProfilePhoto
{
cursor: url(http://～.cur);
}
・ヘッダーに動画（フラッシュ）の表示の仕方
ヘッダーに動画またはフラッシュを表示させることが出来ます。
動画を表示させるにはスタイルシートに埋め込むのではなく
プロフィールのタイトルに埋め込むことになります。
タイトルは文字数が半角で５０文字までしか入力できません。
表示させるには動画を自分のサイトにアップロードします。
普通の保存先、
ジオシティーズなどはＵＲＬ（アドレス）が長いので
ＵＲＬが短いサイトでアップロードすることになります。
ＦＣ２などの無料で使えるＵＲＬが短いサイトがいいです。
注）ＦＣ２は動画などを直リンクしてるとたまに直リンクしてるファイルだけ
削除されることがあります。
ＦＣ２の場合アドレスは自分で名前を決めますが４文字か５文字で
決めてください。（最低４文字です）
↓こんな感じになります。
http://○○○○.web.fc2.com/
サイトにアップロードした動画ファイル、もしくはフラッシュのファイル名は
１文字にしてください。
a.wmv や
a.mpg や
a.swf など。
プロフィールのタイトルに動画を表示させるタグを入れます。
↓全部で５０文字以内になります。
<embed src=http://○○○○.web.fc2.com/a.wmv></embed>
あとは表示させるサイズを設定します。
プロフィールのタイトルは５０文字を超えるためスタイルシート内で
設定します。
どこでもいいのでスタイルシート内に以下のものを追加。
/* ヘッダー動画サイズ設定 */
#Header embed
{
width: 750px;
height: 500px;
}
750px（横サイズ）と
500px（縦サイズ）は表示させる動画のサイズで
決めてください。
動画のサイズによってヘッダー画像に重ねることも出来ます。
ヘッダー画像を表示させたくない場合はヘッダー画像を表示させる
#Header の
background: を削除してください。
ヘッダー画像の縦サイズが動画の縦サイズより小さい場合は変更します。
#Header の所の
height を変更します。
embed で設定した縦サイズと同じにしてください。
height: 500px;
表示させる位置は
padding で。
padding: 0,0,0,0; など。
padding: 縦位置,0,0,横位置:
ＩＥ以外は変わらないかも？
スタイルシートメニュー
Posted at 2006/10/11 23:38:06 | |
旧・ブログ設定 | 日記
かれんだ～がぞう 
