横幅可変デザイン

このデザインについて

martyan サンプル
	カテゴリー：シンプル	ベーステーマ：hatena	ヘッダー：■セピア(細)
	登録日：2006/11/08	更新日：2014/08/05	利用数：33
好みで右に寄らしているためだいぶ変なところがありますがカスタマイズしていってください主にパソコンとpsp・スマホ・タブレットの両方でアンテナを使いたいという方のために。　　　　　普段使っている画像使えるかわからなかったため　　　　　背景は適当。参考：http://a.hatena.ne.jp/martyan/

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

ページのヘッダ

<h1>あんてな</h1>

ページのフッタ

スタイルシート

body {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  background:#5a8297;
  background-image :url("");
}
li {
  font-size: 12pt;
}
a {
  font-weight: bold;
}
h1 {
  width:11em;
  background:#73DB67 url("image-url");
  text-align: center;
  font-size: 9pt;
  font-weight: bold;
  border-style:outset;
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: 20%;
  margin-right: 20%;
  padding: 2px 2px 2px 2px;

}
ol {
  width:70%;
  background:#B7EBCE url("");
  padding:0.3em 1em;
  margin-top: 0px;
  margin-bottom: 6px;
  margin-left: 15%;
  margin-right: 15%;
  border-style:outset;
  border-color:#3F4C6B;
 }
.diff {
  font-size: 10pt;
  background-color: #E5EBFF;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 4px 4px 4px 4px;
}
.pager {
	font-size: 9pt;
	text-align: right;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 5%;
}
div.adminmenu {
  font-size: 90%;0
  margin: 2% 3% 0% 0%;
  text-align: right
}
span.adminmenu {}
div.footer {
  color: #cccccc;
  margin: 0px;
  font-size: 40%;
  text-align: right;
}
form.hatena-searchform {
  text-align: right;
  margin-right: 0%;
}