HOME > ソーススクラップリンク集 >  で動作します。
ヘッダ

スタイルシート(CSS)

「 スタイルシート 」 を使って出来ることを紹介します。区切り線

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


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


 ====ここから====
<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>

 ボタン風リンク  リンクマウスオーバー時の色指定と区切り線の色指定

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

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

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

<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>
 
<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>

<br>
</body>
</html>

区切り線

■ サイトページメニュー (メインコンテンツ)
矢印リスト 「.htaccess」を使って
このページに移動する

特定IPアドレスを指定ページへ移動
index.hml 以外をデフォルトファイルにする
cgi拡張子をhtml拡張子に変換・転送
html拡張子でPHPページ表示
トップページ以外へのリンクは、トップページに転送
HTMLファイルでCGIを動作させる設定
トップページを任意ファイルに変更
矢印リスト HTMLソース
このページに移動する

5秒後に指定URLに移動のメタタグ
テキストボックス
プルダウン
チェックボックス
ラジオボタン
テーブル(文字位置 align)

矢印リスト スタイルシート(CSS)
このページに移動する

マウスオーバーで、カーソルの形を指定
ボタン風リンク
縦書き


矢印リスト JavaScript
このページに移動する

前に表示したページに戻る
電光掲示板
文字列変換
更新日時を自動で表示

矢印リスト PHP
このページに移動する

文字サイズ・背景色選択
パスワード認証
リンク元取得・表示


矢印リスト CGI(Perl)
このページに移動する

おみくじ
更新のたびに背景画像を変える
訪問回数

矢印リスト CGI(Ruby)
このページに移動する

カレンダー
訪問回数
時刻によって挨拶文を変える

矢印リスト CGI(Python)
このページに移動する

カラーチャート
IPアドレス取得・表示
日時取得・表示

リスト その他便利等1
このページに移動する

枠線の種類
文字表示
【背景色と文字色】の関係

リスト その他便利等2
このページに移動する

サイト内検索窓
文字列に背景色をつける

 リスト カラーチャート@  リスト カラーチャートA  リスト カラーチャートB  顔文字のコピペブック


Copyright (C) ソーススクラップリンク集「HP作成奮闘記」 All Rights Reserved.
※当サイトのテキスト・画像等すべての転載転用、商用販売を固く禁じます