プロチューＮＡＶＩ
は情報更新頻度が高いため、できればスタートページに設定してもらい、頻繁に見てもらいたいサイトです。
そこで、サイトにスタートページへの設定を最大３クリックでできるボタンを配置することにしました。
使用したコードは
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body>
</form>
<input type="button" value="スタートページに登録"
onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('（ここにホームページアドレス）');"style="background-color:（カラーコード）;color:（カラーコード）;border-color:（カラーコード）">
</form>
</body>
</html>
です。カラーコードは、コチラ をどうぞ。実際プロチューＮＡＶＩ で使用しているのは以下のコードです。
#html{{
<div style="FLOAT: right"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body>
</form>
<input type="button" value="スタートページに登録"
onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('http://proto.prochu.net');"style="background-color:#0000cc;color:#ccffff;border-color:#0000cc">
</form>
</body>
</html>
</div>
}}
プロチューＮＡＶＩ では、このボタンを右端に設置し、その左側にグローバルナビゲーションボタンを配置しているので、先頭と最後に <div style="FLOAT: right"></div> がついています。
また、プロチューＮＡＶＩ には「大学受験用」「高校受験用」「小中学生の勉強」という３つのカテゴリがあるので、それぞれのページにあわせた、ホームページアドレスと色を使い分けています。
残念ながら、このコードはＩＥにしかきかないみたいです。今後他のブラウザで使用できるコードが見つかったら、このブログで紹介します。
次回はページの内容にあわせてサイドメニューを変更するです。
そこで、サイトにスタートページへの設定を最大３クリックでできるボタンを配置することにしました。
使用したコードは
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body>
</form>
<input type="button" value="スタートページに登録"
onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('（ここにホームページアドレス）');"style="background-color:（カラーコード）;color:（カラーコード）;border-color:（カラーコード）">
</form>
</body>
</html>
です。カラーコードは、コチラ をどうぞ。実際プロチューＮＡＶＩ で使用しているのは以下のコードです。
#html{{
<div style="FLOAT: right"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body>
</form>
<input type="button" value="スタートページに登録"
onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('http://proto.prochu.net');"style="background-color:#0000cc;color:#ccffff;border-color:#0000cc">
</form>
</body>
</html>
</div>
}}
プロチューＮＡＶＩ では、このボタンを右端に設置し、その左側にグローバルナビゲーションボタンを配置しているので、先頭と最後に <div style="FLOAT: right"></div> がついています。
また、プロチューＮＡＶＩ には「大学受験用」「高校受験用」「小中学生の勉強」という３つのカテゴリがあるので、それぞれのページにあわせた、ホームページアドレスと色を使い分けています。
残念ながら、このコードはＩＥにしかきかないみたいです。今後他のブラウザで使用できるコードが見つかったら、このブログで紹介します。
次回はページの内容にあわせてサイドメニューを変更するです。