-Sun&Moon Blog-
catsmoon.exblog.jp
エキサイトブログスキン配布 (Mac OS10.5 Leopard・Safari) ★基本的にコメントにレスしません
by catsmoon
プロフィールを見る
画像一覧
Top | Out
ニット風スキン配付
2004年 12月 10日 |
これは、昨日公開したBlueとほぼ同じデザインになります。

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


ユーザーメニュー(投稿など)の位置をトップ中央から、右メニュー上端に移動しただけです。
ただしソースは壁紙、色以外にも少し変えてありますので素材を変えるだけで転用はできません。

b0052317_1423588.gif
おまけのロゴ画像です。






素材は自作ですので御自由にどうぞ。
 
こちらは色違いになります。
      
b0052317_18542619.gif敷き詰めた時の見本です。  


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

<!--
このスキンの作成者は、月蝕 http://catsmoon.exblog.jp/ です。
素材も含めて著作権は月蝕に帰属します。 カスタマイズはご自由ですが、この著作権表示部分を削除改変することは認めません。必ず残して下さい。
またカスタマイズしたものを配布したい場合、必ず当ブログの利用規約を確認、ルールを守って配布して下さい。
-->
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100% class=gray>
<TR>
<TD width=180 valign=middle>
<$logoimage type=1$>
</TD>
<TD>
<DIV CLASS=HEADER><$header$></DIV>
<DIV CLASS=PROFILE>
<$description$>
<$nick$>
</DIV>
</TD>
<TD width=200 valign=middle>
<$calendar type=1$>
</TD>
</TR></table>
<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 WIDTH=200 class=menu valign=top>
<DIV CLASS=USERMENU><$adminmenu type=2$></DIV>
<DIV CLASS=MNTTL>Link</DIV>
<DIV CLASS=MN>ここに外部リンクなど</DIV>

<$menuright$>
<$banner type=1$>
<$xml$>
<div class=XML>The Original by <a href="http://catsmoon.exblog.jp/" target="_blank">Sun&Moon</a></div>
</TD></TR>
</TABLE>

-------------------------------------------------------------------------------------------
★CSS

/* excite blog skin css */

