便利なホームページの作成に必要な、これは便利と思われるhtmlソースやタグ、CSSやCGI又.htaccessなどのソースを紹介します。

青色のテキストをクリックコピーして、ページの所定位置に貼り付けてください。
 マウスオーバーで、カーソルの形を指定


参考;
マウスオーバーで、カーソルの形を指定


 ====ここから====
<body>

「 <div class="c1">手の形</div>から<div class="c14">ヘルプ型</div> 」を、書く。

</body>
====ここまで====

<div class="c1">手の形</div> から
<div class="c14">ヘルプ型</div> を、

使用するものを選んで、必要以外は削除しましょう。


ブラウザや「XHTML」等では、表示ができない場合も・・・。



ヘッダ内に、「 </head>  」より上に書き込む。

<style type="text/css">
<!--
.c1 {
cursor: hand;
}
.c2 {
cursor: crosshair;
}
.c3 {
cursor: move;
}
.c4 {
cursor: e-resize;
}
.c5 {
cursor: w-resize;
}
.c6 {
cursor: n-resize;
}
.c7 {
cursor: s-resize;
}
.c8 {
cursor: ne-resize;
}
.c9 {
cursor: nw-resize;
}
.c10 {
cursor: se-resize;
}
.c11 {
cursor: sw-resize;
}
.c12 {
cursor: text;
}
.c13 {
cursor: wait;
}
.c14 {
cursor: help;
}
//-->
</style>
 ボタン風リンク



    参考例⇒ 「 【サンプル】 」  



<html>
<head>

<style type="text/css">
<!--
a {
padding: 3px 3px 3px 3px;
color: #006600;
width: 100px;
text-align: center;
text-decoration: none;
background: #99cc00;
border: 3px outset;
}
a:hover {
color: #ccff99;
}
a:active {
border: 3px inset;
}
//-->
</style>

</head>

<body>
<a href="sample/back.html">ボタン</a>
</body>
</html>
 リンクマウスオーバー時の色指定と区切り線の色指定


リンクにマウスを寄せると、
「a:hover」の「color:#a0a0ff;」で、色は「#a0a0ff」に指定しています。

区切り線「hr」も、色指定していますが、
「hr{」から「}」までを省いてもいいかな?

 <head>

<style type="text/css">
<!--
a:hover{
color:#a0a0ff;
}
hr{
color:#a0a0ff;
}
-->
</style>

</head>
 縦書き



縦書き文章は、殆ど使わないかもしれません。


■⇒ 「 縦書き


サイドメニューバーとか、・・・使うかな?

※ 注意!
「Mozilla Firefox」では、使えません。


<html>
<head>
<title>縦書き</title>

<style type="text/css">
<!--
.c1 {
writing-mode: tb-rl;
}
//-->
</style>


</head>
<body>
<br>

<p class="c1">
1行目<br>
2行目<br>
3行目<br>
</p>

</body>
</html>
ページリストへのリンク 内容説明
「.htaccess」を使って
このページに移動する  
特定IPを指定ページへ移動 index.hml以外をデフォルトファイルに
cgi拡張子をhtml拡張子に変換・転送 html拡張子でPHPページ表示
トップページ以外へのリンクは、トップページに転送
HTMLファイルでCGIを動作させる トップページを任意ファイルに変更
HTMLソース
このページに移動する  
5秒後に指定URLに移動のメタタグ テキストボックス
プルダウン チェックボックス ラジオボタン テーブル(文字位置 align)
JavaScript
このページに移動する  
 前に表示したページに戻る 電光掲示板 文字列変換 更新日時を自動で表示
CGI(Perl)
このページに移動する  
 おみくじ 更新のたびに背景画像を変える 訪問回数
CGI(Ruby)
このページに移動する  
カレンダー 訪問回数 時刻によって挨拶文を変える
スタイルシート(CSS)
このページに移動する  
マウスオーバーで、カーソルの形を指定 ボタン風リンク 縦書き
矢印リスト CGI(Python)
このページに移動する  
カラーチャート IPアドレス取得・表示 日時取得・表示
その他便利等1
このページに移動する  
 枠線の種類 文字表示 【背景色と文字色】の関係
その他便利等2
このページに移動する  
サイト内検索窓 文字列に背景色をつける