便利なホームページの作成に必要な、これは便利と思われる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>

オーナー所有の姉妹サイトを紹介

便利に使える姉妹サイト  オーナーお勧めのBLOG
お勧め 顔文字とカラーコードのワンクリックコピペ お勧め ウェブ&ネット徒然日記