ムチポンのブログ一覧

タイトルを点滅させる方法でーす☆( ￣▽￣)ﾉ

これはすっごく簡単☆

プロフィール編集でタイトルのとこに↓このように↓入力すればオッケー☆


<pre><MARQUEE scrolldelay=1000 scrollamount=100 width=100>タイトル</MARQUEE></pre>

ちなみに、
scrolldelay=1000 は1000/1000秒（つまりは１秒）に１回点滅するって意味なので、この数字を弄ると点滅速度を変えることができまーす☆(* ^ーﾟ)ﾉ

今回はブログ内で文字を上下に動かす方法です☆

なんか見てるだけでも疲れてきそうなのでコピペでそのまま貼り付けたら簡単かもです☆(* ^ーﾟ)つ


<pre><br><MARQUEE scrollamount=2 scrolldelay=1 direction=up behavior=alternate width=450 height=100><MARQUEE scrollamount=2 scrolldelay=1 behavior=alternate><MARQUEE scrollamount=2 scrolldelay=1 direction=up behavior=alternate width=128 height=64><MARQUEE scrollamount=2 scrolldelay=1 behavior=alternate><MARQUEE scrollamount=2 scrolldelay=1 direction=up behavior=alternate width=64 height=32><MARQUEE scrollamount=2 scrolldelay=1 behavior=alternate><br>文字<br></MARQUEE></MARQUEE></MARQUEE><br></MARQUEE></MARQUEE></MARQUEE><BR clear=all></pre>


上の「文字」となっているところに好きな文字や記号を入れればそれを動かすことができます☆

ちなみに、上のやつをブログで見ると↓こんな感じ↓になります☆(o^ー')b



文字

スタイルシートを昨日に引き続きいろいろ勉強してみましたが、もうこんな時間に・・・

明日も仕事なので、背景を動かす方法やらは明日にでも書きたいと思います～☆ヾ(^_^

そんなわけで今日は寝ちゃいます。おやすみぃ～( ・∀・)ﾉ

リンクの上にマウスポインタが乗ったときにリンクが少し動いて押されたっぽく見える（？）方法の紹介です☆

これは非常に簡単☆a:hoverに次の太字部分を入れるだけです。


a:hover
{
color: #ff0000;
text-decoration: underline;
position:relative;
top: 2px;　←どれだけ下に動かすかの数字
left:2px;　どれだけ右に動かすかの数字
}


これでリンクの上にマウスカーソルが乗った時に押された（？）ようになります☆

参考までにどうぞ～☆(* ^ーﾟ)σ

マウスカーソルを変更する方法を紹介します。

まずは拡張子が.curか.aniのマウスポインタ用の画像を用意しましょー☆

ちなみに、自分はうちのワゴンＲの写真を眺めながらせっせと作ってみました☆（ちょいと使いづらいかもですが、ワゴンＲの真中天辺がポイントですのでよろしくです。）

その後、自分のホムペなりにマウスポインタ用が画像をアップしときます。

そして、次の太線のところにマウスポインタ用画像のアドレスを入れれば完成☆


body
{
color: #cccccc;
padding-right: 2px;
padding-left: 2px;
background: #000000;
padding-bottom: 2px;
margin: 0px;
padding-top: 8px;
text-align: center;
cursor: url('http://www.*****.jp/*****/***.ani');
}


bodyにcursor: url('リンク先');を入れればリンク意外の場所にいるときは指定したマウスポインタになります☆

リンクの時もマウスポインタを変えたいというときは、
a:link
a:visited
a:active
a:hover
等のリンクが関係あるところに一通りcursor: url('リンク先');をいれてあげればオッケーです☆

みなさんも自分の愛車をマウスポインタにしてみてはいかがでしょー☆(* ^ーﾟ)σ