-Sun&Moon Blog-
catsmoon.exblog.jp
エキサイトブログスキン配布 (Mac OS10.5 Leopard・Safari) ★基本的にコメントにレスしません
by catsmoon
プロフィールを見る
画像一覧
Top | Out
和風スキン梅に鶯配布
2004年 12月 26日 |
b0052317_23341530.gif 和風スキンです。記事を上下で挟むように画像を使っています。

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

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






素材は自作ですので、ご自由にどうぞ。
 ※縮小表示
      



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

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

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

/* excite blog skin css */

BODY{ BACKGROUND : #FFFFFF;
background-image:url("http://pds.exblog.jp/pds/1/200412/24/17/w1.gif");
background-repeat:repeat-y;
background-attachment:fixed;
MARGIN : 0PX;PADDING : 0PX 0px 0px 140px; }
BODY,TD,DIV,LI{ FONT-SIZE : 9pt ; FONT-FAMILY : Century Gothic,Hiragino Maru Gothic Pro,VERDANA,ARIAL,SANS-SERIF; LINE-HEIGHT : 150%; COLOR : #666666; }

A:LINK{ COLOR: darkolivegreen; TEXT-DECORATION: NONE; }
A:VISITED{ COLOR: darkolivegreen; TEXT-DECORATION: NONE; }
A:ACTIVE{ COLOR: darkolivegreen4444; TEXT-DECORATION: NONE; }
A:HOVER{ COLOR: indianred; TEXT-DECORATION: none; }

.MNTTL img{vertical-align:middle;}

DIV.HEADER{ FONT : 16pt Skia,Hiragino Maru Gothic Pro,Courier New,TAHOMA; TEXT-ALIGN:center;
padding:15px 0px 5px;}
DIV.HEADER A:LINK { COLOR: teal; TEXT-DECORATION: NONE; }
DIV.HEADER A:VISITED { COLOR: teal; TEXT-DECORATION: NONE; }
DIV.HEADER A:HOVER { COLOR: #888; TEXT-DECORATION: NONE; }

DIV.URL{ FONT : 8pt Century Gothic,VERDANA,TAHOMA; padding:5px 10px 5px; TEXT-ALIGN:RIGHT;}
DIV.USERMENU{ FONT : 9pt Century Gothic,VERDANA; TEXT-ALIGN : RIGHT; MARGIN-BOTTOM : 7PX;
padding:0px 10px 25px;}

.MN { TEXT-ALIGN:LEFT;
width:160px;
background-image:url("http://pds.exblog.jp/pds/1/200412/24/17/kasuri.gif");
padding:10px;
border-left:1px #eeeeee solid;
}
DIV.MNTTL{ WIDTH : 160PX;
BORDER-BOTTOM : 1PX teal dashed;
PADDING : 2PX 0px;
margin:10px 0px 20px 0px;
}
DIV.MEMOBODY{ WIDTH : 160PX; OVERFLOW : HIDDEN; }

.POST{ padding-bottom : 50px; padding-right:10px ; TEXT-ALIGN:LEFT;}
.POST_TTL{ font-size : 11pt; color:teal; text-align:right; padding-right:10px;}
.POST_ADMIN{ font-size:9pt; padding:0px 10px; vertical-align:middle;}
.POST_BODY{ LINE-HEIGHT : 150%; padding : 10px 10px 0PX 20px; OVERFLOW : HIDDEN; }
DIV.POST_TAIL{ FONT : 11PX/150% Century Gothic,TAHOMA;
TEXT-ALIGN : RIGHT; MARGIN : 10px 0px;}

.page{text-align:center; margin : 20px;}

DIV.COMMENT{ BORDER : 1PX #D3D3D3 SOLID; PADDING : 15PX;MARGIN : 20PX; }
DIV.COMMENT_BODY{ MARGIN-BOTTOM : 20PX; LINE-HEIGHT : 130%;}
DIV.COMMENT_TAIL{ MARGIN : 8PX 0PX 5PX; FONT : 8PT/150% Century Gothic,TAHOMA; 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; }

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 : 8pt Century Gothic,TAHOMA; }
.TIME{ FONT : 8PT/150% Century Gothic,TAHOMA; TEXT-ALIGN : LEFT; }
.AUTHOR{ FONT : 8PT Century Gothic,TAHOMA; }
.TXTFLD{ FONT-SIZE:9PT;COLOR:#000; BORDER:1PX SOLID #666678; BACKGROUND:#FFF; }
.SUBMIT{ FONT :9PT/140% ;COLOR:#000; }





DIV.CAL_TOP { }
DIV.CAL { MARGIN : 20PX 0PX 20PX; WIDTH : 160PX; TEXT-ALIGN : CENTER;}
DIV.CAL_HEAD { WIDTH : 160PX; FONT : 8PT/150% Century Gothic,VERDANA; TEXT-ALIGN : CENTER; PADDING : 4PX 0PX; MARGIN-BOTTOM : 10PX;}
DIV.CAL_BODY { WIDTH : 160PX; TEXT-ALIGN : CENTER;}
DIV.CAL_BOTTOM { }

.CAL{ FONT : 8pt Century Gothic,VERDANA; TEXT-ALIGN : CENTER; }
.CAL_DAY{ FONT : 8pt Century Gothic,VERDANA; TEXT-ALIGN : CENTER; }
.CAL_SUN{ FONT : 8pt Century Gothic,VERDANA; COLOR : #D36654; TEXT-ALIGN : CENTER;}
.CAL_SAT{ FONT : 8pt Century Gothic,VERDANA; COLOR : #3572A1; TEXT-ALIGN : CENTER;}
.CAL_TODAY{ FONT : 8pt Century Gothic,VERDANA; BACKGROUND : #E3E3E3; COLOR : #3D5586; TEXT-ALIGN : CENTER; }
.CAL_TR { }

DIV.XML { FONT : 8PT/150% Century Gothic,VERDANA; TEXT-ALIGN : CENTER; }
------------------------------------------------------------------------------------------
★本文用HTML

<div class=POST>
<TABLE BORDER=0 cellpadding=0 cellspacing=0 align=center width=100%>
<TR>
<TD align=left valign=bottom>
<img src="http://pds.exblog.jp/pds/1/200412/24/17/f3.gif" border="0" height="45">
</TD>
<TD align=right valign=top class="POST_ADMIN"><$postadmin type=1$></TD>
</TR>
<TR>
<TD align=left valign=top class="POST_ADMIN"><$postdate$></TD>
<td class=POST_TTL valign=top nowrap><$postsubject$></td>
</TR>
<TR>
<TD align=left valign=top CLASS="POST_BODY" colspan=2>
<$postcont$>
<br clear=all><DIV CLASS="POST_TAIL" ALIGN="RIGHT"><$posttail$></DIV>
<$cmtjs$>
</TD>
<TR>
<TD align=right valign=top colspan=2><img src="http://pds.exblog.jp/pds/1/200412/24/17/f2.gif" border="0" height=39 ></TD>
</TR>
</TABLE></div>
------------------------------------------------------------------------------------------
★メニュー用HTML

<DIV CLASS=MNTTL><img src=http://pds.exblog.jp/pds/1/200412/26/17/umei.gif WIDTH=20 HEIGHT=21 border="0"> <$mntitle$></DIV>
<$mnbody$>
------------------------------------------------------------------------------------------
背景指定はCSS内2カ所(赤字)
画像指定がメインページ用HTML内1カ所、本文用HTML内2カ所、メニュー用HTML内1カ所(赤字)
青字の部分には外部リンクなどご自由にどうぞ
[PR]
by catsmoon | 2004-12-26 19:37 | 和風
<< やがて悲しき… PageTop 正月用熨斗スキン配布 >>
XML | ATOM

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