web製作

BizVektor フッターサイトマップの文字スタイル変更

 いまだにBizVektorの作業が続いている。そろそろ終わらなければ。。

 現状使っているデザインスキンは「Calmly」Calmyだとフッターのサイトマップの文字が影付きになる。

 これを影を消して、単色に修正した。

 BizvektorはスキンごとにCSSが別れている。

 「プレーン」には、 design_skins/plain/plain.css
 「Default」には、design_skins/001/001.css
 「Calmly 」には、design_skins/002/002.css
 「Rebuild 」には、design_skins/003/css/003.css

が、適用される。今回は「Calmly」なので、002.cssを覗くと

[css]

/* #footerSiteMap
/*-------------------------------------------*/
#footerSiteMap { display:block; overflow:hidden;width:100%;padding-top:15px; }
#footerSiteMap .menu { font-size:87.5%; vertical-align:text-top; }
#footerSiteMap .menu a { color:#d2d2d3; text-decoration:none;}
#footerSiteMap .menu a:hover { color:#5ead3c; }
#footerSiteMap .menu li { text-shadow: 0 -1px #333; display:block; margin-bottom:6px; vertical-align:text-top; line-height:116.7%; }
#footerSiteMap .menu li a { border-bottom: 1px solid #5f5e63; box-shadow: 0px 1px #8a898c; background:url(images/arrow_gray_s.png) right bottom no-repeat; font-weight:bold; padding:8px 0px 8px 0px; overflow:hidden;display:block; }
#footerSiteMap .menu li a:hover { }
#footerSiteMap .menu li ul { margin-top:6px;}
#footerSiteMap .menu li li { display:block; padding: 0px 0px; }
#footerSiteMap .menu li li a { font-size: 12px; box-shadow:none;border-bottom:none; background:none; font-weight:normal; border-bottom: 1px solid #626168; }
#footerSiteMap .menu li li a:hover { }
#footerSiteMap .menu li li li { margin-right: 0; border-bottom:none; background:none; }
#footerSiteMap .menu li li li a { font-size: 10px; background:none;background-position: 6px 12px;}
#footerSiteMap .menu li ul ul { }
[/css]

となっている。

今回は7行目(実際のスタイルシートでは552行目あたり)の「text-shadow」が効いていたので、
CSSカスタマイズに

[css]
/* フッターサイトマップ */
#footerSiteMap .menu a {text-shadow:none; color: #000000;}
[/css]

を記入して、シャドウを消して文字色を黒にした。

これで見やすくなった。なんでわざわざ影付にしてあるんだろうか?

実際の施工ページ 「https://denpakudo.jp/

ABOUT ME
moja
昭和47年生まれ。生まれた時からカープファン。 姫路生まれ姫路育ち。現在は相生市矢野町榊。 パソコン販売・修理・組立、出張サポート、ホームページ制作・WEBデザインなど。 奥さん1人と4男の父 真宗門徒
お問い合わせ

090-3990-0645

にほんブログ村 地域生活(街) 関西ブログ 姫路情報へにほんブログ村 子育てブログへにほんブログ村 野球ブログ 広島東洋カープへ

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください