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

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



b0052317_13181271.jpgb0052317_13183188.jpg おまけのロゴ用画像です。






素材は自作ですので、ご自由にお使い下さい。

b0052317_13172893.jpg b0052317_13175628.jpg
gasho.jpg と kazari.jpgです。
 
 
gasho2.jpg と kazari2.jpgです。
 gashos.jpg  hane.gif 



2列のレイアウト(右) オリジナルをベースに、本文 600-ロゴ200- メニュー 200

---------------------------------------------------------------------------------------------------------
メインページ用HTML

<!--
このスキンの作成者は、月蝕 http://catsmoon.exblog.jp/ です。
素材も含めて著作権は月蝕に帰属します。 カスタマイズはご自由ですが、この著作権表示部分を削除改変することは認めません。必ず残して下さい。
またカスタマイズしたものを配布したい場合、必ず当ブログの利用規約を確認、ルールを守って配布して下さい。
-->
<div class=top>
<DIV CLASS=HEADER><$header$></DIV>
<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=220 VALIGN=TOP>
<DIV CLASS=PROFILE>
<CENTER><$logoimage type=1$></CENTER>
<$description$>
<$nick$>
</DIV>
<$calendar type=2$>
<$menuright$>
<center><$banner type=1$>
<$xml$>
<div class=XML>The Original by <a href="http://catsmoon.exblog.jp/" target="_blank">Sun&Moon</a></div>
</center>
</TD></TR>
</TABLE>

--------------------------------------------------------------------------------------------------------
CSS

/* excite blog skin css */

