トップナビ

トップナビのウィジット

<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;
}