・ページ全体を枠で囲む

・おみくじ・占いをつける

・スクロールバーの色を変える

・キリ番ゲッター表示(プルダウン)

・ページ全体でのカーソルの形を変える

・ウィンドウを閉じるボタン

・右クリックを禁止にする

・色々なボタン

・隠しリンク

・トランジション効果

・Google/Yahooの検索をつける

・インラインフレーム(アイフレ)

・マウスストーカー

・お気に入りに追加

・最終更新日付表示

・☆を降らせる

















ページ全体を枠で囲む

フレームの全体を枠で囲みますo
たぶんページの読み込みが遅くなりますo
※ガイアでメインページを囲めないという報告がありましたo

枠の太さと枠の色と枠の種類を変えてねo

もっと細かく色や太さを指定したい場合は、

枠の太さと枠の色と枠の種類を変えてねo

枠の種類
none

dotted
dashed
solid 
double 
groove 
ridge 
inset 
outset 
種類はIEでしか変わりませんo

上に戻る

おみくじ・占いをつける

ソースを貼り付けるだけで使えるおみくじをたくさん作って配布してる
おみくじ倶楽部というサイトがありますo
おみくじの自動作成もありますo

上に戻る

スクロールバーの色を変える

IEでしか変わりません。
他の環境では、普通のにしか見えませんょ。
そこを注意しようね。
おおまかな色を指定するのは、↓↓です。


↓↓もっと細かく色を指定するょ↓↓
     
右にある絵を見ながら変えてみてね。

上に戻る

キリ番ゲッター表示(プルダウン)

文字が動くキリ番ボードは、IEでしかマーキーを使えないため、
環境によっては非常に迷惑ですo
(↑とても長いキリ番のリストが停止した状態だったらどうなるか考えてみてください…o)
プルダウン形式が一番、いい方法ですo




の直前に
を追加していくと、いくらでも名前を追加できるょo

カラフルなやつ…o
サンプルは↓↓



上に戻る

ページ全体でのカーソルの形を変える

そのページでのカーソルの形を変えますo
リンクで触れた文字だけカーソルの形を変える方法は、
リンク関係のページに載ってますo

カーソルの形を変えたいページのお知らせ欄の一番上に書いてくださいo
ちなみにIE以外では変化ないですo
タイプは下の中から選んでねo
auto crosshair
default move
e-resize ne-resize
nw-resize n-resize
se-resize sw-resize
s-resize w-resize
text wait
help col-resize
row-resize hand
progress not-allowed
no-drop vertical-text
all-scroll


画像を使う場合o

画像はカーソル画像じゃないと×ですo


上に戻る

ウィンドウを閉じるボタン


