-Sun&Moon Blog-
catsmoon.exblog.jp
エキサイトブログスキン配布 (Mac OS10.5 Leopard・Safari) ★基本的にコメントにレスしません
by catsmoon
プロフィールを見る
画像一覧
Top | Out
和風スキン2配付
2004年 12月 03日 |
 昨日に引き続き、和風スキンを公開します。

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


今回のスキンは、冬もの「笹に雪」です。
公開するのはソースのみで、素材は自作ではないので、利用規約を御確認の上、配付サイト様からダウンして下さい。
Kigen様
「和風」の「笹に雪」のうち、グレーの背景素材を、二つ使っております。
敷き詰め型とボーダー型、両方を使います。加工は必要ありません。
色違いで灰緑色もあり、そちらをお使いになってもよいと思いますが、敷き詰め型とボーダー型、必ず色はそろえて下さい。



2列のレイアウト(右) (オリジナル)をベースに、本文 500-ロゴ150- メニュー 150
--------------------------------------------------------------------------------------------
★メインページHTMLです。
<!--
このスキンの作成者は、月蝕 http://catsmoon.exblog.jp/ です。
素材も含めて著作権は月蝕に帰属します。 カスタマイズはご自由ですが、この著作権表示部分を削除改変することは認めません。必ず残して下さい。
またカスタマイズしたものを配布したい場合、必ず当ブログの利用規約を確認、ルールを守って配布して下さい。
-->
<DIV CLASS=HEADER><$header$></DIV>
<DIV CLASS=URL><$blogurl$></DIV>
<DIV CLASS=USERMENU><$adminmenu type=2$></DIV>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 class=top>
<TR><TD VALIGN=TOP>
<$post$>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%>
<TR><TD ALIGN=RIGHT WIDTH=48%><$prepage type=1$></TD>
<TD WIDTH=4%></TD>
<TD ALIGN=LEFT WIDTH=48%><$nextpage type=1$></TD></TR>
</TABLE><BR><BR>
</TD>
<TD VALIGN=TOP class=right>
<DIV CLASS=MNTTL>Plofile</DIV>
<DIV CLASS=PROFILE>
<CENTER><$logoimage type=1$></CENTER>
<$description$>
<$nick$>
</DIV>
<$calendar type=3$>
<DIV CLASS=MN>
<$menuright$>
</DIV>
<$banner type=1$>
<$xml$>
<div class=XML>The Original by <a href="http://catsmoon.exblog.jp/" target="_blank">Sun&Moon</a></div>
</TD></TR>
<TR><TD COLSPAN=3 HEIGHT=100></TD></TR>
</TABLE>

--------------------------------------------------------------------------------------------
★CSSです。

/* excite blog skin css */

