ログイン
英会話| 婚活| 北海道専門学校| 東北専門学校| 東海専門学校| 沖縄専門学校| ホームページ制作| 2万円HP制作|

ブログテンプレート制作目録

フッターへグローバルナビを追加

現在の位置:TOP >  Webデザイン
ヘッダー側にグローバルナビが付いてるなら、フッターにも無いといけないだろ?とか思いながら、フッターへグローバルナビを追加しました。
 
上と下でコンテンツをがっちり挟む形になりました。
 
<li>がセンターに行かねえな??と小1時間くらい悩んでいましたが、display:inline;なのにfloat使っちゃ、そりゃ行かねえだろ!?と気づき、ようやく完成しました(-.-;)
 
CSS
/*------FOOTER グローバルナビ------*/
#footin ul.fnavi{
    margin:0px 0px 10px;
    padding:0px;
    list-style-type:none;
    text-align:center;
}
#footin ul.fnavi li{
    display:inline;
    font-size:12px;
    vertical-align:center;
    border-left:1px solid white;
}
#footin ul.fnavi li.first{
    border:none;
}
#footin ul.fnavi li a{
    padding:0px 15px;
    color:white;
    text-decoration:none;
}
#footin ul.fnavi li a:hover{
    color:#ff0;
    text-shadow:0px 0px 10px #ff0;
}
 
HTML
<ul class="fnavi">
    <li class="first"><a href="<$blog_url>" title="<$blog_name> TOP">TOP</a></li>
    <li><a href="URL" title="ページ名">ページ名</a></li>
    <li><a href="URL" title="ページ名">ページ名</a></li>
    <li><a href="URL" title="ページ名">ページ名</a></li>
    <li><a href="URL" title="ページ名">ページ名</a></li>
</ul>
 
※URL及びページ名は書き換えてからご使用下さい。
※'TOP'がイヤなら'HOME'または「ホーム」など変え方はいろいろあります。
※TOPのURLの独自タグは上記でOKです。
このブログの<$blog_url>にはhttp://blog.town-nets.com/blogtemplate/が格納されています。
このブログの<$blog_name>には「ブログテンプレート制作目録」が格納されています。
 
関連記事
記事URL
1 |

ページトップへ ページトップへ
ページボトムへ

制作してる人

profile
プロフィールは個別に作りたいと思うのは自分だけでしょうか?上の画像は訓練校に居た頃制作。デッサンしたことあるけど、これはただのラクガキです。ちょっとレイヤー効果追加。

ブログテンプレート量産中!・・・でも今はPHPとjQueryで遊んでるラボの人です。

最近はラボよりもWordPressやタウンネットブログのエンジンを使ってサイト制作(仕事)をやってます。

QRコード

ブログテンプレート制作目録

RSS

RSS1.0 RSS2.0