サンプル押してもなんもなんないでしょ?
フレームだと、ダメなんですょぉぉ〜o(笑
小窓とかで使うといいかも…o
のせる価値あんまないかもo(涙



上に戻る

右クリックを禁止にする

これは、愛香が大嫌いな物NO.1って感じですo(笑
普通にみんなから嫌われる理由はたくさんあるょo
一番ムカつくのは、文字化けしたときに直せないでしょo
愛香のようにガイアでは海外在住の人がたくさんいますo
そうすると、PCの言語設定が日本語中心じゃないコトが
多いのでしょっちゅう文字化けするのですo(涙
昔々ですけど、文字化けして右クリックした例↓↓
※カッコ内は愛香が思ったコトです。
「見ちゃ嫌〜。」(誰も見たいわけじゃないんだけど…)
「左クリックはできません><」(左じゃなくて右でしょ…)
「パクるな。最悪!」(パクる以前に何書いてあるのかも謎だし…)
などなどです。
そもそも右クリック禁止なんて簡単に解除出来るしねo
Macだと右クリックなんて物自体ないしo
しかも直リンとか隠してるんじゃないかと思われて
かえってソースを見られるょ…o
ってことで、ココでは、右クリック禁止の方法を
教えません!と言いたいところだけど…。
あとで、聞いてくる人がうじゃうじゃいるとめんどうなので…。(笑
アラートが出ないタイプを紹介します…。
ログイン ↓↓↓ デザインで画像URL欄にURLのあと、
半角スペースを空けて

と記入してくださいo
背景画像を固定するものを付け加えてあるなら、
さらにその付け加えてくださいなo
(後でも前でもいいから、間に半角スペース入れてください!)
これで全部のページの右クリが出来なくなりましたo
画像を持っていかれたくないという場合は、
画像のタグにこれを追加してくださいo
画像のタグがこうゆう感じになります。↓↓


↓サンプル↓


右クリしてみてo
どう?なんもおきないでしょ!?
ページ全部が右クリ禁止より、画像のみ右クリ禁止ってほうが、
来てくれた人に親切だょo

上に戻る

色々なボタンo

なんでか知らないけど、これ好きな人多いょねo

一番シンプル。





OKかキャンセルか聞かれる。





たくさんメッセージボタン


サンプルと同じのは↓


項目を増やしたいときは

を増やしてねo
減らすのはその逆だょo

カラフルメッセージボタン

サンプル1

☆を「クリックしてw」とかに変えてもOK♪
サンプルと同じものはこっち↓


色変え用。


サンプル2


サンプルと一緒


色変え用


こんなのもあるよ…o
           


色は自分で変えてねo


ボタンでリンク。

同じページ内に開く。


別窓で開く。


メニューでリンクをクリック⇒メインにページ表示o

ここのタグ講座のようってこと。
ってことで、サンプルはなし。


色付リンク。(別窓だょ)

サンプルと一緒


色変え用


上に戻る

隠しリンクo

☆のうちの1つがリンクになってるょo
ここのページは、リンクに装飾してるから、すぐ分かっちゃうけど
装飾なしのページだともうちょっとわかりにくいですo
(※同窓ですo)

☆☆☆☆☆☆☆

これは、普通の文字の間にリンクを隠すものですo
他にも色々な方法があるょo
自分で色々ためしてみてねwo


リンク先URLと、文字色を変えてねo

上に戻る

トランジション効果

説明しにくいけど、ページの読み込み時とかに
○形とか右から左に表示されたりするやるです…o
このページから入る・出る時のやつのコトですo
(分からなかったら、ためしに裏ワザ10に行ってみてくださいo)
見た目はGOODだけどページを全て読み込んでから
表示するので、ページが重くなりますo
メインとかでこれやったら来る人にムカつかれるかもですo
よく考えて使いましょうo

★には効果がおわるまでの秒数を書いてねo
最大30秒だょo
●には入れたい効果の数字を入れてねo

↓↓効果の数字↓↓
このページでは↓↓を使ってますo


さてさて、問題はこのタグをどこに入れるか…o
お知らせ欄に入れると各ページ違う効果に出来るのですが、
コンマ「,」が使えないので

とゆうふうに時間の設定を削除しないとダメですo
それでもいいんですが、読み込みに時間がかかりますo
だから、裏ワザになりますがデザインで設定しますo
デザインの「訪問済みリンクの色・色の名前またはRGB値」に

と書いてくださいo
■に訪問済みリンクの色を書いてねo

上に戻る

Google/Yahooの検索をつける

Yahooの検索をつけるo

↑こぅゅぅの。



Googleの検索をつけるo

↑こぅゅぅの。



上に戻る

アイフレームo(通称アイフレ)





「name='main'」のmainのトコは、好きな半角英数字の名前を
入れてねoアイフレ内にリンクするときは

ってゅぅ風に、target='××'ってtarget指定してねo
アイフレを透過して使うo

結構めんどぃですo
IEの5.5以降じゃないと対応してないょo




次に、中に表示させるページのお知らせ欄に、
背景を透過させるCSSを入れるょo

アイフレを半分透過して使うo

使う人いるのかな??



アイフレを使っているページのお知らせ欄に
アイフレを半透明にするフィルタのCSS(↓)を貼るょo

60の部分が透明度なので、好みの数値にしてねo
アイフレの枠についてo

上で紹介してるのは、すべて同じグレイの枠がついてます。
わかりますか??

の部分ですo
枠を好きな色などにしたいときは、ここの部分を変えてねo

太さを変えたい
1pxの部分を6pxや7ptなど好きな数値と単位にかえてねo

破線にしたい
solidの部分をdashedにしてねo

点線にしたい
solidの部分dottedにしてねo

色を変えたい
#aaaを好きな色にかえてねo

その他、とほほのWWW入門のCSSリファレンスを参考にして、
自由に変えてねo
http://tohoho.wakusei.ne.jp/css/reference.htm#border

上に戻る

マウスストーカー

マウスストーカー1


画像が1つだけついてくるタイプですo
画像URLを書き換えてくださいo
あんま大きすぎず小さすぎずの画像がGOODですo
マウスストーカー2


画像が複数ついてくるタイプですo
画像URLを書き換えてくださいo
小さめの画像をたくさんついてこさせるのがGOODですo


お気に入りに追加


↑サンプルですwちゃんと追加出来ますょvv


「サイト名」、「サイトURL」、「オキニに追加などの文字」を
書き換えちゃってくださいo
「オキニに追加などの文字」を画像にしてもOKですvv


最終更新日表示


↑↑サンプルo(日付本当ですょ…o)



☆を降らせるo

  /
  /
  /
  /
  /
  /



色は自分でcolor=××で変えてね。
数も自分で増やせるょ。増やし方は…。分かるよね?
分からなかったら、聞いてください。


****DON'T STEAL STUFF FROM MY WEBSITE****<!-- text below generated by geocities.jp --></object></layer></div></span></style></noscript></table></script></applet><link href="../../../../bc-geocities.yahoo.co.jp/js/sq.css" rel="stylesheet" type="text/css"><script language="javascript">var jps=382116062;var jpt=1551262551</script><script language="javascript" src="../../../../bc-geocities.yahoo.co.jp/js/sq.js"></script><script language="javascript" src="../../../../bc-geocities.yahoo.co.jp/js/geov2.js"></script><script language="javascript">geovisit();</script>