-Sun&Moon Blog-
catsmoon.exblog.jp
エキサイトブログスキン配布 (Mac OS10.5 Leopard・Safari) ★基本的にコメントにレスしません
by catsmoon
プロフィールを見る
画像一覧
Top | Out
3列スキンSnow Wall公開
2004年 12月 08日 |
b0052317_06933.gif また洋風3列スキンです。

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


まだ未公開の和風スキンが残っているのですが、どうやら洋風の方が評判がいいようなので先にこちらを(笑)

b0052317_11261494.jpg

こちらはおまけのコーヒーカップの画像です。もし背景色を変えたい時には上記の市松模様の壁紙のページに透過PNG画像を置いていますので、そちらを加工してお使い頂くとよいでしょう。






今回のスキン素材は自作ですので、御自由にお使い頂けます。
また上端に使っているレンガ壁の壁紙は猫の散歩道内、市松模様の壁紙に変えて使っていただくこともできると思います。

w.jpg  ichimatu.gif  i.jpg 



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

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

<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%>
<TR><TD VALIGN=TOP colspan=2>
<DIV CLASS=HEADER><$header$></DIV>
<DIV CLASS=URL><$blogurl$></DIV>
<DIV CLASS=USERMENU><$adminmenu type=2$></DIV>
</TD>
<td class="right" rowspan="2" valign="top">
<$menuright$>
</td>
</TR>
<TR>
<TD class="left" VALIGN=TOP>
<DIV CLASS=PROFILE>
<CENTER><$logoimage type=1$></CENTER>
<$description$>
<$nick$>
</DIV>
<$calendar type=4$>
<DIV CLASS=MNTTLL>LINKS</DIV>
<DIV CLASS=MNL>ここに外部リンクなどどうぞ</DIV>

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

/* excite blog default skin html */

