-Sun&Moon Blog-
catsmoon.exblog.jp
エキサイトブログスキン配布 (Mac OS10.5 Leopard・Safari) ★基本的にコメントにレスしません
by catsmoon
プロフィールを見る
画像一覧
Top | Out
和風雪梅スキン配布
2004年 12月 30日 |
b0052317_2393156.gif 和風の2列スキンです。

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


ロゴ用画像のせいでお正月っぽいですが、それを変えればお正月が明けても使えると思います。

b0052317_1851388.jpgこちらがロゴ用画像です。






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



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

<!--
このスキンの作成者は、月蝕 http://catsmoon.exblog.jp/ です。
素材も含めて著作権は月蝕に帰属します。 カスタマイズはご自由ですが、この著作権表示部分を削除改変することは認めません。必ず残して下さい。
またカスタマイズしたものを配布したい場合、必ず当ブログの利用規約を確認、ルールを守って配布して下さい。
-->
<DIV CLASS=HEADER><$header$>
<DIV CLASS=URL><$blogurl$></DIV>
<DIV CLASS=USERMENU><$adminmenu type=1$></DIV>
</DIV>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 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 WIDTH=200 VALIGN=TOP>
<img src="http://pds.exblog.jp/pds/1/200412/30/17/musubi.gif" border="0">
<DIV CLASS=PROFILE>
<CENTER><$logoimage type=1$></CENTER>
<$description$>
<$nick$>
</DIV>
<img src="http://pds.exblog.jp/pds/1/200412/30/17/musubi.gif" border="0">
<$calendar type=2$>
<img src="http://pds.exblog.jp/pds/1/200412/30/17/musubi.gif" border="0">
<div class=MNBODY>
<DIV CLASS=MNTTL>外部リンク</DIV>
<div class=mntxt>ご自由にどうぞ</div>
</div>

<$menuright$>
<div style="text-align:center;">
<$banner type=1$>
<$xml$>
<div class=XML>The Original by <a href="http://catsmoon.exblog.jp/" target="_blank">Sun&Moon</a></div>
</div></TD></TR>
</TABLE>
------------------------------------------------------------------------------------------
★CSS

