《eXcite》ブログ用スキン『No head』

「新しいスキン作成」の、B. 2列のレイアウト-右側にメニューをベースに作成しました。
ヘッダ画像がないため、アクセス時に、記事の表示面積が大きめになるスキンです。
表示が速く、検索にかかりやすい（と言われる）divレイアウトです（いわゆるSEO対策）。
画像を２枚替えるだけで、外見が大きく変わります。カスタマイズベースとしても、どうぞ。
HTML/CSSは、再配布可能とします。
画像は、ブログでこのスキンを使っていただいている間のみ、同じ管理人の方が作成するサイトでも利用可能です。ブログスキンをかえたら、サイトでもはずしてください。

各部分別横幅

本文 540 - ロゴ160 - メニュー 160

HTML

HTMLは、共通です。カラーバリエーションはCSSのみ変更しています。

CSS

/*no_head*/
*{	font-family : 'Trebuchet MS', VERDANA,ARIAL,SANS-SERIF; 
	word-break:break-all;}
body,div,ul,li{margin:0;
	padding:0;}
  img{border:none;}

/*カスタマイズ関連CSSここから*/

/*全体*/
 body{	text-align:center;
	background:url(http://pds.exblog.jp/pds/1/200811/16/90/mono150.gif) center top;/*全体背景画像*/}

/*メニュー+記事*/
 #wrap{	width:800px;
	height : auto;
	margin:0 auto;
background:url(http://pds.exblog.jp/pds/1/200811/16/90/mono800.gif) center top repeat-y;/*メニュー+記事エリア背景画像*/}

/*リンク色（記事カラム）*/
  a{text-decoration:none;}
  a:link{		color:#009933;/*リンク文字色*/text-decoration:none;}
  a:visited{	color:#009933;/*リンク文字色*/text-decoration:none;}
  a:hover{	color:#009933;/*マウスオン文字色*/
		text-decoration:underline;}

/*カレンダー当日色*/
	.CAL_TODAY {background-color:#009933;  /*背景色*/
		color:#fff;  /*文字色*/}

/*カスタマイズ関連CSSここまで*/

/*記事カラム*/
#main{
	float:right;width:610px;overflow:hidden;text-align:left;}
/*記事タイトル*/
  h2{	padding:5px 2px;
	margin:20px 30px 0 10px;
	font-size:100%;
	border-top:#fff 3px double;
	border-bottom:#fff 1px solid;}
/*記事本文*/
  .pbody{	font-size:96%;
	line-height:170%;
	margin:5px 30px 0 10px;
	padding:7px;
	border-bottom:#fff 1px solid;}
  .pbody img{margin:0px 3px;}
  /*小見出し*/
  .pbody h3{padding:2px 2px;
	margin:10px 0 6px 0px;
	font-size:96%;
	border-top:#fff 1px solid;
	border-bottom:#fff 1px solid;}
/* 引用 */
  blockquote{margin:3px 12px;
	padding:0.5em;
	border-top:#ccc 1px solid;
	border-left:#ccc 1px solid;
	border-right:#fff 1px solid;
	border-bottom:#fff 1px solid;}
  /*記事データ*/
  .pdata{	text-align:center;
	font-size:78%;
	line-height:100%;
	margin:7px 0px 0 10px;}
  .TAGS{margin:0.7em 0px 0 10px;font-size:81%;}
  /*コメントとTB*/
  .res{	font-size:90%;
	line-height:140%;
	margin:0 15px 0 25px;
	padding:23px 27px;}
  .COMMENT_TAIL{	
	margin-top:1.5em;}
  .COMMENT_BODY{	
	margin-top:0.5em;}
  .COMMENT_INPUT{
	margin-top:1.5em;}
  /*ナビゲーション*/
  #prep{width:50%;text-align:left;font-size:13px;}
  #nextp{width:50%;text-align:right;font-size:13px;}

/*メニューカラム*/
#menu{	float:left;
	width:180px;overflow:hidden;
	text-align:left;
	color:#ccc;}
  /*記事カラムリンク色*/
  #menu a:link{color:#f1f1f1;}
  #menu a:visited{color:#f1f1f1;}
  #menu a:hover{color:#fff;
		background:#000;}
  /*メニューカラム*/
  .menu0{margin:0 5px 0 15px;
	font-size:13px;text-align:center;}
  /*メニュー*/
    .mtitle{font-size:13px;
	padding:3px;
	border-top:#000 1px solid;
	border-bottom:#000 1px solid;text-align:center;}
    .mbody{font-size:13px;text-align:left;}
  /*ブログタイトル*/
  h1{	font-size:20px;
	text-align:center;
	margin:20px 5px 10px 15px;}
  #url{margin:0 0 10px 0;}
  /*カレンダー*/
  #calen{text-align:center;font-size:13px;margin:20px 10px 10px 20px;}
  #calen table{}
  #calen td{text-align:right;font-size:13px;width:17px;padding:1px 0;margin:0;line-height:1em;}
	.CAL_HEAD{border-top:#000 1px solid;
		border-bottom:#000 1px solid;}
	.CAL_SUN {color:#FF0000;}
	.CAL_SAT {color: #99CCFF;}
  /*当日色のみ「カスタマイズ関連CSS」にあります。*/

/*no_head*/
*{	font-family : 'Trebuchet MS', VERDANA,ARIAL,SANS-SERIF; 
	word-break:break-all;}
body,div,ul,li{margin:0;
	padding:0;}
  img{border:none;}

/*カスタマイズ関連CSSここから*/

/*全体*/
 body{	text-align:center;
	background:url(http://pds.exblog.jp/pds/1/200811/15/90/brown150.gif) center top;/*全体背景画像*/}

/*メニュー+記事*/
 #wrap{	width:800px;
	height : auto;
	margin:0 auto;
background:url(http://pds.exblog.jp/pds/1/200811/15/90/brown800.gif) center top repeat-y;/*メニュー+記事エリア背景画像*/}

/*リンク色（記事カラム）*/
  a{text-decoration:none;}
  a:link{		color:#835201;/*リンク文字色*/}
  a:visited{	color:#835201;/*リンク文字色*/}
  a:hover{	color:#ff9f00;/*マウスオン文字色*/}

/*カレンダー当日色*/
	.CAL_TODAY {background-color:#835201;  /*背景色*/
		color:#fff;  /*文字色*/}

/*カスタマイズ関連CSSここまで*/