トップナビ
トップナビのウィジット
<div class="widget-content top-navi"> <span class="top-navi-homepage"><a title="公式サイトのホームページ" href="http://www.kitano-j.sapporo-c.ed.jp/">ホーム</a></span> <span class="top-navi-separator">|</span> <a title="トップページ" href="<$MTBlogURL$>">トップ</a> <span class="top-navi-separator">|</span> <a title="記事タイトル一覧" href="<$MTBlogURL$>archives.html">全記事</a> </div>
トップナビ用のスタイルシート
.top-navi { font-size:small; } .top-navi a, .top-navi a:link, .top-navi a:visited { font-size:small; color: #333; background:#EEE; text-decoration: none; padding:1px 3px 1px 3px; border-top:1px solid #DDD; border-left:1px solid #DDD; border-bottom:1px solid #AAA; border-right:1px solid #AAA; } .top-navi-homepage a, .top-navi-homepage a:link, .top-navi-homepage a:visited { color: #FFF; background:#FAA; } .top-navi a:hover { color: #000; background:#FFF; } .top-navi a:active { color:#F00; background:#999; border-top:1px solid #555; border-left:1px solid #555; border-bottom:1px solid #999; border-right:1px solid #999; } .top-navi-separator { color:#999; }