差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

reference:top-navi [2010/02/28] – 作成 administratorreference:top-navi [2022/03/12] (現在) – 外部編集 127.0.0.1
行 1: 行 1:
 +====== トップナビ ======
 +トップナビのウィジット
 +<code html>
 +<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>
 +</code>
  
 +トップナビ用のスタイルシート
 +<code css>
 +.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;
 +}
 +</code>