-Sun&Moon Blog-
catsmoon.exblog.jp
エキサイトブログスキン配布 (Mac OS10.5 Leopard・Safari) ★基本的にコメントにレスしません
by catsmoon
プロフィールを見る
画像一覧
Top | Out
イルミネーションスキン配付
2004年 12月 22日 |
b0052317_2350926.gif 今回のスキンはExciteのGame.excite プリンストンテールAをカスタマイズしたものです。

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


b0052317_14223096.jpg今回のロゴ用画像は、ホワイトクリスマス用のロゴ画像を黒背景用に変えたものです(^^;
手抜きですみません。これは自作ですから御自由にどうぞ。






素材としてはトップの写真だけが自作となりますので、このスキンはエキサイト以外では御使用頂けません。
この写真は御自由にお使い頂いて構いませんが、他の素材は転用禁止です。

※かさばるので縮小表示しています。



Game.excite 2列のレイアウト(右)  本文 500-ロゴ150- メニュー 150
-----------------------------------------------------------------------------------------------
★メインページ用HTML

<CENTER>
<DIV ID=BODY>


<DIV id=TOP>
<TABLE border=0 cellpadding=0 cellspacing=0 width=761 height=195>
<TR>
<TD align="right" valign="middle">
<DIV class=HEADER><$header$></DIV>
<DIV class=URL><$blogurl$></DIV>
</TD></TR></TABLE>
</DIV>



<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 ALIGN=CENTER WIDTH=761>
<TR><TD VALIGN=TOP WIDTH=574>
<DIV ID=LEFT>
<DIV ID=LEFT_SUB>
<$post$>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%>
<TR><TD ALIGN=RIGHT WIDTH=45%><$prepage type=1$></TD>
<TD WIDTH=10%></TD>
<TD ALIGN=LEFT WIDTH=45%><$nextpage type=1$></TD></TR>
</TABLE>
</DIV>
</DIV>
</TD>
<TD VALIGN=TOP WIDTH=170>
<DIV ID=RIGHT>
<DIV CLASS=USERMENU><$adminmenu type=2$></DIV>
<DIV CLASS=PROFILE>
<DIV CLASS=PROFILE_SUB>
<CENTER><$logoimage type=1$></CENTER>
<$description$>
<$nick$>
</DIV>
</DIV>
<$calendar type=1$>
<DIV CLASS=MN>
<DIV CLASS=MNTTL>外部リンク</DIV>
<DIV CLASS=MNBODY>ここに自由にどうぞ</DIV>

<$menuright$>
</DIV>
<CENTER><$banner type=2$></CENTER>
<$xml$>
</DIV>
</TD></TR></TABLE>
</DIV>
</CENTER>
-----------------------------------------------------------------------------------------------
★CSS

/* excite blog skin css */

BODY{ BACKGROUND-COLOR: #000;
MARGIN : 0; PADDING : 0; }
BODY,TD,DIV,LI{ FONT-SIZE : 9pt; FONT-FAMILY : New York,Hiragino Maru Gothic Pro,VERDANA,ARIAL,SANS-SERIF; LINE-HEIGHT : 150%; COLOR : #ffffff; }


A:LINK{ COLOR: tan; TEXT-DECORATION: NONE; }
A:VISITED{ COLOR: tan; TEXT-DECORATION: NONE; }
A:ACTIVE{ COLOR: tan; }
A:HOVER{ COLOR: #FFFFFF; TEXT-DECORATION: none; }

DIV#BODY {margin:auto;
BACKGROUND : #000;
WIDTH : 761PX;
TEXT-ALIGN : LEFT;
}

DIV#TOP {
BACKGROUND-IMAGE : URL(http://pds.exblog.jp/pds/1/200412/22/17/palacew.jpg);
BACKGROUND-REPEAT : NO-REPEAT;
WIDTH : 761PX;
HEIGHT : 212PX;
PADDING-TOP : 1PX;
PADDING-BOTTOM : 20PX;
}

DIV#LEFT {
WIDTH : 561PX;
MARGIN-BOTTOM : 50PX;
}

DIV#LEFT_SUB {
WIDTH : 500PX;
MARGIN : 15PX 0PX 0PX;
}

DIV#RIGHT {
WIDTH : 200PX;
MARGIN-BOTTOM : 50PX;
}

DIV.HEADER {
FONT : LARGE/100% New York,TAHOMA,;
FONT-SIZE : 16PT;
MARGIN : 40PX 40PX 0PX 0PX;
TEXT-ALIGN : RIGHT;
LETTER-SPACING : 1PX;
}

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

DIV.URL {
FONT-FAMILY : New York,VERDANA,TAHOMA ;
FONT-SIZE : 8PT;
MARGIN : 0PX 40PX 0PX 0PX;
TEXT-ALIGN : RIGHT;
}

