-Sun&Moon Blog-
catsmoon.exblog.jp
エキサイトブログスキン配布 (Mac OS10.5 Leopard・Safari) ★基本的にコメントにレスしません
by catsmoon
プロフィールを見る
画像一覧
Top | Out
オリジナルローズスキン配布
2005年 02月 01日 |

形は変形3列ですが、素材を自作のもので作りました。
また右メニューと左メニューを入れ替え、メニューの配置を変えなければ、全部右に来るように変更しています。

プレビューページ>>
※プレビューページにはトップ、ログインなどのユーザーメニューと、記事の編集などのメニューは出ません。
メニューも、上下や左右の振り分けを認識しないため綺麗な配置になっていません。
リンクは無効になっているため、コメントを開くこともできません。雰囲気を見るだけのものとご了承下さい。

b0052317_11314112.jpgこちらはおまけのロゴ用画像。






素材は自作ですのでご自由にどうぞ。
 



3列のレイアウト(オリジナル)   本文 500-ロゴ150- メニュー 150
------------------------------------------------------------------------------------------
★メインページ用HTML

<!--
このスキンの作成者は、月蝕 http://catsmoon.exblog.jp/ です。
素材も含めて著作権は月蝕に帰属します。 カスタマイズはご自由ですが、この著作権表示部分を削除改変することは認めません。必ず残して下さい。
またカスタマイズしたものを配布したい場合、必ず当ブログの利用規約を確認、ルールを守って配布して下さい。
-->

<a name=top> </a>
<table border=0 cellpadding=0 cellspacing=0 width="100%" class=menub>
<tr><td class=menuy valign=top>
<div class=header><$header$></div>
<div class=url><$blogurl$></div>
</td>
<td class=menuy rowspan=2 valign=top>
<div class=mnttl>Links</div>
<div class=mn>
外部リンク1
</div>
</td>

<$menuleft$>
<td class=menuy rowspan=2 valign=top>
<$calendar type=1$>
</td>
</tr>
<tr><td class=menuy valign=bottom>
<div class=usermenu><$adminmenu type=2$></div>
</td>
</tr></table>

<table border=0 cellpadding=0 cellspacing=0 align=center width=100%>
<tr>
<td valign=top>
<$post$>
<div class=page>
<span class=page><$prepage type=1$></span>
<span class=page><$nextpage type=1$></span>
</div>
</td>
<td valign=TOP class=menu>
<$logoimage type=1$>
<p class=prof><$description$>
<$nick$></p>
<div class= lmt >Link2</div>
<div class= lm>
外部リンク2
</div>

<$menuright$>
<$banner type=1$>
<div class=XML><$xml$>
The Original by <a href="http://catsmoon.exblog.jp/" target="_blank">Sun&Moon</a></div>
</td>
</tr>
</table>
<a name=bottom> </a>
------------------------------------------------------------------------------------------
★CSS

/* excite blog default skin html */