BODY { BACKGROUND : #d5d5d5;
background-image : url("http://pds.exblog.jp/pds/1/200412/10/17/nit-c.gif");
MARGIN : 0PX;PADDING : 0PX; }
BODY,TD,DIV,LI { FONT-SIZE : 9pt; FONT-FAMILY : Comic Sans MS,Hiragino Maru Gothic Pro,VERDANA,ARIAL,SANS-SERIF;
LINE-HEIGHT : 150%; COLOR : #222222; }

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

.gray{background : #CACACA; padding : 10px; border-bottom:5px #ffffff solid;
background-image : url("http://pds.exblog.jp/pds/1/200412/10/17/nit-w.gif");
border-top:7px #D1CA8E solid;
text-align : center ; vertical-align : middle ; color : #444444; height : 180px;}

DIV.HEADER { FONT : 18pt Comic Sans MS,Courier New,TAHOMA; TEXT-ALIGN:LEFT; margin : 20px 10px;}

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

DIV.URL { FONT : X-SMALL/100% Comic Sans MS,VERDANA,TAHOMA; MARGIN : 0PX; TEXT-ALIGN:LEFT;}
DIV.USERMENU { font : 10pt Comic Sans MS,VERDANA; TEXT-ALIGN : RIGHT; vertical-align : bottom ; MARGIN : 10PX ;}
DIV.USERMENU A:LINK { COLOR: #882222; TEXT-DECORATION: NONE; }
DIV.USERMENU A:VISITED { COLOR: #882222; TEXT-DECORATION: NONE; }
DIV.USERMENU A:HOVER { COLOR: #ffffff; TEXT-DECORATION: NONE; }

DIV.PROFILE { PADDING : 10PX 10px 40px; LINE-HEIGHT : 130%; OVERFLOW : HIDDEN; TEXT-ALIGN:LEFT; color :#444444;}
DIV.MN { TEXT-ALIGN:LEFT; margin:10px 10px 20px 30px; color :#222222; }

DIV.MNTTL { background-color : #d5d5d5;
PADDING : 2px 0px 2px 3px ; margin:10px 10px 20px 30px; color :#444444;}
DIV.MEMOBODY { WIDTH : 150PX; OVERFLOW : HIDDEN; }

DIV.POST { MARGIN :20px 20px 50PX; TEXT-ALIGN:LEFT;
padding: 10px;}
DIV.POST_HEAD {
MARGIN-BOTTOM : 5PX;
PADDING : 2px 0px 2px 3px;
}
span.title{font-size:11pt; color :#882222;}
span.title A:hover{color:#882222; decolation :none;}
.pdat{font-size:8pt; color :#444444; text-align:right;margin-bottom:15px;
padding-bottom:5px;
BORDER-BOTTOM : 1PX #ffffff solid;}

DIV.POST_BODY { LINE-HEIGHT : 150%; MARGIN-BOTTOM : 30PX; OVERFLOW : HIDDEN;}


DIV.POST_TAIL { FONT : 9pt Comic Sans MS,TAHOMA; MARGIN-TOP : 10PX; TEXT-ALIGN : RIGHT; }

DIV.COMMENT { BORDER : 1PX #666666 SOLID;background-color : #d5d5d5;
PADDING : 15PX; MARGIN : 20PX 0PX; color:#222222;}
DIV.COMMENT_BODY { MARGIN-BOTTOM : 20PX; LINE-HEIGHT : 130%;}
DIV.COMMENT_TAIL { MARGIN : 8PX 0PX 5PX; FONT : 8PT/150% Comic Sans MS,TAHOMA; COLOR : #444444;}
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; }

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

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:10px 10px 20px 30px; }

.SMALL { FONT : 9pt Comic Sans MS; }
.DATE { FONT : 8PT/150% Comic Sans MS,TAHOMA; }
.TIME { FONT : 8PT/150% Comic Sans MS,TAHOMA; TEXT-ALIGN : LEFT; }
.AUTHOR { FONT : 8PT Comic Sans MS,TAHOMA; }
.TXTFLD { FONT-SIZE:9PT;COLOR:#000; BORDER:1PX SOLID #666666; BACKGROUND:#FFF; }
.SUBMIT { FONT :9PT/140% ;COLOR:#000; }


DIV.CAL_TOP { }
DIV.CAL { MARGIN : auto; WIDTH : 160PX; TEXT-ALIGN : CENTER; padding : 4px;
background : #D1CA8E ; border : 2px #ffffff solid;}
DIV.CAL_HEAD { WIDTH : 160PX; FONT : 8PT/150% Comic Sans MS,VERDANA; TEXT-ALIGN : CENTER; PADDING : 4PX 0PX; MARGIN-BOTTOM : 10PX;
background : #d5d5d5 ;}
DIV.CAL_BODY { WIDTH : 160PX; TEXT-ALIGN : CENTER;}
DIV.CAL_BOTTOM { }

.CAL { FONT : 8PT/170% Comic Sans MS,VERDANA; TEXT-ALIGN : CENTER;padding:2px; }
.CAL A:LINK { COLOR: #882222; TEXT-DECORATION: NONE; }
.CAL A:VISITED { COLOR: #882222; TEXT-DECORATION: NONE; }
.CAL A:ACTIVE { COLOR: #882222; TEXT-DECORATION: NONE; }
.CAL A:HOVER { COLOR: #ffffff; TEXT-DECORATION: NONE; }

.CAL_DAY { FONT : 8PT/170% Comic Sans MS,VERDANA; TEXT-ALIGN : CENTER; }
.CAL_SUN { FONT : 8PT/170% Comic Sans MS,VERDANA; COLOR : #D36654; TEXT-ALIGN : CENTER; }
.CAL_SAT { FONT : 8PT/170% Comic Sans MS,VERDANA; COLOR : #3572A1; TEXT-ALIGN : CENTER; }
.CAL_TODAY { FONT : 8PT/170% Comic Sans MS,VERDANA; BACKGROUND : #dddddd; COLOR : #3D5586; TEXT-ALIGN : CENTER; }
.CAL_TR { }

DIV.XML { FONT : 8PT/150% Comic Sans MS,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%><span class=title>♣ <$postsubject$></span></TD>
<TD WIDTH=20% ALIGN=RIGHT><$postadmin type=2$></TD></TR>
</TABLE>
</DIV>
<DIV CLASS=POST_BODY>
<div class=pdat><$postdate$></div>
<$postcont$>
</DIV>
<DIV CLASS=POST_TAIL ALIGN=RIGHT><$posttail$></DIV>
<$cmtjs$>
</DIV>

-------------------------------------------------------------------------------------------
★メニュー用HTML

<DIV CLASS=MNTTL><$mntitle$></DIV>
<DIV CLASS=MN><$mnbody$></DIV>
-------------------------------------------------------------------------------------------
指定はCSS内背景画象2箇所(赤字)です。
青字の部分は、右側メニューと同じデザインで、外部リンクなど自由に書き込めるスペースです。
ユーザーメニューの下、メニューの上部に表示されます。
もし不要なら青字の部分を全部削除して下さい。
その部分を<$menuright$>の下に移動すれば、カテゴリなどメニューの下に表示されるようになります。
背景画象は、私の上げている素材のアドレスが現在入っており、エキサイトブログで使う場合は、そのまま直リンクでお使い頂いても構いませんが、私が画像を削除すると表示されなくなるので御注意下さい。
[PR]
by catsmoon | 2004-12-10 14:31 | 可愛い
<< マウス買い替え PageTop 掲示板をブログ用と兼用にしました >>
XML | ATOM

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