Simple-Gray no image

このデザインについて

ico01 サンプル
カテゴリー:シンプルベーステーマ:なしヘッダー:白(太)
登録日:2006/11/12更新日:2006/11/12利用数:337
ヘッダのメニュー、
「<li><a href="http://d.hatena.ne.jp/ユーザー名/">#diary</a></li>
<li><a href="http://d.hatena.ne.jp/ユーザー名/about">#profile</a></li>
<li><a href="http://b.hatena.ne.jp/ユーザー名/">#bookmark</a></li>
<li><a href="http://f.hatena.ne.jp/ユーザー名/">#foto</a></li>

は、書きかえてお使い下さい。メニューの項目は、
「<li><a href="リンクしたいURL">項目名</a></li>」
を追加することで増やせます。

ヘッダ/フッタ/スタイルシート

ページのヘッダ

<h1><hatena name="title"></h1>
<div class="main">
	<ul class="menu">
		<li><a href="http://d.hatena.ne.jp/ユーザー名/">#diary</a></li>
		<li><a href="http://d.hatena.ne.jp/ユーザー名/about">#profile</a></li>
		<li><a href="http://b.hatena.ne.jp/ユーザー名/">#bookmark</a></li>
		<li><a href="http://f.hatena.ne.jp/ユーザー名/">#foto</a></li>
	</ul>

ページのフッタ

</div>
<div class="sidebar">
<hatena name="rss" url="http://www.hatena.ne.jp/info/diary?mode=rss" moduletitle="はてなスタッフ日記" template="hatena-module" titlelength="50" listlimit="10" dateformat="%m/%d %H:%i" desclength="100">
</div>

スタイルシート

a:link{
	color:#515151;
	text-decoration:underline;
}
a:visited{
	color:#c0c0c0;
	text-decoration:underline;
}
a:active{
	text-decoration:underline;
}
a:hover{
	text-decoration:underline;
}

/* 全体の位置決め */
html{
	margin:0;
	padding:0;
	font-size:11.5pt;
}
body{
	margin: 0;
	padding:0 0 0 5%;
	font-family:Verdana, Arial, sans-serif;
	font-size:90%;
	color:#515151;
	background-color:#F5F5F5;
}
div.hatena-body{
	margin: 0;
	padding:0;
	background-color:#FFFFFF;
	width: 580px;
	border:#ECECEC solid 1px;
}
div.sidebar{
	position: absolute;
	top: 65px;
	left: 670px;
	width: 20%;
	_width: 30%;
	margin: 0;
	padding: 0;
	text-align:left;
	color:#4E5950;
	font-size:100%;
}
div.main{
	margin: 0;
	padding:0 1em;
	background-color:#FFFFFF;
}

/* ヘッダ */
table{
	width: 580px;
	_width: 469px;
	border-right:#ECECEC solid 1px;
	border-left:#ECECEC solid 1px;
}
table input{
	color:#515151;
	background-color:#F5F5F5;
}
table table{
	border:none;
}
table table td{
}

/* h1 & menu */
h1{
	margin:0;
	padding:40 0;
	width: 580px;
	background-color:#F5F5F5;
	border-bottom:#ECECEC solid 1px;
	font-weight:bold;
	font-size:150%;
	text-align:center;
	letter-spacing:8px;
	color:#4E5950;
}
h1 a:link,
h1 a:visited,
h1 a:active,
h1 a:hover{
	color:#4E5950;
	text-decoration:none;
}
h1 a img{
	display:none;
}
ul.menu{
	position:relative;
	top:-1px;
	margin:0 auto;
	padding:0;
	width:90%;
	list-style-type:none;
	background-color:#F5F5F5;
	border-right:#ECECEC solid 1px;
	border-left:#ECECEC solid 1px;
	border-bottom:#ECECEC solid 1px;
	font-size:95%;
	line-height:2em;
	text-align:left;
}
ul.menu li{
	margin:0;
	padding:0 0 0 5;
	display:inline;
	font-weight:bold;
}
ul.menu li a:link,
ul.menu li a:visited,
ul.menu li a:active{
	padding:5;
	color:#4E5950;
	text-decoration:none;
}
ul.menu li a:hover{
	padding:5;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#4E5950;
}

/* main */
#pager_group,
#pager_relate,
#pager_top,
#pager_bottom,
p.pager{
	text-align:right;
	font-size:90%;
}
ol{
	margin:1em auto;
	_margin:1em 20;
	padding:0;
	list-style-type:none;
	text-align:left;
}
ol li{
	padding:0.1em 0 0 0;
}
ol li span.modified{
	font-family:'Courier New',Courier,monospace;
	font-size:105%;
	color:#4E5950;
}
ol li a{
	padding:0 0 0 0.5em;
}
p.diff{
	margin:0.3em 0 2em 0;
	padding:0.7em;
	background-color:#F4F4F4;
	font-size:98%;
	line-height:1.5em;
}
div.footer{
	padding:0.5em 0 ;
	text-align:center;
	color:#c0c0c0;
	font-size:90%;
}

/* sidebar */
div.hatena-module{
	margin:0 0 1.5em 0;
}
div.hatena-moduletitle,
p.recentitem{
	margin:0 0 5px 0;
	color:#4E5950;
	border-bottom: 1px solid #4E5950;
	font-weight:bolder;
	font-family:'MS Pゴシック',Osaka,sans-serif;
	font-size:120%;
}
div.hatena-moduletitle a,
p.recentitem a{
	text-decoration:none;
	color:#4E5950;
}
div.hatena-modulebody ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
div.hatena-modulebody ul li{
	padding:5 0 5 2;
	font-size:90%;
	line-height:1.5em;
	font-family:'Courier New',Courier,monospace;
}
div.hatena-modulebody ul li a{
	font-family:Verdana, Arial, sans-serif;
}
dl.hatena-rss{
	margin:0.5em 0;
	padding:0;
}
dl.hatena-rss dt{
	font-family:'Courier New',Courier,monospace;
	margin:0.2em 0;
	padding:0;
}
dl.hatena-rss dt a{
	font-family:Verdana, Arial, sans-serif;
	font-size:95%;
}
dl.hatena-rss dd{
	margin:0.1em 0 1.5em 0;
	padding:0;
	font-size:90%;
	line-height:1.5em;
	word-break:break-all;
}