-Sun&Moon Blog-
catsmoon.exblog.jp
エキサイトブログスキン配布 (Mac OS10.5 Leopard・Safari) ★基本的にコメントにレスしません
by catsmoon
プロフィールを見る
画像一覧
Top | Out
和風白緑スキン2配布
2004年 12月 26日 |
b0052317_2340129.gifこれは以前に配布した白緑スキンの修正版です。

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


見た目はあまり変わりませんが、以前のソースでは無駄が多く、崩れる可能性もありました。
また、今回は幅の指定を%に変えていますので、モニタやウィンドウのサイズにあわせてバランスが保たれます。

b0052317_1650779.gif
これはおまけのロゴ用画像です。






素材は自作ですのでご自由にどうぞ。
  



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

<!--
このスキンの作成者は、月蝕 http://catsmoon.exblog.jp/ です。
素材も含めて著作権は月蝕に帰属します。 カスタマイズはご自由ですが、この著作権表示部分を削除改変することは認めません。必ず残して下さい。
またカスタマイズしたものを配布したい場合、必ず当ブログの利用規約を確認、ルールを守って配布して下さい。
-->
<TABLE WIDTH=80% BORDER=0 CELLPADDING=0 CELLSPACING=0 ALIGN=CENTER class=main>
<TR>
<TD COLSPAN=2 VALIGN=TOP class=top>
<DIV CLASS=HEADER><$header$></DIV>
<DIV CLASS=URL><$blogurl$></DIV>
<DIV CLASS=USERMENU><$adminmenu type=1$></DIV>
</TD>
</TR>
<TR>
<TD VALIGN=TOP class=left>
<$post$>
<div class="page">
<span class="page"><$prepage type=1$></span>
<span class="page"><$nextpage type=1$></span>
</div>
</TD>
<TD class=right VALIGN=TOP>
<DIV CLASS=MNBODY>
<CENTER><$logoimage type=1$></CENTER>
<$description$>
<$nick$>
</DIV>
<$calendar type=1$>
<DIV CLASS=MNTTL>外部リンク</DIV>
<DIV CLASS=MNBODY>ご自由にどうぞ</DIV>

<$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

/* A01002 CSS */

BODY{ BACKGROUND : #4C5439;
MARGIN : 0PX;
PADDING : 0%;
background-image:url(http://pds.exblog.jp/pds/1/200411/27/17/kousi.gif);
}
BODY,TD,DIV,LI,Span{ FONT-SIZE : 10pt ; FONT-FAMILY : Skia,Hiragino Maru Gothic Pro,VERDANA,ARIAL,SANS-SERIF; LINE-HEIGHT : 150%; COLOR : #444444;Margin:auto;
}
.main{background-color:#ffffff;
BORDER-LEFT : 5PX SOLID #C2CBAE;
BORDER-RIGHT : 5PX SOLID #C2CBAE;
Margin:auto;
width:80%;}

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 }


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

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

.left {
PADDING : 10PX 20px 20px 0px;
}

.right {width:200px;
padding:0px;
}

DIV.HEADER {
MARGIN : 20PX 20PX 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 : 20PX;
FONT-SIZE : 10PT;
}

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-size : 10PT;
}

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.MNTTL {width:180px;
margin:0px 0px 5px 20px;
COLOR : #444444;
background-image:url(http://pds.exblog.jp/pds/1/200411/27/17/whitegreen.jpg);
padding:2px 2px 2px 10px;}

.MNBODY{width:180px;
margin:0px 0px 15px 20px;
padding-right:5px;
text-align:left;
}

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

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

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

.ptime{padding:2px 10px; text-align:right;}
.pbody {padding:10px;
LINE-HEIGHT : 150%;
OVERFLOW : HIDDEN;
}

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

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

DIV.COMMENT {
MARGIN : 10PX;
BORDER : 1PX #D3D3D3 SOLID;
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-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-SIZE : 9PT;
}

.TIME {
FONT-SIZE : 9PT;
TEXT-ALIGN : LEFT;
}

.SMALL {
FONT-SIZE : 8PT;
}

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


DIV.CAL_TOP {
}

DIV.CAL {padding:0px;
TEXT-ALIGN : CENTER;
}

DIV.CAL_HEAD {width:180px;
margin:0px 0px 5px 20px;
COLOR : #444444;
background-image:url(http://pds.exblog.jp/pds/1/200411/27/17/whitegreen.jpg);
padding:2px 2px 2px 10px;}

DIV.CAL_BODY {
margin:10px 5px 20px 25px;
FONT-SIZE : 8PT;
TEXT-ALIGN : CENTER;
}

DIV.CAL_BOTTOM {
}

.CAL {
FONT-SIZE : 8PT;
TEXT-ALIGN : CENTER;
LINE-HEIGHT : 150%;
}
.CAL_DAY {
FONT-SIZE : 8PT;
TEXT-ALIGN : CENTER;
LINE-HEIGHT : 150%;
}

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

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

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

.CAL_TR {}

DIV.XML {
TEXT-ALIGN : CENTER;
FONT-SIZE : 8PT;
}
------------------------------------------------------------------------------------------
★本文用HTML

<DIV CLASS=POST>
<DIV CLASS=POST_HEAD>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%>
<TR><TD WIDTH=80% class="POST_TTL"><$postsubject$></TD>
<TD WIDTH=20% ALIGN=RIGHT><$postadmin type=1$></TD></TR>
</TABLE>
</DIV>
<div class=ptime><$postdate$></div>
<DIV class=pbody>
<$postcont$>
</DIV>
<div class=POST_TAIL><$posttail$></div>
<$cmtjs$>
</DIV>
------------------------------------------------------------------------------------------
★メニュー用HTML

<DIV CLASS=MNTTL><$mntitle$></DIV>
<DIV CLASS=MNBODY><$mnbody$></DIV>
------------------------------------------------------------------------------------------
背景画像の指定はCSS内に5箇所です(赤字)
青字の部分が自由に書き込めるエリアです。不要なら削除して下さい。
[PR]
by catsmoon | 2004-12-26 16:59 | 和風
<< 和風障子スキン配布 PageTop 3列変形横メニュースキン配布 >>
XML | ATOM

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