-Sun&Moon Blog-
catsmoon.exblog.jp
エキサイトブログスキン配布 (Mac OS10.5 Leopard・Safari) ★基本的にコメントにレスしません
by catsmoon
プロフィールを見る
画像一覧
Top | Out
正月玩具スキン配布
2004年 12月 16日 |
b0052317_23562155.gif 本日は遅くなりましたが、またもや正月用スキンです。

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


今回は可愛らしい明るいデザインで三列スキンを作ってみました。

b0052317_22533033.gifこちらは、おまけのロゴ用画像です。






素材は自作です。
  
これは、記事やメニューの背景にしていします。細かいドットの透過gifになっているので、背景をぼかしつつ透過してくれます。



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

<!--
このスキンの作成者は、月蝕 http://catsmoon.exblog.jp/ です。
素材も含めて著作権は月蝕に帰属します。 カスタマイズはご自由ですが、この著作権表示部分を削除改変することは認めません。必ず残して下さい。
またカスタマイズしたものを配布したい場合、必ず当ブログの利用規約を確認、ルールを守って配布して下さい。
-->
<DIV CLASS=HEADER><$header$></DIV>
<DIV CLASS=URL><$blogurl$></DIV>
<DIV CLASS=USERMENU><$adminmenu type=1$></DIV>

<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%>
<TR><TD VALIGN=TOP>
<DIV CLASS=menu>
<CENTER><$logoimage type=1$></CENTER>
<DIV CLASS=MN><$description$>
<$nick$></DIV>

<$calendar type=1$>
<DIV CLASS=MNTTL>外部リンク</DIV>
<DIV CLASS=MN>などなど</DIV>

<$menuleft$>
<$banner type=1$>
<$xml$>
<div class=XML>The Original by <a href="http://catsmoon.exblog.jp/" target="_blank">Sun&Moon</a></div>
</DIV>
</TD>
<TD VALIGN=TOP>
<$post$>
<div class=page>
<span class=page><$prepage type=1$></span>
<span class=page><$nextpage type=1$></span>
</TD>
<TD VALIGN=TOP>
<DIV CLASS=menu>
<$menuright$>
</div>
</TD></TR>
</TABLE>
------------------------------------------------------------------------------------------
※CSS

/* excite blog default skin html */

