ホームページ制作・SEO対策を通じて集客向上↑売上UP↑ならCyberAccel-Advisors
電話番号: 03-3986-2773
電話番号: 03-3986-2773
ホームページ制作、SEO対策 サイバーアクセル・アドバイザーズＴＯＰ » ブログ » webコラム» アメブロカスタマイズ フッターナビのカスタマイズ
投稿日: 2014/11/29 投稿者:webコラム
みんさん、こんにちは。
今回はフッターナビのカスタマイズについてご紹介します。
フッターナビとは、何も設定していない状態では右下にあるこれです。
これをカスタマイズして便利なナビにしましょう！
今回は簡単に、
・ナビを表示しない方法
・文字の色を変える方法
の２つを説明します。
今回編集する部分は例のごとくCSSの部分です。
マイページから[管理トップ]→[デザイン変更]→[CSS編集]で編集画面を開き変更を加えていきます。
まず初めに消す方法から。
一番最後に
footerNav{
display:none !important;
}
と付け足します。これだけです。
次に、文字の色を変更する方法です。
これもまた一番最後に、
footerNav a{
color:#ff0000 !important;/*通常時の文字色*/
}
.footerNav a:hover{
color:#00ff00 !important;/*マウスを重ねたときに替わる色*/
}
.inactive a,.footerNav span{
color:#0000ff !important;/*リンクするページがないなど使用不可の時の色*/
}
と書き足すだけです。
color: の後ろにある「#～～」はカラーコードです。好きな色に変えてみましょう。
上手くできましたでしょうか？
ナビについては他にもアレンジを加えられるので別の機会にまた紹介したいと思います。
我社のマスコット『弁慶』です。
名前の由来：忠実な番犬
主な仕事：マスコットキャラとして認知度UP↑
不得意：電話
しゃべりが苦手なので、コンタクトはこちらから
我社のキャラクター「長フチ様」がユーザーに変わり、聞きづらい疑問を直球で投げかけるQ&A式コンテンツ。強面の顔からは想像も容易いほどのおバカさんが、弊社スタッフと対談します。
Copyright(C)2014 ｜ ホームページ制作・SEO対策を通じて集客向上↑売上UP↑Cyber Accel-Advisors. All Rights Reserved.