BODY{ BACKGROUND : #C7BFB2;
background-image: url("http://pds.exblog.jp/pds/1/200412/07/17/w.jpg");
background-repeat : repeat-x;
background-attachment : fixed;
MARGIN : 0PX;
PADDING : 0PX; }
BODY,TD,DIV,LI{ FONT-SIZE : 9pt; FONT-FAMILY : New York,Hiragino Maru Gothic Pro,VERDANA,ARIAL,SANS-SERIF; LINE-HEIGHT : 150%; COLOR : #000000; }

A:LINK{ COLOR: #403C36; TEXT-DECORATION: NONE; }
A:VISITED{ COLOR: #403C36; TEXT-DECORATION: NONE; }
A:ACTIVE{ COLOR: #403C36; TEXT-DECORATION: NONE; }
A:HOVER{ COLOR: #c80000; TEXT-DECORATION: NONE; }

DIV.HEADER{ FONT : 16pt American Typewriter,New York,Courier New,TAHOMA; TEXT-ALIGN:LEFT;
padding : 20px 10px 0px 20px;}

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

DIV.URL{ FONT : 8pt New York,VERDANA,TAHOMA; MARGIN : 10PX 0PX 20PX; TEXT-ALIGN:LEFT;
padding : 0px 10px 0px 20px;}
DIV.URL A:LINK{ COLOR: #ffffff; TEXT-DECORATION: NONE; }
DIV.URL A:VISITED{ COLOR: #ffffff; TEXT-DECORATION: NONE; }
DIV.URL A:ACTIVE{ COLOR: #ffffff; TEXT-DECORATION: NONE; }
DIV.URL A:HOVER{ COLOR: #c80000; TEXT-DECORATION: NONE; }

DIV.USERMENU{ FONT : 9pt New York,VERDANA; TEXT-ALIGN : RIGHT; MARGIN-BOTTOM : 7PX;
padding : 0px 10px 40px 10px;}

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

.right{BACKGROUND : #4E4942;
background-image: url("http://pds.exblog.jp/pds/1/200412/07/17/ichimatu.gif");
background-repeat : repeat;
MARGIN : 0PX; text-align : center;
PADDING : 10PX; border-left : 3px #24221E ridge;
}
.right A:LINK{ COLOR: #ffffff; TEXT-DECORATION: NONE; }
.right A:VISITED{ COLOR: #ffffff; TEXT-DECORATION: NONE; }
.right A:ACTIVE{ COLOR: #ffffff; TEXT-DECORATION: NONE; }
.right A:HOVER{ COLOR: #c80000; TEXT-DECORATION: NONE; }

.left{MARGIN : 0PX; text-align : center;
PADDING : 10PX 20px 20px 10px; border : none;
}

.mid{MARGIN : 0PX;
PADDING : 0PX 20px 20px 20px; border : none;
}
.page{text-align:center; padding : 10px 20px;}

DIV.PROFILE{ WIDTH : 150PX; PADDING : 0PX 0PX 10PX; LINE-HEIGHT : 130%; OVERFLOW : HIDDEN; TEXT-ALIGN:LEFT;}
DIV.MNL{ TEXT-ALIGN : LEFT; MARGIN-BOTTOM : 20PX;
PADDING : 2PX 5PX 10PX 5px;WIDTH : 150PX; }
DIV.MNTTLL{ WIDTH : 150PX; PADDING : 2PX 5PX 0PX 5px; MARGIN : 0PX; TEXT-ALIGN : LEFT; background-color : #403C36; color : white;}
DIV.MEMOBODY{ WIDTH : 150PX; OVERFLOW : HIDDEN; }
DIV.MNR{ TEXT-ALIGN : LEFT; MARGIN-BOTTOM : 20PX;WIDTH : 150PX;
PADDING : 2PX 5PX 10PX 5px;}
DIV.MNTTLR{ WIDTH : 150PX; border-bottom : 1px #aaaaaa solid;
PADDING : 2PX 5PX 0PX 5px; MARGIN : 0PX; TEXT-ALIGN : LEFT; color : tan;}
DIV.MEMOBODY{ WIDTH : 150PX; OVERFLOW : HIDDEN; }

DIV.POST{ MARGIN-BOTTOM : 50PX; TEXT-ALIGN:LEFT;
border : 3px #403C36 ridge;BACKGROUND : #C7BFB2;
padding : 0px ;}
DIV.POST_HEAD{ BORDER-BOTTOM : 1PX #403C36 ridge; MARGIN-BOTTOM : 5PX; padding : 3px 10px ; background-color : #403C36; }
DIV.POST_TTL{ font-size : 10pt; color : tan;}
DIV.POST_TTL A:HOVER{ COLOR: tan; TEXT-DECORATION: NONE; }
DIV.POST_ADMIN{ TEXT-ALIGN : RIGHT; font-size:9pt;}
.POST_ADMIN A:LINK{ COLOR: #ffffff; TEXT-DECORATION: NONE; }
.POST_ADMIN A:VISITED{ COLOR: #ffffff; TEXT-DECORATION: NONE; }
.POST_ADMIN A:ACTIVE{ COLOR: #ffffff; TEXT-DECORATION: NONE; }
.POST_ADMIN A:HOVER{ COLOR: #c80000; TEXT-DECORATION: NONE; }
DIV.POST_BODY{ LINE-HEIGHT : 150%; OVERFLOW : HIDDEN; padding : 10px ;}
DIV.POST_TAIL{ FONT : 11PX/150% New York,TAHOMA; MARGIN-TOP : 10PX; TEXT-ALIGN : RIGHT; }
.pdate{font-size:8pt;text-align:right;padding:3px;margin-bottom:5px;color:white;}

DIV.COMMENT{ BORDER : 1PX #D3D3D3 SOLID;
PADDING : 15PX;MARGIN : 20PX 10PX; background-color : #aaaaaa; }
DIV.COMMENT_BODY{ MARGIN-BOTTOM : 20PX; LINE-HEIGHT : 130%; }
DIV.COMMENT_TAIL{ MARGIN : 8PX 0PX 5PX; FONT : 8PT/150% New York,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 : 8PT/150% New York,TAHOMA; }
.TIME{ FONT : 8PT/150% New York,TAHOMA; TEXT-ALIGN : LEFT; }
.AUTHOR{ FONT : 8PT New York,TAHOMA; }
.TXTFLD{ FONT-SIZE:9PT;COLOR:#000; BORDER:1PX SOLID #666678; BACKGROUND:#FFF; }
.SUBMIT{ FONT :9PT/140% ;COLOR:#000; }





DIV.CAL_TOP { WIDTH : 150PX; color : white;
PADDING : 2PX 5PX 0PX 5px;
MARGIN : 0PX; TEXT-ALIGN : LEFT;
background-color : #403C36;}
DIV.CAL { margin :auto; WIDTH : 150PX; TEXT-ALIGN : CENTER;PADDING : 2PX 5PX 10PX 5px;}
DIV.CAL_HEAD { WIDTH : 150PX; FONT : 8PT/150% New York,VERDANA; TEXT-ALIGN : CENTER; PADDING : 2PX 0PX; MARGIN-BOTTOM : 5PX;}
DIV.CAL_BODY { WIDTH : 150PX; TEXT-ALIGN : CENTER;}
DIV.CAL_BOTTOM { }

.CAL{ FONT : 8pt New York,VERDANA; TEXT-ALIGN : CENTER; }
.CAL_DAY{ FONT : 8pt New York,VERDANA; TEXT-ALIGN : CENTER; }
.CAL_SUN{ FONT : 8pt New York,VERDANA; COLOR : #D36654; TEXT-ALIGN : CENTER;}
.CAL_SAT{ FONT : 8pt New York,VERDANA; COLOR : #3572A1; TEXT-ALIGN : CENTER;}
.CAL_TODAY{ FONT : 8pt New York,VERDANA; BACKGROUND : #E3E3E3; COLOR : #3D5586; TEXT-ALIGN : CENTER; }
.CAL_TR { }

DIV.XML { FONT : 8PT/150% New York,VERDANA; TEXT-ALIGN : CENTER; }
DIV.POST_TTL img{vertical-align:middle;}

-----------------------------------------------------------------------------------------------
★本文用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/07/17/i.jpg" border="0"> <$postsubject$></div></TD>
<TD WIDTH=20% ALIGN=RIGHT><div class="POST_ADMIN"><$postadmin type=2$></div></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=MNTTLL><$mntitle$></DIV>
<DIV CLASS=MNL><$mnbody$></DIV>
-----------------------------------------------------------------------------------------------
★右メニュー用HTML

<DIV CLASS=MNTTLR><$mntitle$></DIV>
<DIV CLASS=MNR><$mnbody$></DIV>
-----------------------------------------------------------------------------------------------
CSS内二箇所と本文用HTMLに一ケ所(赤字)画像の指定があります。
エキサイトブログで御使用になる場合のみ、このままの指定で私の上げている素材に直リンクされても構いません。
ただし、私が素材を削除すると表示されなくなる場合がありますのでご了承下さい。
(素材屋 猫の散歩道にある素材への直リンクは厳禁です。お間違えのないように。転送量、今ギリギリなんです。)
またメインページ用HTMLに、左メニューと同じデザインで自由に書き込めるエリアを作っています(青字)。
ここが不要なら青字の部分を削除して下さい。
[PR]
by catsmoon | 2004-12-08 11:44 | レトロ
<< 背景指定のCSS PageTop イメチャ_| ̄|○ >>
XML | ATOM

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