輝々凛々

ガンバるってことは、素晴らしい事だ。

メニューストリップをつけてみた。

該当部分のHTMLコードはこんな感じ。

<ul id="MenuStrip">
	<li><a href="<%url>"><%blog_name></a></li>
	<!--prevpage--><li><a href="<%prevpage_url>">Prev Page</a></li><!--/prevpage-->
	<!--nextpage--><li><a href="<%nextpage_url>">Next Page</li><!--/nextpage-->
	<!--preventry--><li><a href="<%preventry_url>">Prev Entry</a></li><!--/preventry-->
	<!--nextentry--><li><a href="<%nextentry_url>">Next Entry</a></li><!--/nextentry-->
</ul>

CSSはこんな感じ。

body {
	padding-top: 1.5em;
}
ul#MenuStrip {
	position: absolute;
	top: 0; left: 0;
	margin: 0; padding: 0;
	height: 1.5em;
	width: 100%;
	list-style: none;
	background: #fff;
}
ul#MenuStrip li {
	display: inline;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 0.25em 1em 0.25em;
}
関連記事

ツッコミの投稿


(ツッコミ非公開の場合はチェック)