BODY{ BACKGROUND : #FFFFFF;
background-image : url(http://***/gasho.jpgかgasho2.jpgを設定);
background-position : 0px 0px;
background-repeat : repeat-x;
background-attachment : fixed ;
MARGIN : 0PX;
PADDING : 0PX; }
BODY,TD,DIV,LI{ FONT-SIZE : 10pt ;
FONT-FAMILY : Skia,Hiragino Maru Gothic pro,VERDANA,ARIAL,SANS-SERIF;
LINE-HEIGHT : 150%; COLOR : #333333; }

A:LINK{ COLOR: #E73535; TEXT-DECORATION: NONE; }
A:VISITED{ COLOR: #E73535; TEXT-DECORATION: NONE; }
A:ACTIVE{ COLOR: #E73535; TEXT-DECORATION: NONE; }
A:HOVER{ COLOR: #337233; TEXT-DECORATION: NONE; }

DIV.top{height : 230px;
background-image : url(http://***/kazari.jpgかkazari2.jpgを設定);
background-position : 0px 0px;
background-repeat : no-repeat;
background-attachment : fixed ;
MARGIN : 0PX; padding:0px;
}
DIV.HEADER{FONT : 18pt Skia,Hiragino Maru Gothic pro,Courier New,TAHOMA;
TEXT-ALIGN:LEFT;padding : 10px 0px 5px 50px;}

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

DIV.URL{ FONT : 10pt Skia,Hiragino Maru Gothic pro,VERDANA,TAHOMA;
padding : 0px 0px 0px 60px;
TEXT-ALIGN:LEFT; }

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

DIV.USERMENU{ FONT :10pt Skia,Hiragino Maru Gothic pro,VERDANA; TEXT-ALIGN : RIGHT; MARGIN :20px 10px ; }

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

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

DIV.PROFILE{ WIDTH : 220PX; PADDING : 0PX 0px 10px 10px ; LINE-HEIGHT : 130%; OVERFLOW : HIDDEN; TEXT-ALIGN:LEFT;}
DIV.MNBODY{ TEXT-ALIGN:LEFT; padding : 10px; background : #ffffff ;}
DIV.MNTTL{ WIDTH : 220PX; background: #3E793E; PADDING : 2PX 5PX; MARGIN : 25PX 0PX 0PX; color: darkkhaki;border-top :1px #4B924B solid; border-bottom : 1px #326132 solid; }
DIV.MEMOBODY{ WIDTH : 220PX; OVERFLOW : HIDDEN; }

DIV.POST{ MARGIN :0px 40px 60px 20px ; TEXT-ALIGN:LEFT; background : #ffffff; padding : 10px;}
DIV.POST_HEAD{ BORDER-BOTTOM : 2PX #E73B3B SOLID; MARGIN-BOTTOM : 5PX; PADDING-BOTTOM : 3PX; }
DIV.POST_TTL{ FONT-size : 11pt ; color : #337233 ;}
DIV.POST_TTL A:LINK { COLOR: #337233 ; TEXT-DECORATION: NONE; }
DIV.POST_TTL A:VISITED { COLOR: #337233 ; TEXT-DECORATION: NONE; }
DIV.POST_TTL A:HOVER { COLOR: #337233; TEXT-DECORATION: NONE; }

.pdate{text-align : right;}
DIV.POST_ADMIN{ TEXT-ALIGN : RIGHT;}
DIV.POST_BODY{ LINE-HEIGHT : 150%; MARGIN : 10px 10px 30PX 20px ; OVERFLOW : HIDDEN; }
DIV.POST_TAIL{ FONT : 11PX/150% TAHOMA; MARGIN-TOP : 10PX; TEXT-ALIGN : RIGHT; }

DIV.COMMENT{ BORDER : 1PX khaki SOLID; BACKGROUND : #ffffff;
background-image : url(http://***/gashos.jpgを設定);
PADDING : 15PX;MARGIN : 20PX 0PX; }
DIV.COMMENT_BODY{ MARGIN-BOTTOM : 20PX; LINE-HEIGHT : 130%;}
DIV.COMMENT_TAIL{ MARGIN : 8PX 0PX 5PX; FONT : 8PT/150% Skia,TAHOMA; COLOR : #777;}
DIV.COMMENT_INPUT{ MARGIN-TOP : 20PX; BORDER-TOP : 1PX khaki DOTTED; PADDING-TOP : 20PX; }
DIV.COMMENT_LINE{ BORDER-TOP : 1PX khaki DOTTED; MARGIN : 10PX 0PX 15PX; }






DIV.TRACK_TOP { LINE-HEIGHT : 170%; }
DIV.ARCHIVE_HEAD { FONT-WEIGHT : BOLD; 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 khaki; BACKGROUND:#FFF; }
.SUBMIT{ FONT :9PT/140% ;COLOR:#000; }





DIV.CAL_TOP { WIDTH : 220PX; background: #3E793E;
PADDING : 2PX 5PX; MARGIN : 25PX 0PX 10PX;
color: darkkhaki;
border-top :1px #4B924B solid;
border-bottom : 1px #326132 solid;
}
DIV.CAL { MARGIN : auto ; WIDTH : 200PX; TEXT-ALIGN : CENTER;}
DIV.CAL_HEAD { WIDTH : 200PX; FONT : 9pt Skia,VERDANA; TEXT-ALIGN : CENTER; PADDING : 4PX 0PX; MARGIN-BOTTOM : 5PX;}
DIV.CAL_BODY { WIDTH : 200PX; TEXT-ALIGN : CENTER;}
DIV.CAL_BOTTOM { }

.CAL{ FONT : 8pt Skia,VERDANA; TEXT-ALIGN : CENTER;}
.CAL_DAY{ FONT : 8pt Skia,VERDANA; TEXT-ALIGN : CENTER; }
.CAL_SUN{ FONT : 8pt Skia,VERDANA; COLOR : #D36654; TEXT-ALIGN : CENTER;}
.CAL_SAT{ FONT : 8pt Skia,VERDANA; COLOR : #3572A1; TEXT-ALIGN : CENTER;}
.CAL_TODAY{ FONT : 8pt Skia,VERDANA; BACKGROUND : khaki ; COLOR : darkgreen ; TEXT-ALIGN : CENTER; }
.CAL_TR { }

DIV.XML { FONT : 8pt 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%><DIV class="POST_TTL"><img src="http://***/hane.gifアイコン画像を設定" border="0" style="vertical-align: top;"> <$postsubject$></DIV></TD>
<TD WIDTH=20% ALIGN=RIGHT><$postadmin type=1$></TD></TR>
</TABLE>
</DIV>
<div class=pdate><$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=MNBODY><$mnbody$></DIV>
--------------------------------------------------------------------------------------------------------------
CSS内で背景三カ所設定(赤字)
gashoとkazariは、二種類用意してありますので、どちらでもお好きな方を設定して下さい。
gashosは一種類のみです。
本文用HTML内でhane.gifを設定。これは記事タイトル前に入るアイコンで、CSS指定ではなく貼っているだけなので、CSSの数字など修正無しにお好きなアイコンに変えて頂けます。
[PR]
<< 表示のチェック PageTop 凡ミス >>
XML | ATOM

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