-Sun&Moon Blog-
catsmoon.exblog.jp
エキサイトブログスキン配布 (Mac OS10.5 Leopard・Safari) ★基本的にコメントにレスしません
by catsmoon
プロフィールを見る
画像一覧
Top | Out
スキンPurple Moon配布
2004年 12月 21日 |
b0052317_2352182.gif これも以前に作っていた素材再利用のスキンです。

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


構成も何の変哲もない右メニュースキンだったり(^^;
作業の息抜きに作ったスキンなので勘弁して下さい。





素材は自作ですので、これもご自由にどうぞ。
背景やロゴ用画像などセットの素材は猫の散歩道にあります。
アイコンだけ、リサイズしていますので、ここに。
 



2列のレイアウト(右) (オリジナル) 本文 500-ロゴ180- メニュー 180
-----------------------------------------------------------------------------------------------
★メインページ用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 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 VALIGN=TOP width="220" align=right>
<DIV CLASS=menu>
<CENTER><$logoimage type=1$></CENTER>
<$description$>
<$nick$>
<$calendar type=1$>
<DIV CLASS=MNTTL><img src="http://pds.exblog.jp/pds/1/200412/21/17/pmooni2.gif" WIDTH=32 HEIGHT=31 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>
</DIV>
</TD></TR>
</TABLE>
-----------------------------------------------------------------------------------------------
★CSS

/* excite blog skin css */

BODY { BACKGROUND : #E4D8E6; MARGIN : 0PX;PADDING : 0PX;
background-image : url("http://pds.exblog.jp/pds/1/200412/21/17/pmbg1.jpg");
background-attachment : fixed;
background-repeat : repeat;}
BODY,TD,DIV,LI { FONT-SIZE : 10pt; FONT-FAMILY : Bookman Old Style,Hiragino Maru Gothic Pro,VERDANA,ARIAL,SANS-SERIF; LINE-HEIGHT : 150%; COLOR : #444444; }

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

A:LINK { COLOR: #4E1C58; TEXT-DECORATION: NONE; }
A:VISITED { COLOR: #4E1C58; TEXT-DECORATION: NONE; }
A:ACTIVE { COLOR: #4E1C58; TEXT-DECORATION: NONE; }
A:HOVER { COLOR: #ffffff; TEXT-DECORATION: none; }

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

DIV.HEADER { FONT : 16pt/100% Bookman Old Style,Courier New,TAHOMA; TEXT-ALIGN:LEFT;margin:0px 0px 0px 119px;padding:8px 0px 5px 20px; background-color:#EBDFED; }

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

DIV.URL { FONT : 8pt/100% Bookman Old Style,VERDANA,TAHOMA; MARGIN :0px 0px 0px 119px; padding : 2PX 0PX 5PX 20px; TEXT-ALIGN:LEFT; background-color:#EBDFED; }
DIV.USERMENU { FONT : 10PT/100% Bookman Old Style,VERDANA; TEXT-ALIGN : RIGHT; margin:0px 0px 20px 119px; padding : 3px 10px 5PX 0px; background-color:#EBDFED; border-bottom:2px #B097B4 solid;}

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

DIV.menu { WIDTH : 180PX; margin:0px 10px 20px 30px ; PADDING :0PX; LINE-HEIGHT : 130%; OVERFLOW : HIDDEN; TEXT-ALIGN:LEFT;}
DIV.MN { TEXT-ALIGN:LEFT; }
DIV.MNTTL { WIDTH : 180PX; border-bottom : 2px #B097B4 solid; PADDING : 0PX ; MARGIN : 25PX 0PX 10PX 0px ;color:#781961; }
DIV.MEMOBODY { WIDTH : 180PX; OVERFLOW : HIDDEN; }

DIV.POST { MARGIN : 0px 10px 30PX 140px; TEXT-ALIGN:LEFT;
background-image : url("http://pds.exblog.jp/pds/1/200412/21/17/pmbg2.jpg");
background-repeat : repeat;
border:3px #B097B4 solid;
padding:3px 10px 10px 10px;}

DIV.POST_HEAD { BORDER-BOTTOM : 2PX #B097B4 SOLID; MARGIN-BOTTOM : 0PX; width:100%;}
DIV.POST_TTL { FONT-size : 11PT;color:#781961;}
DIV.POST_TTL A:hover{color:#781961;}
DIV.POST_ADMIN { TEXT-ALIGN : RIGHT;}
DIV.POST_BODY { LINE-HEIGHT : 150%; MARGIN-BOTTOM : 30PX; OVERFLOW : HIDDEN;
padding:10px 0px; width:100%;}
DIV.POST_TAIL { FONT : 11PX/150% Bookman Old Style,TAHOMA; MARGIN-TOP : 10PX; TEXT-ALIGN : RIGHT; }

DIV.COMMENT { BORDER : 1PX #B097B4 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% TAHOMA; COLOR : #444444;}
DIV.COMMENT_INPUT { MARGIN-TOP : 20PX; BORDER-TOP : 1PX #B097B4 solid; PADDING-TOP : 20PX; }
DIV.COMMENT_LINE { BORDER-TOP : 1PX #B097B4 solid; 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/150% Bookman Old Style,TAHOMA; }
.TIME { FONT : 8PT/150% Bookman Old Style,TAHOMA; TEXT-ALIGN : LEFT; }
.AUTHOR { FONT : 8PT Bookman Old Style,TAHOMA; }
.TXTFLD { FONT-SIZE:9PT;COLOR:#000; BORDER:1PX SOLID #B097B4; BACKGROUND:#FFF; }
.SUBMIT { FONT :9PT/140% ;COLOR:#000; }


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

.CAL { FONT : 8PT/170% Bookman Old Style,VERDANA; TEXT-ALIGN : CENTER; }
.CAL_DAY { FONT : 8PT/170% Bookman Old Style,VERDANA; TEXT-ALIGN : CENTER; }
.CAL_SUN { FONT : 8PT/170% Bookman Old Style,VERDANA; COLOR : #D36654; TEXT-ALIGN : CENTER; }
.CAL_SAT { FONT : 8PT/170% Bookman Old Style,VERDANA; COLOR : #3572A1; TEXT-ALIGN : CENTER; }
.CAL_TODAY { FONT : 8PT/170% Bookman Old Style,VERDANA; BACKGROUND : #EBDFED; COLOR : #ab0000; TEXT-ALIGN : CENTER; }
.CAL_TR { }

DIV.XML { FONT : 8PT/150% Bookman Old Style,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/21/17/pmooni.gif" WIDTH=42 HEIGHT=40 border="0"> <$postsubject$></div></TD>
<TD WIDTH=20% ALIGN=RIGHT><$postadmin type=2$></TD></TR>
</TABLE>
</DIV>
<DIV CLASS=POST_BODY>
<$postcont$>
</DIV>
<DIV CLASS=POST_TAIL ALIGN=RIGHT><$posttail$></DIV>
<$cmtjs$>
</DIV>
-----------------------------------------------------------------------------------------------
★メニュー用HTML

<DIV CLASS=MNTTL><img src="http://pds.exblog.jp/pds/1/200412/21/17/pmooni2.gif" WIDTH=32 HEIGHT=31 border="0"> <$mntitle$></DIV>
<$mnbody$>
-----------------------------------------------------------------------------------------------
指定はCSS内背景2箇所 メインページ用HTML、本文用HTML、メニュー用HTML内各アイコン一箇所、合計5箇所(赤字)です。
青字の部分は、右側メニューと同じデザインで、外部リンクなど自由に書き込めるスペースです。
ユーザーメニューの下、メニューの上部に表示されます。
もし不要なら青字の部分を全部削除して下さい。
その部分を<$menuleft$>の下に移動すれば、カテゴリなどメニューの下に表示されるようになります。
[PR]
<< イルミネーションスキン配付 PageTop リニューアル準備でくたくたっす >>
XML | ATOM

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