ちょっとした小技

このページでは作成したホームページにできる、ちょっとした小技を紹介します。このサイトでも使っています。

お気に入りのアイコンを変更する

ホームページをお気に入りに追加すると通常eのアイコンが表示されますが、これを変更する方法があります。

１．まず、アイコンを作るソフトを用意します、私はこれを使ってます。フリーソフトです。
　　 http://www.vector.co.jp/magazine/softnews/030507/n0305074.html
　　色を選んでクリックするだけなので初心者でも簡単に作ることができます。

２．保存すると拡張子がファイル名.icoとなります。

３．お気に入りのアイコンに変えたいページの、
　　 <head> 〜 </head> 内に
　　 <link rel="SHORTCUT ICON" href="ファイル名.ico">
　　 と書き込んで下さい。

４．お気に入りのアイコンに変えたいページと同じフォルダーに用意したアイコンを置きます。

お気に入りに追加のボタンを表示する

訪問者の人にホームページをお気に入りに追加してもらえると、また訪問してもらえます。できれば目立つところに設置しておくと便利です。ボタンの設置方法を説明します。

以下のソースを<body>〜</body>内のボタンを追加した居場所にペーストするだけです。ボタンの種類によってソースが違うのでお気に入りのものを選んでください。画像の場合は別に用意する必要があります。URLとタイトルはご自分のホームページに合ったものに変更してください。

指定ページを登録してもらうボタンを作る場合
 
<INPUT type="button" value="お気に入りに追加する!" onClick="javascript:window.external.AddFavorite('http://net.sub.jp/money/','ウハウハお小遣いネット収入生活〜無料でお金儲けしよう〜')" style="border-style:solid; border-width:2px; border-color:#66CCFF; background:#E0FFFF; font-size:10pt; color:#808080">
http://www.net.sub.jp/money/　を自分のURLに変更します。
ウハウハお小遣いネット収入生活〜無料でお金儲けしよう〜　を自分のタイトルに変更します。

Formを使用して指定ページを登録してもらうボタンを作る場合
 
<FORM>
<INPUT type="button" value="お気に入りに登録する" onclick="javascript:window.external.addFavorite('http://net.sub.jp/money/','ウハウハお小遣いネット収入生活〜無料でお金儲けしよう〜')"></FORM>
http://www.net.sub.jp/money/　を自分のURLに変更します。
ウハウハお小遣いネット収入生活〜無料でお金儲けしよう〜　を自分のタイトルに変更します。

お気に入りに追加の画像を使う場合
 
<a href="#" onClick="javascript:window.external.AddFavorite('http://net.sub.jp/money/','ウハウハお小遣いネット収入生活〜無料でお金儲けしよう〜');return false"><img border="0" src="images/favorite.gif" width="128" height="26"></a>
http://www.net.sub.jp/money/　を自分のURLに変更します。
ウハウハお小遣いネット収入生活〜無料でお金儲けしよう〜　を自分のタイトルに変更します。
images/favorite.gif　を画像をおいたパスに変更します。

文字にする場合
お気に入りに追加する 
<a href="#" onClick="javascript:window.external.AddFavorite('http://net.sub.jp/money/','ウハウハお小遣いネット収入生活〜無料でお金儲けしよう〜');return false"><font style="font-size: 15px" color="#666666">お気に入りに追加する</font></a>
http://www.net.sub.jp/money/　を自分のURLに変更します。
ウハウハお小遣いネット収入生活〜無料でお金儲けしよう〜　を自分のタイトルに変更します。

 

マウスが載ったリンクの背景色を変える

このサイトでも使用しています。リンクの上にマウスを載せるとオレンジのようになります。
試しに↓の”ウハウハお小遣いネット収入生活のトップへ戻る”の上にマウスを移動してみてください。

やり方は次の行をソースの<head>〜</head>内に追加するだけです。 三行をそのまま貼り付けてください。
　　<style type="text/css"><!--
　　a:hover { background-color:orange; }
　　--></style>

orangeの代わりに#で色を指定することができます。 簡単なので試してみてください。




お小遣いネット収入生活のトップへ戻る

Copyright(C)2004 お小遣いネット収入生活 All RightReserved