Top Top
クロスブラウザな”DropShadow”
IEだとフィルター使えば・・。と、簡単なんだが・・・^^; 
ActiveXが”オン”でないと反映されネェ。。┐('~`;)┌ 
ま、今回紹介する方法は「影」と言うより、ちょっとずらす・・と言った表現の方が合うかも。
いあ・・・「ずらして重ねる」。。ってことやね。w

こんな感じです。^^こんな感じです。^^

こんなのは?









CSSには_
--------
.textContainer { position: relative; left: 1px; top: 1px; color: #FF0000; }
.textContent { position: absolute; left: -1px; top: -1px; color: #000;}
.box { float: left; width: 100px; height: 100px; }
#boxContent { border: none; background: #9FC; }
#boxContent { position: relative; left: -2px; top: -2px; }
#boxContainer { position: relative; background: #FFF; margin: 4px; }

--------
こんな感じ。。。

ソースコードは_
--------
<font class="textContainer">こんな感じです。^^<font class="textContent">こんな感じです。^^</font></font>

と・・

<div class="box" id="boxContainer"><div class="box" id="boxContent">こんなのは?</div></div>
--------

どぉ?チャンと影っぽいでしょ?( ̄ー ̄)
Win系ブラウザは一応全て表現されています。w
当ブログでは、「ユーザーメニュー」の部分に適応してみました。

※エントリータイトルもやってみようと思いましたが、拒否されちゃいました・・^^;
[PR]
by team714_neo | 2004-08-06 17:40 | カスタマイズ/スキン

c
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
■ Information■ Information
■ Access Granted■ Access Granted

■Links■Links
エチュードの門~@estudio_No9
女王の雄叫び@maimari1(ユィ)
はい こちらサポセン。@mitsu-ken
@ipod-groove


川北NOW@fullcolor38
BIO TONIC@luvsad
Sana's BAR@sana_tsukimori
めもにっき。@saradhina
モノノフの声@fireorsky
sunny place@hina-heart(ひな)
しげログ@scixx
mBlog@under-world
そら風ブログ@yurukaze
hanaの東京散歩@osampo01
あたらしいおうちでのできごと@yopi01
Bra-net@bra-net

人気blogランキング


Original Skin Union