cssスタイルシートリンク



CSS 〜スタイルシート〜

PR
自宅で簡単在宅ワーク

自宅で好きな時間にいつでも
できる簡単在宅ワーク。
インターネットで自動収入!

PR
月3万円余裕のある生活の提案

サイドビジネスで毎月のように
お金が入るようになったらありがたい。
そんなライフスタイルの提案です。
PR
成功するアフィリエイト失敗者

努力しているのにうまくいかない。
手間と時間ばかりかかる・・・
やり方を変えてみたら。あれ...

スタイルシートリンク


 触れるとリンク文字が変化する。リンク文字に効果を与える。その@

※このスタイルシートはヘッダ、または外部リンク用のCSSファイルに記述してください。

<style type="text/css">
<!--

a{text-decoration:none;}
-->
</style>


リンクに付く下線を消します。 ※以降オレンジ部分は略します






a:link{color:通常文字色;}
a:active{color:クリック瞬間文字色;}
a:visited{color:リンク後文字色;}
a:hover{color:触れた時の色;text-decoration:none;}


触れるとリンクの下線が消えます。






a{text-decoration:none;}
a:link{color:通常文字色;}
a:active{color:クリック瞬間文字色;}
a:visited{color:リンク後文字色;}
a:hover{color:触れた時の色;text-decoration:underline;}


リンク文字に触れると下線出現します。






a:link{color:普通文字色;}
a:visited{color:リンク後文字色;}
a:active{color:クリック中文字色;}
a:hover{border-bottom:線の太さpx 線の種類 線の色;}


リンク文字に触れると色付きの下線を出現させます。

 線の種類









a:link{color:普通文字色;font-size:普通文字サイズpt;}
a:active {color:クリック瞬間の文字色;font-size:クリック瞬間のサイズpt;}
a:visited{color:リンク後文字色;font-size:リンク後文字サイズpt;}
a:hover{color:触れた時の色;font-size:触れた時のサイズpt;}


リンク文字に触れると文字の大きさが変化します。







a:link{color:普通文字色;}
a:active {color:クリック瞬間文字色;}
a:visited{color:リンク後文字色;}
a:hover{font-weight:bolder;color:触れた時の文字色;}


リンク文字に触れると太字になります。







a:link{color: 普通文字色;}
a:active{color: クリック瞬間文字色;}
a:visited{color: リンク後文字色;}
a:hover{font-style: italic;color: 触れた時の文字色;}


リンク文字に触れると斜体になります。








サイト上部へ↑  トップページへ



 触れるとリンク文字が変化する。リンク文字に効果を与える。そのA

※このスタイルシートはヘッダ、または外部リンク用のCSSファイルに記述してください。

<style type="text/css">
<!--
a:link{color:普通文字色;}
a:active{color:クリック瞬間文字色;}
a:visited{color:リンク後文字色;}
a:hover{color:触れた時の文字色;filter:Glow(color='まわりの色',strength='数字');position:absolute;}

-->
</style>

リンク文字に触れると発光します。 ※以降オレンジ部分は略します







a:link{color:普通文字色;}
a:active{color:クリック瞬間文字色;}
a:visited{color:リンク後文字色;}
a:hover{color:触れた時の文字色;background-color:触れた時背景色;}


リンク文字に触れると背景に色が付きます。








a:link{color:普通文字色;}
a:active {color:クリック瞬間文字色;}
a:visited{color:リンク後文字色;}
a:hover{background-image:url("画像のURL");position:relative;}


リンクに触れると背景に画像。







a{text-decoration:none;}
a:link{color:普通文字色;}
a:active {color:クリック瞬間文字色;}
a:visited{color:リンク後文字色;}
a:hover{color:触れた時の文字色;border:線の太さpx 線の種類 色;}


リンクに触れると額縁。

 線の種類










サイト上部へ↑  トップページへ



 触れるとリンク文字が変化する。リンク文字に効果を与える。そのB

※このスタイルシートはヘッダ、または外部リンク用のCSSファイルに記述してください。

<style type="text/css">
<!--
a:link{color:普通文字色;}
a:active{color:クリック瞬間文字色;}
a:visited{color:リンク後文字色;}
a:hover{border-top:上線の太さpx 上線の種類 上線の色;border-bottom:
下線の太さpx 下線の種類 下線の色;}

-->
</style>


リンクに触れると上下線。 ※以降オレンジ部分は略します

 線の種類








a:link{color:普通文字色;}
a:active{color:クリック瞬間文字色;}
a:visited{color:リンク後文字色;}
a:hover{color:触れた時の文字色;border-right:線の太さpx 線の種類 右線色;
border-left:線の太さpx 線の種類 左線色;}


リンクに触れると左右線。