BODY{ BACKGROUND : #E9F8D6;
background-image:url("http://pds.exblog.jp/pds/1/200412/16/17/gantanw.gif");
background-attachment:fixed;
background-repeat:repeat;
MARGIN : 0PX;PADDING : 0PX; }
BODY,TD,DIV,LI{ FONT-SIZE : 10pt; FONT-FAMILY : Skia,VERDANA,ARIAL,SANS-SERIF; LINE-HEIGHT : 150%; COLOR : #222222; }

DIV.POST_TTL img{vertical-align:middle;}

A:LINK{ COLOR: #9247FB; TEXT-DECORATION: NONE; }
A:VISITED{ COLOR: #9247FB; TEXT-DECORATION: NONE; }
A:ACTIVE{ COLOR: #9247FB; TEXT-DECORATION: NONE; }
A:HOVER{ COLOR: #000000; TEXT-DECORATION: none; }

DIV.HEADER{background:#ADD182;
margin:0px; padding:20px 20px 0px 20px;
FONT : 16pt/100% Skia,Courier New,TAHOMA; TEXT-ALIGN:LEFT;
border-top:5px #66A21E solid;}

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

DIV.URL{ background:#ADD182;
margin:0px; padding:0px 20px 10px 20px;
FONT : 9pt/100% Skia,VERDANA,TAHOMA;TEXT-ALIGN:LEFT;}
DIV.USERMENU{ background:#ADD182;
margin:0px; padding:0px 10px 10px 10px;
FONT : 9PT/100% Skia,VERDANA; TEXT-ALIGN : RIGHT; MARGIN-BOTTOM : 10PX;
border-bottom:5px #66A21E solid; }

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

DIV.menu { PADDING :10PX; width:170px; LINE-HEIGHT : 130%; OVERFLOW : HIDDEN; TEXT-ALIGN:LEFT;}
.page{text-align:center; margin:20px;}

DIV.MN{ TEXT-ALIGN : LEFT;
MARGIN-BOTTOM : 20PX;padding:5px;
background-image:url("http://pds.exblog.jp/pds/1/200412/16/17/clear.gif"); }
DIV.MNTTL{ WIDTH : 150PX; background:#66A21E;
PADDING : 2PX 5PX; MARGIN : 0PX;
TEXT-ALIGN : LEFT;color:white;}
DIV.MEMOBODY{ WIDTH : 150PX; OVERFLOW : HIDDEN; background:#E9F8D6;}

DIV.POST{ MARGIN : 0px 30px 50PX 30px; TEXT-ALIGN:LEFT; background-image:url("http://pds.exblog.jp/pds/1/200412/16/17/clear.gif"); padding:10px;}
DIV.POST_HEAD{ BORDER-BOTTOM : 1PX #CCC SOLID; MARGIN-BOTTOM : 15PX; PADDING-BOTTOM : 3PX; border-bottom:3px #66A21E dotted;}
DIV.POST_TTL{ FONT-size :11pt;}
DIV.POST_ADMIN{ TEXT-ALIGN : RIGHT;}
DIV.POST_BODY{ LINE-HEIGHT : 150%; MARGIN-BOTTOM : 30PX; OVERFLOW : HIDDEN; }
DIV.POST_TAIL{ FONT : 11PX/150% Skia,TAHOMA; MARGIN-TOP : 10PX; TEXT-ALIGN : RIGHT; }

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





DIV.CAL_TOP { }
DIV.CAL { background-image:url("http://pds.exblog.jp/pds/1/200412/16/17/clear.gif"); MARGIN : 20PX 0PX 20PX; WIDTH : 150PX; TEXT-ALIGN : CENTER;}
DIV.CAL_HEAD { WIDTH : 150PX; FONT : 8PT/150% Skia,VERDANA; TEXT-ALIGN : CENTER; PADDING : 4PX 0PX; MARGIN-BOTTOM : 10PX;}
DIV.CAL_BODY { WIDTH : 150PX; TEXT-ALIGN : CENTER;}
DIV.CAL_BOTTOM { }

.CAL{ FONT : 8pt/150% Skia,VERDANA; TEXT-ALIGN : CENTER; }
.CAL_DAY{ FONT : 8pt/150% Skia,VERDANA; TEXT-ALIGN : CENTER; }
.CAL_SUN{ FONT : 8pt/150% Skia,VERDANA; COLOR : #D36654; TEXT-ALIGN : CENTER;}
.CAL_SAT{ FONT : 8pt/150% Skia,VERDANA; COLOR : #3572A1; TEXT-ALIGN : CENTER;}
.CAL_TODAY{ FONT : 8pt/150% Skia,VERDANA; BACKGROUND : #ffffff; COLOR : #F94848; 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%><div class=POST_TTL><img src="http://pds.exblog.jp/pds/1/200412/16/17/koma.gif" border="0"> <$postsubject$></div></TD>
<TD WIDTH=20% ALIGN=RIGHT><$postadmin type=1$></TD></TR>
</TABLE>
</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=MN><$mnbody$></DIV>
------------------------------------------------------------------------------------------
CSS内四カ所背景指定、本文用HTML内一カ所アイコン指定(赤字)があります。
青字の部分はメニューと同じデザインで自由に記入して頂けます。
不要なら削除して下さい。
その部分を左右、上下に移動もできますし、繰り返していくつかの項目を書き込むこともできます。
[PR]
<< 狂月リニューアル予定 PageTop マシン買い替え >>
XML | ATOM

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