BODY { BACKGROUND : #FFFFFF; MARGIN : 0PX;PADDING : 0PX;
background-image:url(http://pds.exblog.jp/pds/1/200412/30/17/snow-ume.gif);
background-repeat: repeat;
background-attachment: fixed;
margin:0px;
}
BODY,TD,DIV,LI { FONT-SIZE : 10pt;
FONT-FAMILY : Skia,Hiragino Maru Gothic Pro,VERDANA,ARIAL,SANS-SERIF;
LINE-HEIGHT : 150%; COLOR : #444444; }

A:LINK { COLOR: #9e4f4f; TEXT-DECORATION: NONE; }
A:VISITED { COLOR: #9e4f4f; TEXT-DECORATION: NONE; }
A:ACTIVE { COLOR: #9e4f4f; TEXT-DECORATION: NONE; }
A:HOVER { COLOR: #000000; TEXT-DECORATION: NONE; }

DIV.HEADER { FONT : 20pt Skia,Courier New,TAHOMA;
TEXT-ALIGN:center;
margin:20px 0px ; padding:10px 0px;
border-top:1px #DBDADA solid;
border-bottom:1px #DBDADA solid;
}

DIV.HEADER A:LINK { COLOR: #9e4f4f; TEXT-DECORATION: NONE; }
DIV.HEADER A:VISITED { COLOR: #9e4f4f; TEXT-DECORATION: NONE; }
DIV.HEADER A:HOVER { COLOR: #888888; TEXT-DECORATION: NONE; }

DIV.URL { font-size:8pt; TEXT-ALIGN:center; padding:3px 0px;}
DIV.URL A:LINK { COLOR: #000000; TEXT-DECORATION: NONE; }
DIV.URL A:VISITED { COLOR: #000000; TEXT-DECORATION: NONE; }
DIV.URL A:HOVER { COLOR: #9e4f4f; TEXT-DECORATION: NONE; }

DIV.USERMENU { font-size:9pt;
TEXT-ALIGN : RIGHT;
margin:0px 10px 5px;}

DIV.USERMENU A:LINK {COLOR: #000000; TEXT-DECORATION: NONE}
DIV.USERMENU A:VISITED {COLOR: #000000; TEXT-DECORATION: NONE}
DIV.USERMENU A:HOVER {COLOR: #9e4f4f; TEXT-DECORATION: NONE;}
.page{text-align:center; margin : 20px;}

DIV.PROFILE { WIDTH : 170PX; LINE-HEIGHT : 130%; OVERFLOW : HIDDEN; TEXT-ALIGN:LEFT; background-color:#F4EBEB;
margin:0px 20px 30px 0px; padding:10px 5px 5px;
border-right:1px #DBDADA solid;
border-bottom:1px #DBDADA solid;
}
DIV.MNTTL { LINE-HEIGHT : 130%; OVERFLOW : HIDDEN; TEXT-ALIGN:center; background-color:#F4EBEB; font-size:10pt;
margin:0px 0px 10px 0px; border-bottom:1px #dbdada dotted;
color:#222222;}
DIV.MNBODY {WIDTH : 170PX; LINE-HEIGHT : 130%; font-size:9pt;
TEXT-ALIGN:LEFT; background-color:#F4EBEB;
margin:0px 20px 30px 0px; padding:10px 5px 5px;
border-right:1px #DBDADA solid;
border-bottom:1px #DBDADA solid;
}
.mntxt{font-size:9pt;}
.mntxt td{font-size:9pt;}
DIV.MEMOBODY { WIDTH : 170PX; OVERFLOW : HIDDEN; }

DIV.POST { MARGIN :10PX 50px 50px 70px ; TEXT-ALIGN:LEFT;
background-color:#fcfafa;
padding:10px 5px;
border-right:1px #dddddd solid;
border-bottom:1px #dddddd solid;
}
DIV.POST_HEAD { MARGIN-BOTTOM : 5PX;
PADDING : 3PX 3px 3px 0px;
border-bottom:2px #c4c4c4 solid;
}
.POST_TTL img{vertical-align:bottom;}
.POST_TTL { font-size:11pt; color:#9e4f4f;}
.POST_TTL A:LINK { COLOR: #9e4f4f; TEXT-DECORATION: NONE; }
.POST_TTL A:VISITED { COLOR: #9e4f4f; TEXT-DECORATION: NONE; }
.POST_TTL A:HOVER { COLOR: #9e4f4f; TEXT-DECORATION: NONE; }
.POST_ADMIN { TEXT-ALIGN : RIGHT; font-size:9pt;vertical-align:bottom;}
DIV.POST_BODY { LINE-HEIGHT : 150%; MARGIN-BOTTOM : 30PX; OVERFLOW : HIDDEN; }
DIV.POST_TAIL { FONT : 11PX/150% Skia,Hiragino Maru Gothic Pro,TAHOMA; MARGIN-TOP : 10PX; TEXT-ALIGN : RIGHT; }
DIV.POST_TAIL img{vertical-align:middle;}

DIV.COMMENT { BORDER : 1PX #D3D3D3 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 #AAA DOTTED; PADDING-TOP : 20PX; }
DIV.COMMENT_LINE { BORDER-TOP : 1PX #AAA DOTTED; MARGIN : 10PX 0PX 15PX; }

.ptime{text-align:right; font-size :9pt; margin-bottom:10px; color:#666666;}




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; }
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; }
.DATE { font-size:8pt; }
.TIME { font-size:8pt; TEXT-ALIGN : LEFT; }
.AUTHOR { font-size:8pt; }
.TXTFLD { FONT-SIZE:9PT;COLOR:#000; BORDER:1PX SOLID #9e4f4f; BACKGROUND:#FFF; }
.SUBMIT { FONT :9PT/140% ;COLOR:#000; }



DIV.CAL_TOP { WIDTH : 170PX; PADDING : 0PX 5PX; LINE-HEIGHT : 130%; OVERFLOW : HIDDEN; TEXT-ALIGN:center; background-color:#F4EBEB;
margin:0px 20px 0px 0px; padding:5px;
border-right:1px #DBDADA solid;
color:#222222;}
DIV.CAL { WIDTH : 170PX; LINE-HEIGHT : 130%; OVERFLOW : HIDDEN; TEXT-ALIGN:center; background-color:#F4EBEB;
margin:0px 20px 30px 0px; padding:10px 5px 5px;
border-right:1px #DBDADA solid;
border-bottom:1px #DBDADA solid;
}
DIV.CAL_HEAD { WIDTH : 170PX; font-size:8pt; TEXT-ALIGN : CENTER; PADDING : 0PX 0PX; MARGIN-BOTTOM : 5PX;}
DIV.CAL_BODY { WIDTH : 170PX; TEXT-ALIGN : CENTER;}
DIV.CAL_BOTTOM { }

.CAL { font-size:8pt; TEXT-ALIGN : CENTER; border-bottom:1px #dbdada dotted;}
.CAL_DAY { font-size:8pt; TEXT-ALIGN : CENTER; border-bottom:1px #dbdada dotted;}
.CAL_SUN { font-size:8pt; COLOR : #D36654; TEXT-ALIGN : CENTER; border-bottom:1px #dbdada dotted;}
.CAL_SAT { font-size:8pt; COLOR : #3572A1; TEXT-ALIGN : CENTER; border-bottom:1px #dbdada dotted;}
.CAL_TODAY { font-size:8pt; BACKGROUND : #ffffff; COLOR : #3D5586; TEXT-ALIGN : CENTER; border-bottom:1px #dbdada dotted;}
.CAL_TR { }

DIV.XML { font-size:8pt; TEXT-ALIGN : CENTER; margin-bottom:30px;}
------------------------------------------------------------------------------------------
★本文用HTML

<DIV CLASS=POST>
<DIV CLASS=POST_HEAD>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%>
<TR><TD WIDTH=80% class="POST_TTL"><img src="http://pds.exblog.jp/pds/1/200412/30/17/musubii.gif" border="0"> <$postsubject$></TD>
<TD WIDTH=20% ALIGN=RIGHT><$postadmin type=1$></TD></TR>
</TABLE>
</DIV>
<div class=ptime><$postdate$></div>
<DIV CLASS=POST_BODY>
<$postcont$>
</DIV>
<DIV CLASS=POST_TAIL ALIGN=RIGHT><$posttail$> <img src="http://pds.exblog.jp/pds/1/200412/30/17/umei.gif" border="0"></DIV>
<$cmtjs$>
</DIV>
------------------------------------------------------------------------------------------
★メニュー用HTML

<img src="http://pds.exblog.jp/pds/1/200412/30/17/musubi.gif" border="0">
<div class=MNBODY>
<DIV CLASS=MNTTL><$mntitle$></DIV>
<div class=mntxt><$mnbody$></div>
</div>
------------------------------------------------------------------------------------------
画像をやや多めに使っています。
背景指定はCSS内1カ所だけですが、HTML内に画像指定が6カ所あります。
青字の部分は外部リンクにどうぞ。
[PR]
by catsmoon | 2004-12-30 18:20 | 和風
<< とりあえず休み PageTop スキン変更 >>
XML | ATOM

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