DIV.URL A:LINK {COLOR: #FFFFFF; TEXT-DECORATION: NONE}
DIV.URL A:VISITED {COLOR: #FFFFFF; TEXT-DECORATION: NONE}
DIV.URL A:HOVER {COLOR: darkkhaki; TEXT-DECORATION: NONE}

DIV.USERMENU {
FONT-FAMILY : New York,VERDANA,;
FONT-SIZE : 8PT;
TEXT-ALIGN : CENTER;
PADDING-BOTTOM : 5PX;
}

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

DIV.PROFILE {
WIDTH : 180PX;
HEIGHT : 257PX;
BACKGROUND-IMAGE: URL(http://md.exblog.jp/skn/img/a/01/02/5/pri_flame2.gif); BACKGROUND-REPEAT : NO-REPEAT;
LINE-HEIGHT : 120%;
OVERFLOW : HIDDEN;
TEXT-ALIGN : CENTER;
}

DIV.PROFILE_SUB {
WIDTH : 150PX;
HEIGHT : 250PX;
PADDING : 20PX 10PX 0PX;
}

DIV.MN {
WIDTH : 160PX;
LINE-HEIGHT : 150%;
}

DIV.MNTTL {
WIDTH : 180PX;
HEIGHT : 25PX;
FONT-SIZE : 8PT;
FONT-FAMILY : New York,VERDANA;
PADDING : 5PX 7PX 1PX;
MARGIN : 20PX 0PX 10PX;
BACKGROUND-IMAGE: URL(http://md.exblog.jp/skn/img/a/01/02/5/pei_minttl.gif); BACKGROUND-REPEAT : NO-REPEAT;
COLOR : #000000;
}

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

DIV.POST {
PADDING : 0PX 0PX 20PX;
}

DIV.POST_HEAD {
BACKGROUND-IMAGE : URL(http://md.exblog.jp/skn/img/a/01/02/5/pro_bar.gif);
BACKGROUND-REPEAT : NO-REPEAT;
WIDTH : 500PX;
HEIGHT : 23PX;
PADDING-TOP : 25PX;
PADDING-BOTTOM : 20PX;
}

DIV.POST_BODY {
WIDTH : 470PX;
MARGIN: 0PX 15PX 30PX;
LINE-HEIGHT : 150%;
BORDER : 1PX #333;
OVERFLOW : HIDDEN;
}

DIV.POST_TTL {
MARGIN: 0PX 15PX 0PX;
COLOR : #999999;
FONT-size : 11pt;
}

DIV.POST_TAIL {
COLOR : #999999;
FONT-FAMILY : New York,TAHOMA,;
FONT-SIZE : 8PT;
MARGIN-TOP : 10PX;
TEXT-ALIGN : RIGHT;
}

DIV.COMMENT {
COLOR : #999999;
BORDER : 1PX #D3D3D3 SOLID;
BACKGROUND : #333333;
PADDING : 10PX 15PX;
MARGIN-BOTTOM : 30PX;
}

DIV.COMMENT_BODY {
COLOR : #CCCCCC;
MARGIN : 6PX 0PX 20PX;
LINE-HEIGHT : 140%;
}

DIV.COMMENT_TAIL {
MARGIN : 8PX 0PX 5PX;
FONT-FAMILY : New York,VERDANA, TAHOMA,;
FONT-SIZE : 8PT;
COLOR : #999999;
}

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_RIGHT {
MARGIN-LEFT : 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;
TEXT-ALIGN : LEFT;
}

.SMALL {
FONT-SIZE : 11PX;
}

.DATE {
FONT-FAMILY : New York,VERDANA, TAHOMA,;
FONT-SIZE : 8PT;
}

.TIME {
FONT-FAMILY : New York,VERDANA, TAHOMA,;
FONT-SIZE : 8PT;
TEXT-ALIGN : LEFT;
}

.AUTHOR {
FONT-SIZE : 9PT;
}

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




DIV.CAL_TOP {
}

DIV.CAL {
MARGIN : 20PX 0PX 10PX;
WIDTH : 160PX;
TEXT-ALIGN : CENTER;
}

DIV.CAL_HEAD {
WIDTH : 160PX;
FONT-SIZE : 8PT;
FONT-FAMILY : New York,VERDANA;
TEXT-ALIGN : CENTER;
PADDING-TOP : 4PX;
PADDING-BOTTOM : 4PX;
MARGIN-BOTTOM : 10PX;

}

DIV.CAL_BODY {
WIDTH : 150PX;
TEXT-ALIGN : CENTER;
BACKGROUND : #000000;
}

DIV.CAL_BOTTOM {
}

.CAL {
FONT-FAMILY : New York,VERDANA,;
FONT-SIZE : 8PT;
TEXT-ALIGN : CENTER;
LINE-HEIGHT : 170%;
}

.CAL_DAY {
FONT-FAMILY : New York,VERDANA,;
FONT-SIZE : 8PT;
TEXT-ALIGN : CENTER;
LINE-HEIGHT : 170%;
}

.CAL_SUN {
FONT-FAMILY : New York,VERDANA,;
FONT-SIZE : 8PT;
COLOR : #D36654;
TEXT-ALIGN : CENTER;
LINE-HEIGHT : 170%;
}

.CAL_SAT {
FONT-FAMILY : New York,VERDANA,;
FONT-SIZE : 8PT;
COLOR : #3572A1;
TEXT-ALIGN : CENTER;
LINE-HEIGHT : 170%;
}

.CAL_TODAY {
FONT-FAMILY : New York,VERDANA,;
FONT-SIZE : 8PT;
BACKGROUND : #aaaaaa;
COLOR : #3D5586;
TEXT-ALIGN : CENTER;
}

.CAL_TR {BACKGROUND : #000000;}

DIV.XML {
TEXT-ALIGN : LEFT;
FONT-SIZE : 8PT;
FONT-FAMILY : New York,VERDANA;
MARGIN-BOTTOM : 80PX;
}
-----------------------------------------------------------------------------------------------
今回のスキンはエキサイトのテーマの改造ですので、変更はメインページ用HTMLとCSSだけでOKです。
画像を変更しているのもCSS内一箇所だけです(赤字)
青字の部分は右側メニューと同じデザインで自由に書き込めます。
[PR]
by catsmoon | 2004-12-22 14:25 | 風景
<< ベース用スキン(右)配布 PageTop スキンPurple Moon配布 >>
XML | ATOM

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