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

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


両サイドに壁紙を出して中央に寄せています。

b0052317_16742100.jpg
こちらはおまけのロゴ用画像です。






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




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

<!--
このスキンの作成者は、月蝕 http://catsmoon.exblog.jp/ です。
素材も含めて著作権は月蝕に帰属します。 カスタマイズはご自由ですが、この著作権表示部分を削除改変することは認めません。必ず残して下さい。
またカスタマイズしたものを配布したい場合、必ず当ブログの利用規約を確認、ルールを守って配布して下さい。
-->
<TABLE 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=2$></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>
<DIV CLASS=MNTTL><font color=#c80000 >&spades;</font> Calender</DIV>
<$calendar type=1$>
<DIV CLASS=MNTTL><font color=#c80000 >&spades;</font> 外部リンク</DIV>
<DIV CLASS=MNBODY>ご自由にどうぞ</DIV>

<$menuright$>
<center><$banner type=2$>
<$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 : #4C5439;
MARGIN : 0PX;
PADDING : 0%;
background-image:url(http://pds.exblog.jp/pds/1/200412/27/17/kabe.jpg);
}
BODY,TD,DIV,LI,Span { FONT-SIZE : 10pt ; FONT-FAMILY : Eurostile,Hiragino Maru Gothic Pro,VERDANA,ARIAL,SANS-SERIF; LINE-HEIGHT : 150%; COLOR : #aaaaaa;Margin:auto;
}
.main{background-color:#000000;
Margin:auto;
width:70%;}

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


.top {
background-color:#000000;
background-image:url(http://pds.exblog.jp/pds/1/200412/27/17/kabe.jpg);
border:5px #770000 groove;
}

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

.left {
PADDING : 10PX 20px 20px 0px;
border-left:5px #000000 solid;
}

.right {width:180px;
padding:0px;
border-right:5px #000000 solid;
}

DIV.HEADER {text-align:center;
MARGIN : 10PX 0PX 5PX;
FONT : 16PT Eurostile,Hiragino Maru Gothic Pro,TAHOMA,GEORGIA;
}

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


DIV.URL {text-align:center;
MARGIN-LEFT : 0PX;
FONT-SIZE : 10PT;
}

DIV.URL A:LINK {COLOR: #727272; TEXT-DECORATION: NONE}
DIV.URL A:VISITED {COLOR: #727272; TEXT-DECORATION: NONE}
DIV.URL A:HOVER {COLOR: #ffffff; 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: #ffffff; TEXT-DECORATION: NONE}

DIV.MNTTL {width:160px;
margin:0px 0px 5px 20px;
COLOR : #ffffff;border-bottom:3px #880000 solid;
padding:2px 2px 2px 0px; }

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

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

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

DIV.POST_HEAD {
BORDER : none;
PADDING : 3PX 5px 3px 0px;
border-bottom:3px #880000 solid;
marign-bottom:0px;
COLOR : #c80000;
}

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

.POST_TTL {
FONT-SIZE : 10PT; COLOR : #c80000;
margin-bottom:0px;}
.POST_TTL A:hover{color:#c80000;}

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

DIV.COMMENT {
MARGIN : 10PX;
BORDER : 1PX #444444 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 #444444 DOTTED;
PADDING-TOP : 20PX;
}

DIV.COMMENT_LINE {
BORDER-TOP : 1PX #444444 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 #444444; BACKGROUND:WHITE}


DIV.CAL_TOP {}

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

DIV.CAL_HEAD {width:160px;
margin:0px 0px 5px 20px;
COLOR : #444444;
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 : #444444;
COLOR : #666666;
TEXT-ALIGN : CENTER;
}

.CAL_TR {}

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

<DIV CLASS=POST></font></font>
<DIV CLASS=POST_HEAD>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%>
<TR><TD WIDTH=80% class="POST_TTL"><font color=white>&spades;</font> <$postsubject$></TD>
<TD WIDTH=20% ALIGN=RIGHT><$postadmin type=2$></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><font color=#c80000 >&spades;</font> <$mntitle$></DIV>
<DIV CLASS=MNBODY><$mnbody$></DIV>
------------------------------------------------------------------------------------------
背景指定はCSS内に1カ所のみです。
青字の部分は外部リンクなどご自由にどうぞ。不要なら削除して下さい。
なお、記事タイトルやメニュータイトルの前のスペード(&spades;)はNetscapeだと文字化けします(^^;
Macではーになってました。
それが気になる方は削除するか、他の文字に変えて下さい。
また、トップ部分の枠線は、CSSでgrooveを指定しています。
そのため、ブラウザによって見え方が異なります。
(Safari、IEでは赤と黒の線、FirefoxやNetscapeでは赤とピンク)
それがやだなあって方は、.topのborder色指定を#000000に、grooveをsolidに変えて下さい。
黒の普通の枠線になります。
[PR]
by catsmoon | 2004-12-28 16:15 | クール
<< 完了 PageTop 和風障子スキン用おまけ >>
XML | ATOM

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