透過タブ

09/4/4現在のタブ設定一覧です。コンテンツが透過出来たのでタブもと思って弄ってみましたが・・・オイラの感性ではこの辺りが限界かと、
画像のマウスカーソルはブラウザの表示を取り込んだ後、ペイントで書き加えた物なので矢印型になってます。＜本来リンクなので指型になる。

それと後から見直しが楽になるよう、現在不要と思った行(コマンド？)は極力削除しています。質問は基本的に受け付けていませんし、もし気まぐれで回答したとしてもその内容には一切責任を持ちません。

あくまでも趣味の範囲でのカスタマイズなのでその辺はご了承下さい。

タブul#MainNav　…タブ領域全体	width:100%; list-style-type:none; margin:10px 0; padding:0px; clear:both; height:25px; float:center; line-height:2.5;
タブ(通常)のスタイルli.nav 旧スタイルの.TabInactive 指定した文字色がクローズ状態の文字色となり ますまた、枠線を指定する場合は幅指定を注意 しないとレイアウトが崩れます。この場合レイア ウトが崩れる事を逆に利用していますが。	margin:0 0.4% 0 0.3%; width:19.0%; font-size:12px; text-align:center; text-decoration:bold; display:block; border-right:1px solid #068; border-bottom:1px solid #068;
タブ(通常)のリンク li a 旧スタイルのa.LinkTabInactive
タブ(通常)のリンク(マウスオーバー) li a:hover 旧スタイルのa.LinkTabInactive:hover	color:aqua; background:#068; display:block;
タブ(選択中)のスタイル li.navOn 旧スタイルの.TabActive 上に枠線を引いている分タブ全体が下がって見 えます。スイッチを押し込んだような視覚効果を 狙ったつもりですがはたして・・・	border-left:3px solid #068; border-top:3px solid #068;
タブ(選択中)のリンク li.navOn a 旧スタイルのa.LinkTabActive
タブ(選択中)のリンク(マウスオーバー) li.navOn a:hover 旧スタイルのa.LinkTabActive:hover	line-height:2.4; height:30px;
右端のタブ ul#MainNav li.navEnd	width:19.4%; margin:0px;

表組みについてはこの方の新スタイルシートのカスタマイズ(タブ) を参考にさせていただいています。

追記　4/4　14:25 現在で又少し変化しました。基本文字のバックだけ黒、選択がタブ全体が半透過です。大分苦労しました。