i don’t need anything else.

このデザインについて

cyber_wing サンプル
カテゴリー:シンプルベーステーマ:なしヘッダー:標準(太)
登録日:2011/07/10更新日:2011/07/14利用数:19
MacのSafari 5.0.5, Firefox 5.0, Google Chrome 12.0.742.112およびiPhone 4 Safariで表示を確認しています。
Windows環境では確認していません。


「アンテナ」での表示は問題ないですが、「シンプル」「画像」での表示は崩れてしまいます。今後修正していきます(…が、アンテナ表示しか使っていませんので、気が向いたときに修正します。)

あと、サイトのスクリーンショット画像は、設定で「大(200x150)」を使ってください。設定するとこのような感じになります。→http://cdn-ak.f.st-hatena.com/images/fotolife/c/cyber_wing/20110710/20110710181737_original.jpg

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

ページのヘッダ

<h1><hatena name="title"></h1>
<div class="box">
<div class="main">

ページのフッタ

</div>

スタイルシート

/* CSS Document */

body {
	width: 950px;
	background-color: #FFFFFF;
	font-size: 9px;
	font-family: sans-serif;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto; 
	padding: 0px;
}



a:link {
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	color:#666666;
	text-decoration: none;
	font-weight: normal;
}

a:active {
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}

a:visited {
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}



/* ### 自分のアンテナのタイトル ### */
h1 {
	font-size: 12px;
	text-align: left;
	margin: 20px 0px 10px 20px;
	padding: 0px;
}



/* ### カテゴリ ### */
#pager_group {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
/* ### おとなりアンテナ, おすすめページ ### */
#pager_relate {
	text-align: center;
	margin: 0px;
	padding: 0px;
}



/* ### 配置場所 ### */
ol[start] {
	width: 930px;
	list-style: none;
	margin: 20px 0px 0px 20px;
	padding: 0px;
}
/* ### サイトごとの表示領域 ### */
ol[start] li {
	display: inline-block;
	width: 200px;
	height: auto;
	font-size: 10px;
	font-weight: normal;
	margin: 0px 30px 30px 0px;
	padding: 0px;
}
/* ### サイトの更新日時 ### */
ol[start] li span.modified {
	/*display: block;*/
}
/* ### サイトのタイトル ### */
ol[start] li a {
	display: block;
	height: 13px;
	width: 200px;
	overflow: hidden;
	float: left;
	position: relative;
	top: 165px;
}
/* ### 含むアンテナ(矢印) ### */
ol[start] li a[href^="/include?"] {
	display: block;
	float: left;
	width: 10px;
	height: 7px;
	margin-top: 5px;

}
/* ### おとなりページ(MAP) ### */
ol[start] li a[href^="/map?"] {
	display: block;
	width: 25px;
	height: 10px;
	float: left;
	margin-top: 5px;
}
/* ### 編集(鉛筆) ### */
ol[start] li a[href^="./editpage?"] {
	display: block;
	width: 15px;
	height: 10px;
	float: left;
	margin-top: 5px;
}
/* ### 更新内容(スクリーンショットも含まれるのでその分imgをマイナス設定必要) ### */
ol[start] li p.diff {
	float: left;
}
/* ### スクリーンショット ### */
ol[start] li p a img {
	margin: 0px;
	border: 0px;
}
/* ### スクリーンショット ### */
ol[start] li p.diff a.screenshot {
	display: block;
	float: left;
	margin-bottom: 20px;
	height: 150px;
	width: 200px;
	position: relative;
	top: -35px;
}



div.adminmenu {
  font-size: 90%;
  margin: 2% 5% 0% 0%;
  text-align: right
}
span.adminmenu {}
div.footer {
  color: #cccccc;
  margin: 5px;
  font-size: 80%;
  text-align: center;
}

form.hatena-searchform {
  text-align: right;
  margin-right: 5%;
}

#simple-header a {
  font-weight:normal;
}

#simple-header input.search-word {
  width:7em;
}