a:link{color:普通文字色;}
a:active{color:クリック瞬間文字色;}
a:visited{color:リンク後文字色;}
a:hover{color:触れたときの文字色;border:枠の太さpx 枠の種類 枠の色;}


リンクに触れると囲み線。







a:link{color:リンク文字色;text-decoration:none;}
a:active {color:クリック瞬間文字色;text-decoration:none;}
a:visited{color:リンク後文字色;text-decoration:none;}
a:hover{color:リンクに触れた時の文字色;text-decoration:underline;
border-bottom:下線の太さpx 下線の種類 下線の色;}


リンクに触れると二重線。







a:link{color:最初の文字色;}
a:active{color:クリック中の文字色;}
a:visited{color:リンク後の文字色;}
a:hover{position:relative;top:下へずれる大きさの数字px;left:右にずれる数字px;}


リンクに触れるとへこむ。









サイト上部へ↑  トップページへ



 パスワード付きリンクその@

表示させたい場所に記述してください。

<form onsubmit="document.location.href= this.pass.value + '.html'; return false">
<input type="password" name="pass" size="横幅" style="border:枠線の太さpx 枠線の種類 枠線の色;background-color:背景色;">
<input type="submit" value="ボタン文字" style="border:枠線の太さpx 枠線の種類 枠線の色;background-color:背景色;">
</form>


 こんな感じでフォームをだしてリンクします。

PWは拡張子を除いたアドレス部分になります。
(拡張子が.htmの場合はタグの.htmlの部分を変えてください)
※同サーバーでないと効果は得られません。


またリンク先は同じディレクトリ(フォルダ)内に置いてください。




サイト上部へ↑  トップページへ



 パスワード付きリンクそのA

ヘッダ内に記述 実はJS(javascript)だったりします(笑)

<script type="text/javascript">
<!--
var keyword = "パスワード"
function key(){
var key = prompt("パスワ−ドを入力して下さい","")
if(keyword != key)
history.go(-1)
}
key()
// -->
</script>



ページを開いた時にパスワードを要求するようになります。

パスワードは半角英数字でお願いします。

同一ウインドウで開くようにして下さい

注意:このPWはPCに詳しい人には簡単に見破られるので注意




サイト上部へ↑  トップページへ



 パスワード付きリンクそのB

ヘッダ内に記述 実はJS(javascript)だったりします(笑)

<script type="text/javascript">
<!--
function key(){
answer = prompt("password please!","");
if(answer){
location.href = answer + '
.html';
}
else {
alert("パスワードを入力して下さい。")
}
}
// -->
</script>




下のは本文に記述するリンク用タグ

<a href="javascript:key()">文字</a>



PWは拡張子を除いたアドレス部分になります。
(拡張子が.htmの場合はタグの.htmlの部分を変えてください)
※同サーバーでないと効果は得られません。


またリンク先は同じディレクトリ(フォルダ)内に置いてください。





サイト上部へ↑  トップページへ



 ターゲットリンク。全てのリンクが○○の窓(フレーム)で開きます

ヘッダ内に記述

<base target="">

の部分

_blank 新ウインドウで開く
_parent 新ウインドウで開く
_self 同じウインドウで開く
_top 全画面で開く
フレーム名 指定フレームで開く


※全てのリンクがの窓で開きます


フレームページのメニューとかにいいかも。



サイト上部へ↑  トップページへ












サイト上部へ↑  トップページへ


メニュー
CSS スタイルシートについて
CSS スタイルシート外部リンク
CSS 文字を装飾する
CSS 画像に効果を入れる
CSS リンクを装飾する
CSS 背景画像を固定する
CSS 背景に効果を入れる
CSS スクロールバーを装飾
CSS カーソルを変える
CSS ページ全体に枠
CSS その他 スタイルシート
CSS スタイルシートリンク集









おすすめ


1GB無料ホームページ
完全に一行広告の表示が
消えました!お勧めです。
当サイトも使用中
サイト最下部にPowered by FC2.comと表示されるだけ!


PR

私はこれで会社を辞めました
一日たった1〜2時間の作業でOKなインターネットで行えるビジネスとは?


いつまで貧乏くじを引きますか?
あなたは、しっかり検討しましたか?


育児と家事だけの人生なんて嫌!
ビジネスをやっても成功しない、全然楽しくない。 楽しくて・成功するビジネスとは?


アフィリエイトの時代は終わった!
アフィリエイトは手間ばかりかかって月に5,000円も稼げない・・・・


月3万円が余分にある生活
私たちはビジネスの提案ではなく、ライフスタイルを提案しています。


貧乏から金持ちへ
3分だけ時間を下さい。けして無駄な時間にはしませんから。


















Copyright(C) CSSスタイルシート All Rights Reserved


inserted by FC2 system