BODY{ BACKGROUND : #FFFFFF; MARGIN : 0PX;PADDING : 0PX;
background-image:url(http://pds.exblog.jp/pds/1/200411/29/17/sasa.gif);
background-repeat: repeat;
background-position : 0% 0%;
background-attachment: fixed;
}
BODY,TD,DIV,LI{ FONT-SIZE : SMALL; FONT-FAMILY : Skia,Hiragino Maru Gothic Pro,VERDANA,ARIAL,SANS-SERIF; LINE-HEIGHT : 150%; COLOR : #000000; }

.top{margin-left:50px;}

.right{padding-left:30px;}

A:LINK{ COLOR: saddlebrown; TEXT-DECORATION: NONE;}
A:VISITED{ COLOR: saddlebrown; TEXT-DECORATION: NONE; }
A:ACTIVE{ COLOR: saddlebrown; TEXT-DECORATION: NONE; }
A:HOVER{ COLOR: darkgoldenrod ; TEXT-DECORATION: NONE;}

DIV.HEADER{ FONT : 20pt Skia,Courier New,TAHOMA; TEXT-ALIGN:LEFT; margin:30px 0px 0px 18px; padding:0px;}

DIV.HEADER A:LINK { COLOR: #000; TEXT-DECORATION: NONE; }
DIV.HEADER A:VISITED { COLOR: #000; TEXT-DECORATION: NONE; }
DIV.HEADER A:HOVER { COLOR: darkgoldenrod; TEXT-DECORATION: NONE; }

DIV.URL{ FONT : 9pt Skia,VERDANA,TAHOMA; padding:0px 0px 5px 30PX; TEXT-ALIGN:LEFT;margin:0px 0px 5px 0px ;}
DIV.URL A:LINK { COLOR: saddlebrown; TEXT-DECORATION: NONE; }
DIV.URL A:VISITED { COLOR: saddlebrown; TEXT-DECORATION: NONE; }
DIV.URL A:HOVER { COLOR: darkgoldenrod; TEXT-DECORATION: NONE; }

DIV.USERMENU{ FONT : 10PT/100% Skia,VERDANA; TEXT-ALIGN : RIGHT; margin : 0px 10px 10px 10PX; padding:0px 0px 10px 0px ; border-bottom:2px darkolivegreen solid;}

DIV.USERMENU A:LINK {COLOR: saddlebrown; TEXT-DECORATION: NONE}
DIV.USERMENU A:VISITED {COLOR: saddlebrown; TEXT-DECORATION: NONE}
DIV.USERMENU A:HOVER {COLOR: darkgoldenrod; TEXT-DECORATION: NONE;}

DIV.PROFILE{ WIDTH : 150PX; OVERFLOW : HIDDEN; background:#eeeeee; padding:10px; margin:0px; LINE-HEIGHT : 130%; TEXT-ALIGN:LEFT;}
DIV.MN{ TEXT-ALIGN:LEFT; }
DIV.MNTTL{ WIDTH : 160PX; background: #dddddd; PADDING : 2PX 0PX 0PX 10px; MARGIN : 25PX 0PX 0PX; FONT-FAMILY : Skia,Hiragino Maru Gothic Pro,TAHOMA; color:black;}
DIV.MEMOBODY{ WIDTH : 150PX; OVERFLOW : HIDDEN; background:#eeeeee; padding:10px; margin:0px;}

DIV.POST{ MARGIN-BOTTOM : 50PX; TEXT-ALIGN:LEFT; FONT-FAMILY : Skia,Hiragino Maru Gothic Pro;
background-image:url(http://pds.exblog.jp/pds/1/200411/29/17/sasa-yoko.gif);
background-repeat: repeat-y;
padding:10px;margin:25px 0px 0px 0px;
}
DIV.POST_HEAD{ border-bottom:none; MARGIN-BOTTOM : 5PX; PADDING : 3PX 3px 3px 5px; FONT-FAMILY : Skia,Hiragino Maru Gothic Pro;}
.POST_TTL{ FONT : 10pt Skia,Hiragino Maru Gothic Pro; color:darkolivegreen;padding-left:60px;}
.POST_TTL A:LINK { COLOR: darkolivegreen; TEXT-DECORATION: NONE; }
.POST_TTL A:VISITED { COLOR: darkolivegreen; TEXT-DECORATION: NONE; }
.POST_TTL A:HOVER { COLOR: darkolivegreen; TEXT-DECORATION: NONE; }
.POST_ADMIN{ TEXT-ALIGN : RIGHT; FONT-FAMILY : Skia,Hiragino Maru Gothic Pro; font-size:9pt;vertical-align:bottom;}
DIV.POST_BODY{ LINE-HEIGHT : 150%; WIDTH : 500PX; MARGIN-BOTTOM : 30PX; OVERFLOW : HIDDEN; FONT-FAMILY : Skia,Hiragino Maru Gothic Pro;padding-left:60px;}
DIV.POST_TAIL{ FONT : 11PX/150% Skia,Hiragino Maru Gothic Pro,TAHOMA; MARGIN-TOP : 10PX; TEXT-ALIGN : RIGHT; padding:10px;}
.i {margin-right:3px; color:darkolivegreen;}
DIV.COMMENT{ BORDER : none; padding-left:60px;PADDING : 15PX;MARGIN : 20PX 0PX; FONT-FAMILY : Skia,Hiragino Maru Gothic Pro;}
DIV.COMMENT_BODY{ MARGIN-BOTTOM : 20PX; LINE-HEIGHT : 130%; FONT-FAMILY : Skia,Hiragino Maru Gothic Pro; padding-left:60px;}
DIV.COMMENT_TAIL{ MARGIN : 8PX 0PX 5PX; FONT : 8PT/150% Skia,Hiragino Maru Gothic Pro,TAHOMA; COLOR : #444444; padding-left:60px;}
DIV.COMMENT_INPUT{ MARGIN-TOP : 20PX; BORDER : none; PADDING-TOP : 20PX; padding-left:60px;}


.ptime{text-align:right; font:9pt Skia; margin:5px 0px 10px 60px ; color:#666666;
border-top:2px darkolivegreen dotted; padding:5px;}




DIV.TRACK_TOP { LINE-HEIGHT : 170%; padding-left:60px;}
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/150% Skia,TAHOMA; }
.TIME{ FONT : 8PT/150% Skia,TAHOMA; TEXT-ALIGN : LEFT; }
.AUTHOR{ FONT : 8PT Skia,TAHOMA; }
.TXTFLD{ FONT-SIZE:9PT;COLOR:#000; BORDER:1PX SOLID #666678; BACKGROUND:#FFF; }
.SUBMIT{ FONT :9PT/140% ;COLOR:#000; }



DIV.CAL_TOP {
WIDTH : 160PX; background: #dddddd; PADDING : 2PX 0PX 0PX 10px; MARGIN : 25PX 0PX 0PX;FONT-FAMILY : Skia,TAHOMA; color:black;
}
DIV.CAL { MARGIN : 0PX; WIDTH : 150PX; TEXT-ALIGN : CENTER;}
DIV.CAL_HEAD { WIDTH : 150PX; FONT : 8PT/150% Skia,VERDANA; TEXT-ALIGN : CENTER; background:#eeeeee; padding:10px; padding-bottom:0px; margin:0px;}
DIV.CAL_BODY { WIDTH : 150PX; TEXT-ALIGN : CENTER; background:#eeeeee; padding:10px; margin:0px;}
DIV.CAL_BOTTOM { }

.CAL{ FONT : 8PT/170% Skia,VERDANA; TEXT-ALIGN : CENTER; color:#444444; }
.CAL_DAY{ FONT : 8PT/170% Skia,VERDANA; TEXT-ALIGN : CENTER; }
.CAL_SUN{ FONT : 8PT/170% Skia,VERDANA; COLOR : #D36654; TEXT-ALIGN : CENTER;}
.CAL_SAT{ FONT : 8PT/170% Skia,VERDANA; COLOR : #3572A1; TEXT-ALIGN : CENTER;}
.CAL_TODAY{ FONT : 8PT/170% Skia,VERDANA; BACKGROUND : #ffffff; COLOR : #3D5586; TEXT-ALIGN : CENTER;}
.CAL_TR { }

DIV.XML { FONT : 8PT/150% Skia,VERDANA; 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"><span class="i">◆</span><$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$></DIV>
<$cmtjs$>
</DIV>

--------------------------------------------------------------------------------------------
★メニュー用HTMLです。

<DIV CLASS=MNTTL><$mntitle$></DIV>
<DIV CLASS=MEMOBODY><$mnbody$></DIV>

--------------------------------------------------------------------------------------------

背景画象は、CSS内にそれぞれ一ケ所ずつ、計二ケ所に画像アドレス指定を入れて下さい。
[PR]
by catsmoon | 2004-12-03 11:48 | 和風
<< Xmasスキン配布 PageTop 和風スキン1配付 >>
XML | ATOM

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