-Sun&Moon Blog-
catsmoon.exblog.jp
エキサイトブログスキン配布 (Mac OS10.5 Leopard・Safari) ★基本的にコメントにレスしません
by catsmoon
プロフィールを見る
画像一覧
Top | Out
和風スキン1配付
2004年 12月 02日 |
b0052317_2165545.jpg
和風スキンは、エキサイトにないので、せっかく作ったし、希望の方には使って頂けるようにと配付することにしました。
まずは、季節を限定しないものから。
和風「白緑」スキンです。
オリジナル 2列のレイアウト(右)をベースにして下さい。
★これはご使用中の方の参考のために残しておきますが、出来がいまいちのスキンです(^^;
修正版を2として配布しておりますので、そちらをお使い下さい。






使用している画像は以下の二つです。ダウンしてからお使い下さい。
 kousi.gif  whitegreen.jpg

このスキンに使用している画像は私の自作ですので、著作権は私に帰属しますが、自由にお使い頂いてかまいません。



本文 450-ロゴ150- メニュー 150
-------------------------------------------------------------------------------------------
メインHTMLです。

<CENTER>
<DIV ID=BODY>

<TABLE WIDTH=710 BORDER=0 CELLPADDING=0 CELLSPACING=0 ALIGN=CENTER>
<TR><TD COLSPAN=2 VALIGN=TOP class=top>
<DIV CLASS=HEADER><$header$></DIV>
<DIV CLASS=URL><$blogurl$></DIV>
<DIV CLASS=USERMENU><$adminmenu type=2$></DIV>
</TD></TR>
<TR><TD WIDTH=500 VALIGN=TOP>
<DIV ID=LEFT>
<$post$>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%>
<TR><TD ALIGN=RIGHT WIDTH=45%><$prepage type=1$></TD>
<TD WIDTH=10%></TD>
<TD ALIGN=LEFT WIDTH=45%><$nextpage type=1$></TD></TR>
</TABLE>
</DIV>
</TD>
<TD WIDTH=210 VALIGN=TOP>
<DIV ID=RIGHT>
<DIV CLASS=PROFILE>
<CENTER><$logoimage type=1$></CENTER>
<$description$>
<$nick$>
</DIV>
<$calendar type=1$>
<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>
</DIV>
</TD>
</TR></TABLE>
</DIV>
</CENTER>

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

/* A01002 CSS */

BODY { BACKGROUND : #4C5439;
MARGIN : 0PX;
PADDING : 0PX;
background-image:url(http://pds.exblog.jp/pds/1/200411/27/17/kousi.gif);
}
BODY,TD,DIV,LI { FONT-SIZE : SMALL; FONT-FAMILY : Skia,VERDANA,ARIAL,SANS-SERIF; LINE-HEIGHT : 150%; COLOR : #444444;Margin:auto;
}

A:LINK { COLOR: #66841F; TEXT-DECORATION: NONE }
A:VISITED { COLOR: #66841F; TEXT-DECORATION: NONE }
A:ACTIVE { COLOR: #66841F; TEXT-DECORATION: NONE }
A:HOVER { COLOR: darkgreen; TEXT-DECORATION: NONE }


DIV#BODY {
WIDTH : 710PX;
BACKGROUND : #ffffff;
BORDER-LEFT : 5PX SOLID #C2CBAE;
BORDER-RIGHT : 5PX SOLID #C2CBAE;
Margin:auto;
}


.top {
BACKGROUND : #FFF;
background-image:url(http://pds.exblog.jp/pds/1/200411/27/17/whitegreen.jpg);
border-bottom:3px #C2CBAE solid;}

DIV#RIGHT {
PADDING-LEFT : 10PX;
PADDING-RIGHT : 30PX;
MARGIN-BOTTOM : 40PX;
}

DIV#LEFT {
Padding-top:20px;
PADDING-RIGHT : 10PX;
MARGIN-BOTTOM : 40PX;
margin-left:20px;}

DIV.HEADER {
MARGIN : 20PX 30PX 5PX;
FONT : 16PT Skia,TAHOMA,GEORGIA;
}

DIV.HEADER A:LINK {COLOR: #596A75; TEXT-DECORATION: NONE}
DIV.HEADER A:VISITED {COLOR: #596A75; TEXT-DECORATION: NONE}
DIV.HEADER A:HOVER {COLOR: darkolivegreen; TEXT-DECORATION: NONE}


DIV.URL {
MARGIN-LEFT : 30PX;
FONT : 10PT Skia;
}

DIV.URL A:LINK {COLOR: #555; TEXT-DECORATION: NONE}
DIV.URL A:VISITED {COLOR: #555; TEXT-DECORATION: NONE}
DIV.URL A:HOVER {COLOR: darkgreen; TEXT-DECORATION: NONE}

DIV.USERMENU {
MARGIN : 0PX 10PX 5PX;
TEXT-ALIGN : RIGHT;
FONT : 10PT Skia;
}

DIV.USERMENU A:LINK {COLOR: #727272; TEXT-DECORATION: NONE}
DIV.USERMENU A:VISITED {COLOR: #727272; TEXT-DECORATION: NONE}
DIV.USERMENU A:HOVER {COLOR: darkgreen; TEXT-DECORATION: NONE}

DIV.PROFILE {
LINE-HEIGHT : 160%;
Padding-top:20px; }

DIV.MN {
MARGIN-TOP : 5PX;
MARGIN-BOTTOM : 10PX;
LINE-HEIGHT : 160%;
FONT-FAMILY : Skia,TAHOMA;
}

DIV.MNTTL {
MARGIN-TOP : 30PX;
MARGIN-BOTTOM : 10PX;
COLOR : #708650;
background-image:url(http://pds.exblog.jp/pds/1/200411/27/17/whitegreen.jpg);
padding:2px 2px 2px 10px; }

DIV.MEMOBODY {
WIDTH : 150PX;
OVERFLOW : HIDDEN;
}

DIV.POST {
MARGIN-TOP : 3PX;
MARGIN-BOTTOM : 35PX;
PADDING : 10PX;
}

DIV.POST_HEAD {
BORDER : none;
PADDING : 3PX 5px 3px 10px;
marign-bottom:0px;
FONT-FAMILY : Skia,VERDANA;
COLOR : #727272;
background-image:url(http://pds.exblog.jp/pds/1/200411/27/17/whitegreen.jpg);}
}

DIV.POST_BODY {
WIDTH : 450PX;
MARGIN-TOP : 0PX;
MARGIN-BOTTOM : 35PX;
LINE-HEIGHT : 150%;
OVERFLOW : HIDDEN;
}

DIV.POST_BODY A:LINK { COLOR: #66841F;FONT-FAMILY : Skia,VERDANA, TAHOMA; TEXT-DECORATION: NONE }
DIV.POST_BODY A:VISITED { COLOR: #66841F;FONT-FAMILY : Skia,VERDANA, TAHOMA; TEXT-DECORATION: NONE }
DIV.POST_BODY A:ACTIVE { COLOR: #66841F;FONT-FAMILY : Skia,VERDANA, TAHOMA; TEXT-DECORATION: NONE }
DIV.POST_BODY A:HOVER { COLOR: #BDCE93;FONT-FAMILY : Skia,VERDANA, TAHOMA; TEXT-DECORATION: NONE }

DIV.POST_TTL {
FONT-SIZE : 10PT; COLOR : #708650;
margin-bottom:0px;}

div. POST_TTL A:LINK { COLOR: #66841F;FONT-FAMILY : Skia,VERDANA, TAHOMA; TEXT-DECORATION: NONE }
div. POST_TTL A:VISITED { COLOR: #66841F;FONT-FAMILY : Skia,VERDANA, TAHOMA; TEXT-DECORATION: NONE }
div. POST_TTL A:ACTIVE { COLOR: #66841F;FONT-FAMILY : Skia,VERDANA, TAHOMA; TEXT-DECORATION: NONE }
div. POST_TTL A:HOVER { COLOR: #BDCE93;FONT-FAMILY : Skia,VERDANA, TAHOMA; TEXT-DECORATION: NONE }

DIV.POST_TAIL {
MARGIN: 20PX 0PX 10PX;
TEXT-ALIGN : RIGHT;
LINE-HEIGHT : 170%;
FONT-FAMILY : Skia,TAHOMA;
FONT-SIZE : 9PT;
}

DIV.COMMENT {
MARGIN-TOP : 10PX;
MARGIN-BOTTOM : 10PX;
BORDER : 1PX #D3D3D3 SOLID;
BACKGROUND : #C2CBAE;
PADDING : 15PX;
PADDING-TOP : 10PX;
}

DIV.COMMENT_BODY {
MARGIN-TOP : 6PX;
MARGIN-BOTTOM : 20PX;
LINE-HEIGHT : 130%;
}

DIV.COMMENT_TAIL {
MARGIN-TOP : 8PX;
MARGIN-BOTTOM : 5PX;
FONT-FAMILY : Skia,VERDANA, TAHOMA;
FONT-SIZE : 9PT;
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 {
FONT-SIZE : 10PT;
MARGIN-BOTTOM : 10PX;
}

DIV.ARCHIVE_BODY {
MARGIN-BOTTOM : 100PX;
LINE-HEIGHT : 170%;
PADDING-BOTTOM : 100PX;
}

IMG.IMAGE_TOP {
MARGIN-BOTTOM : 15PX;
}

IMG.IMAGE_LEFT {
MARGIN-RIGHT : 15PX;
MARGIN-BOTTOM : 10PX;
}

IMG.IMAGE_RIGHT {
MARGIN-LEFT : 10PX;
MARGIN-BOTTOM : 10PX;
}

IMG.IMAGE_MID {
MARGIN-TOP : 15PX;
MARGIN-BOTTOM : 15PX;
}

IMG.LOGO {
MARGIN-BOTTOM : 15PX;
}

DIV.BANNER {
MARGIN-TOP : 40PX;
MARGIN-BOTTOM : 10PX;
}

.AUTHOR {
FONT-FAMILY : Skia,TAHOMA;
FONT-SIZE : 9PT;
}

.TIME {
FONT-FAMILY : Skia,TAHOMA;
FONT-SIZE : 9PT;
TEXT-ALIGN : LEFT;
}

.SMALL {
FONT-SIZE : 8PT;
FONT-FAMILY : Skia,TAHOMA;
}

.TXTFLD {FONT-SIZE:9PT;COLOR:#000; BORDER:1PX SOLID #666678; BACKGROUND:WHITE}


DIV.CAL_TOP {
}

DIV.CAL {
MARGIN-TOP : 30PX;
TEXT-ALIGN : CENTER;
}

DIV.CAL_HEAD {
FONT-SIZE : 9PT;
FONT-FAMILY : Skia,VERDANA;
TEXT-ALIGN : CENTER;
PADDING-TOP : 5PX;
PADDING-BOTTOM : 5PX;
MARGIN-BOTTOM : 10PX;
BACKGROUND : #F3F3F3;
background-image:url(http://pds.exblog.jp/pds/1/200411/27/17/whitegreen.jpg);
}

DIV.CAL_BODY {
FONT-SIZE : 8PT;
FONT-FAMILY : Skia,VERDANA;
TEXT-ALIGN : CENTER;
}

DIV.CAL_BOTTOM {
}

.CAL {
FONT-FAMILY : Skia,VERDANA;
FONT-SIZE : 9PT;
TEXT-ALIGN : CENTER;
LINE-HEIGHT : 150%;
}

.CAL_DAY {
FONT-FAMILY : Skia,VERDANA;
FONT-SIZE : 8PT;
TEXT-ALIGN : CENTER;
LINE-HEIGHT : 150%;
}

.CAL_SUN {
FONT-FAMILY : Skia,VERDANA;
FONT-SIZE : 8PT;
COLOR : #D36654;
TEXT-ALIGN : CENTER;
}

.CAL_SAT {
FONT-FAMILY : Skia,VERDANA;
FONT-SIZE : 8PT;
COLOR : #3572A1;
TEXT-ALIGN : CENTER;
}

.CAL_TODAY {
FONT-FAMILY : Skia,VERDANA;
FONT-SIZE : 8PT;
BACKGROUND : #d2dBbE;
COLOR : #3D5586;
TEXT-ALIGN : CENTER;
}

.CAL_TR {}

DIV.XML {
TEXT-ALIGN : CENTER;
FONT-SIZE : 8PT;
FONT-FAMILY : Skia,VERDANA;
}
-------------------------------------------------------------------------------------------
本文HTMLです。

<DIV CLASS=POST_HEAD ALIGN=LEFT>

<DIV CLASS=POST_TTL><$postsubject$></DIV>
<span style="font-size:9pt;"><$postdate$></span>

</DIV>
<DIV CLASS=POST>
<div align=right><$postadmin type=1$></div>
<DIV CLASS=POST_BODY>
<$postcont$>
</DIV>
<DIV CLASS=POST_TAIL ALIGN=RIGHT><$posttail$></DIV><BR>
<$cmtjs$>
</DIV>

-----------------------------------------------------------------------------------------
メニュー部分HTMLです。

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

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

※背景画象指定にアドレスを五ケ所、CSS内指定箇所に入れて下さい。
[PR]
<< 和風スキン2配付 PageTop NORADサンタ追跡 日本語対応 >>
XML | ATOM

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