body { background-color:#99957A;/* 背景色: */
background-image:url("http://pds.exblog.jp/pds/1/200501/23/17/rosew.jpg");
background-repeat:repeat-y;/* 背景画像繰り返し制御 */
background-attachment:fixed;/* 背景スクロール */
margin : 0px;padding : 0px; }
body,td,div,li { font-size : 10pt; font-family : Times,Hiragino Maru Gothic Pro,VERDANA,ARIAL,SANS-SERIF; line-height : 150%; color : #333333; }

a:link { color: #680204; text-decoration: none; }
a:visited { color: #680204; text-decoration: none; }
a:active { color: #680204; text-decoration: none; }
a:hover { color: #112C2A; text-decoration: none; }

.menub{ background-image:url("http://pds.exblog.jp/pds/1/200501/23/17/rose-title.jpg");
background-repeat:no-repeat;
background-color: #99957A;
border-bottom:2px #680204 solid;
}
.menuy{width:15%; text-align:left; color:#555555; padding:5px;}

.prof{text-align:left;width : 150px; margin:auto;}

div.header {
padding:20px 5px 10px 5px;
font : 14pt/100% Times,Courier New,TAHOMA;
vertical-align:bottom;
text-align:right;}

div.url { font-size:8pt; text-align:right;padding:0px 5px 5px 5px;}
div.url a:link {color: #112C2A; text-decoration: none}
div.url a:visited {color: #112C2A; text-decoration: none}
div.url a:hover {color: #680204; text-decoration: none;}
div.usermenu { font-size:9pt; padding:0px 5px 5px; }

div.usermenu a:link {color: #444444; text-decoration: none}
div.usermenu a:visited {color: #444444; text-decoration: none}
div.usermenu a:hover {color: #112C2A; text-decoration: none;}

.menu { background-color:#D9D4C0;
padding :0px; padding-top:10px; line-height : 130%; overflow : hidden;
text-align:center; border-left:2px #680204 solid;
color:#444444; font-size:9pt;
width:170px;}

div.mn { text-align:left; overflow-y:scroll; color:#112C2A; font-size:9pt;}
div.mnttl { border-bottom : 1px #680204 solid; padding : 10px 5px 0px; margin : auto;color:#555555; }

div.MEMOBODY { overflow : hidden; }


.lmt{margin: auto; margin-top:25px; margin-bottom:10px; color:#23681F;text-align:left; border-bottom:1px #680204 solid; width:150px; color:#666666;}
.lm{margin:auto; margin-bottom:10px;
color:#666666;text-align:left;
width:150px; font-size:9pt;}
.lm td{font-size:9pt;}

div.post { margin : 30px 20px 50px 140px; text-align:left;}
div.post_head { border-bottom : 1px #D9D4C0 solid; margin-bottom : 5px; padding-bottom : 3px; }
.post_ttl { font-size : 11pt ;color:#680204;}
div.post_admin { text-align : right;}
div.post_body { line-height : 150%; margin-bottom : 30px; overflow : hidden; }
div.post_tail { font-size:8pt; margin-top : 10px; text-align : right; }

div.COMMENT { border : 1px #D9D4C0 solid; padding : 15px; margin : 20px 0px; }
div.COMMENT_BODY { margin-bottom : 20px; line-height : 130%; }
div.COMMENT_TAIL { margin : 8px 0px 5px; font-size:8pt; color : #777; }
div.COMMENT_INPUT { margin-top : 20px; border-top : 1px #680204 dotted; padding-top : 20px; }
div.COMMENT_LINE { border-top : 1px #D9D4C0 dotted; margin : 10px 0px 15px; }

.pt{text-align:right;margin:3px 10px 10px 0px; }
.page{text-align:center; padding:20px;}

div.TRACK_TOP { line-height : 170%; }
div.ARCHIVE_HEAD { margin-bottom : 10px; }
div.ARCHIVE_BODY { margin : 20px 0px; line-height : 160%; padding-bottom : 100px; }

img.IMAGE_TOP { margin-bottom : 15px; }
img.IMAGE_left { margin-right : 15px; margin-bottom : 15px; text-align:left}
img.IMAGE_MID { margin-top : 15px; margin-bottom : 15px; }
img.BOOKMK { margin : 10px; border : 0px; }
img.USERMENU { margin-left : 8px; }
img.LOGO { margin-bottom : 10px; }

div.BANNER { margin : 30px 0px 10px; }

.SMALL { font-size : 11px; color:#888888;}
.DATE { font-size:8pt;}
.TIME { font-size:8pt; text-align : left; }
.AUTHOR { font-size:8pt;}
.TXTFLD { font-size:9pt; color:#000; border:1px solid #666666; background:#FFF; }
.SUBMIT { font-size:9pt; color:#000; }





div.CAL_TOP { }
div.CAL { margin : auto; margin-top:10px; text-align : center; width:150px;}
div.CAL_HEAD { font-size:9pt; text-align : center;
margin:auto; margin-bottom : 10px;
border-BOTTOM : 1px #680204 solid; }
div.CAL_BODY { text-align : center;}
div.CAL_BOTTOM { }

.CAL { font-size:8pt; text-align : center; color:#444444;}
.CAL_DAY { font-size:8pt; text-align : center; border-bottom:1px #680204 dotted;}
.CAL_SUN { font-size:8pt; color : #D36654; text-align : center; border-bottom:1px #680204 dotted;}
.CAL_SAT { font-size:8pt; color : #3572A1; text-align : center; border-bottom:1px #680204 dotted;}
.CAL_TODAY { font-size:8pt; background : #ffffff; color : #3D5586; text-align : center; }
.CAL_TR { }

div.XML { font-size:8pt; text-align : center; }
------------------------------------------------------------------------------------------
★本文用HTML


<div class=post>
<div class=post_head>
<table border=0 cellpadding=0 cellspacing=0 width=100%>
<tr>
<td width=80% class=post_ttl>◆ <$postsubject$></td>
<td width=20% align=right><$postadmin type=2$> <a href="#bottom" target="_self">▽</a></td>
</tr>
</table>
</div>
<div class=pt><$postdate$></div>
<div class=post_body>
<$postcont$>
</div>
<div class=post_tail align=right><$posttail$> <a href="#top" target="_self">△</a></div>
<$cmtjs$>
</div>
------------------------------------------------------------------------------------------
★メニュー用HTML(右)

<div class= lmt ><$mntitle$></div>
<div class= lm><$mnbody$></div>
------------------------------------------------------------------------------------------
★メニュー用HTML(左)

<td class=menuy rowspan=2 valign=top>
<div class=mnttl><$mntitle$></div>
<div class=mn><$mnbody$></div>
</td>
------------------------------------------------------------------------------------------
背景画像指定がCSS内に2カ所あります。
外部リンクなど自由に書き込めるエリアが、上部と右の2カ所(青字)指定してありますので、必ず書き換えて下さい。
バランスを保つためには、外部リンク1の他に上部にはメニューを二つ入れて下さい。
外部リンク1を消した場合は、メニューを三つにするとよいでしょう。
ただしあまり長いとバランスが悪くなりますので、カテゴリと以前の記事くらいがよいでしょう。
外部リンク2は消しても、バランスが崩れる心配はありません。
[PR]
<< 風邪治った? PageTop ご当地チェック >>
XML | ATOM

個人情報保護
情報取得について
免責事項
Blue Paper Skin by Sun&Moon