えす＃０５５のブログ一覧

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 現在で又少し変化しました。基本文字のバックだけ黒、選択がタブ全体が半透過です。大分苦労しました。

とりあえず「背景固定」と「コンテンツ透過」です。
文字を明るい色にしたいので「みんカラブラック」を基本にして加工してます。
背景固定
詳細編集/ページの基本/ユーザー領域/
に
background-attachment:fixed;
を追加

コンテンツ透過
詳細編集/コンテンツ共通/コンテンツ表示/
background:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/010/contents.gif) repeat-y;
の下線部分を削除して
background:;
だけにすればＯＫでした。
追記/「background」タグで背景色を指定する場合の省略値が「transparent」の様で、
background:;≒background:transparent;ですね。

同様に
詳細編集/プロフィール/プロフィール本文/
background:#000;を
background:;
にするとプロフィール本文の背景が透過します。

まあ透過と言うよりは「div.contents」のbackgroundの設定をしていないから、
「div#MinkaraBody」のbackgroundが見えるって事でしょう。

コメントには返信しないかもしれないので、宜しくです。


https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/028/bg.png
https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/032/bg.png

none（線無し）、dotted（点線）、dashed（粗い点線）、solid（実線）、
　double（二重線）、groove（谷線）、ridge（山線）、inset（内線）、
　outset（外線）