Orange×Blueスキン配付
2004年 12月 24日
|
▼
オレンジとブルーを基調にして画像を使わない3列スキンです。
おまけのロゴ用画像です。御自由にどうぞ。
3列のレイアウト (オリジナル) 本文 500-ロゴ150- メニュー 150
-----------------------------------------------------------------------------------------------
★メインページ用HTML
<!--
このスキンの作成者は、月蝕 http://catsmoon.exblog.jp/ です。
素材も含めて著作権は月蝕に帰属します。 カスタマイズはご自由ですが、この著作権表示部分を削除改変することは認めません。必ず残して下さい。
またカスタマイズしたものを配布したい場合、必ず当ブログの利用規約を確認、ルールを守って配布して下さい。
-->
<DIV CLASS=HEADER><$header$></DIV>
<DIV CLASS=URL><$blogurl$></DIV>
<DIV CLASS=USERMENU><$adminmenu type=2$></DIV>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%>
<TR><TD VALIGN=TOP CLASS=menu>
<DIV CLASS=MNTTL>■ Profile</DIV>
<div class=mnbody>
<CENTER><$logoimage type=1$></CENTER>
<$description$>
<$nick$>
</div>
<DIV CLASS=MNTTL>■ Calender</DIV>
<$calendar type=1$>
<DIV CLASS=MNTTL>■ 外部リンク</DIV>
<div class=mnbody>自由にどうぞ</div>
<$menuleft$>
<$banner type=1$>
<$xml$>
<div class=XML>The Original by <a href="http://catsmoon.exblog.jp/" target="_blank">Sun&Moon</a></div>
</TD>
<TD VALIGN=TOP>
<$post$>
<div class="page">
<span class="page"><$prepage type=1$></span>
<span class="page"><$nextpage type=1$></span>
</div>
</TD>
<TD VALIGN=TOP CLASS=menu>
<$menuright$>
</TD></TR>
</TABLE>
-----------------------------------------------------------------------------------------------
★CSS
BODY { BACKGROUND : #ffffff ;
MARGIN : 0PX ; PADDING : 0PX ; }
BODY,TD,DIV,LI { FONT-SIZE : 10pt ;
FONT-FAMILY : Geneva,Hiragino Maru Gothic Pro,VERDANA,ARIAL,SANS-SERIF ;
LINE-HEIGHT : 150%;
COLOR : #1D354B ;
}
A:LINK { COLOR: #ff4500 ; TEXT-DECORATION: NONE; }
A:VISITED { COLOR: #ff4500 ; TEXT-DECORATION: NONE; }
A:ACTIVE { COLOR: #ff4500 ; TEXT-DECORATION: NONE; }
A:HOVER { COLOR: #4682b4 ; TEXT-DECORATION: none; }
.menu{margin:0px; padding:0px;
width:160px; background:#eeeeee;
}
DIV.MNTTL {
background:#4682b4;
PADDING : 3PX; MARGIN : 0px;
color:#ffffff ;
}
.mnbody{text-align:left; margin-bottom:25px;
padding : 5px;}
DIV.POST { padding:0px; margin:30px 50px;
border:2px #ff4500 solid;
TEXT-ALIGN:LEFT;}
.POST_HEAD { background:#eeeeee;
MARGIN-BOTTOM : 5PX;
PADDING : 3PX;
}
.POST_TTL { font-size:11pt;
color:#4682b4 ;
}
.ptime{text-align:right; font-size:9pt; padding:3px;}
DIV.HEADER { font-size : 15pt ; TEXT-ALIGN:LEFT;
margin:0px; padding:10px;background:#eeeeee;
border-bottom:2px #ff4500 solid;}
DIV.HEADER A:LINK {COLOR: #000000; TEXT-DECORATION: NONE}
DIV.HEADER A:VISITED {COLOR: #000000; TEXT-DECORATION: NONE}
DIV.HEADER A:HOVER {COLOR: #ff4500; TEXT-DECORATION: none;}
DIV.URL { font-size : 9pt ; MARGIN : 0PX; padding:5px;TEXT-ALIGN:right;
border-bottom:2px #4682b4 ridge; background:#ffffff;}
DIV.USERMENU { font-size : 9PT ; TEXT-ALIGN : left; MARGIN:0px; padding:5px;
border-bottom:2px #ff4500 solid;background:#eeeeee;}
DIV.MN { TEXT-ALIGN:LEFT; }
DIV.MEMOBODY { OVERFLOW : HIDDEN; }
DIV.POST_ADMIN { TEXT-ALIGN : RIGHT;}
.POST_BODY { LINE-HEIGHT : 150%; MARGIN-BOTTOM : 30PX; OVERFLOW : HIDDEN; padding:10px;}
.POST_BODY A:LINK {COLOR: #4682b4 ; TEXT-DECORATION: NONE}
.POST_BODY A:VISITED {COLOR: #4682b4 ; TEXT-DECORATION: NONE}
.POST_BODY A:HOVER {COLOR: #ff4500 ; TEXT-DECORATION: none;}
.POST_TAIL { font-size : 11PX ; MARGIN-TOP : 10PX; TEXT-ALIGN : RIGHT; }
DIV.COMMENT { BORDER : 1PX #eeeeee SOLID;
PADDING : 15PX; MARGIN : 20PX 0PX; }
DIV.COMMENT_BODY { MARGIN-BOTTOM : 20PX; LINE-HEIGHT : 130%;}
DIV.COMMENT_TAIL { MARGIN : 8PX 0PX 5PX; font-size : 9pt ;}
DIV.COMMENT_INPUT { MARGIN-TOP : 20PX; BORDER-TOP : 1PX #eeeeee DOTTED; PADDING-TOP : 20PX; }
DIV.COMMENT_LINE { BORDER-TOP : 1PX #eeeeee 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 : 30PX 0PX 10PX; }
.SMALL { FONT-SIZE : 11PX; }
.DATE { FONT-SIZE : 9pt ; }
.TIME { FONT-SIZE : 9pt ; TEXT-ALIGN : LEFT; }
.AUTHOR { FONT-SIZE : 9pt ; }
.TXTFLD { FONT-SIZE:9PT;COLOR:#000; BORDER:1PX SOLID #666666; BACKGROUND:#FFF; }
.SUBMIT { FONT-SIZE :9PT ;COLOR:#000; }
DIV.CAL_TOP { }
DIV.CAL { MARGIN : 20PX 0PX 20PX; TEXT-ALIGN : CENTER;}
DIV.CAL_HEAD { FONT-SIZE : 8PT ; TEXT-ALIGN : CENTER; PADDING : 4PX 0PX; MARGIN-BOTTOM : 10PX;}
DIV.CAL_BODY { TEXT-ALIGN : CENTER;}
DIV.CAL_BOTTOM { }
.CAL { FONT-SIZE : 8PT ; TEXT-ALIGN : CENTER; }
.CAL_DAY { FONT-SIZE : 8PT ; TEXT-ALIGN : CENTER; }
.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 : #ffffff;
COLOR : #4682b4;
TEXT-ALIGN : CENTER; }
.CAL_TR { }
DIV.XML { FONT-SIZE : 8PT ; TEXT-ALIGN : CENTER; }
-----------------------------------------------------------------------------------------------
★本文用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>■ <$postsubject$></DIV></TD>
<TD WIDTH=20% ALIGN=RIGHT><$postadmin type=2$></TD></TR>
</TABLE>
</DIV>
<div class=ptime><$postdate$></div>
<DIV CLASS=POST_BODY>
<$postcont$>
</DIV>
<DIV CLASS=POST_TAIL ALIGN=RIGHT><$posttail$></DIV>
<$cmtjs$>
</DIV>
-----------------------------------------------------------------------------------------------
★メニュー用HTML(左右共通)
<DIV CLASS=MNTTL>■ <$mntitle$></DIV>
<div class=mnbody><$mnbody$></div>
-----------------------------------------------------------------------------------------------
素材の指定はありません。
このスキンはオレンジとブルー、それに薄い灰色(赤字)の3色を基調にしていますので、それぞれ好きな色に変えれば随分雰囲気も変わると思います。
変える時は一度メモ帳などにコピーして、検索置換機能を使って一気に変えてしまうと簡単です。
なお、青字の部分は外部リンクなど好きにどうぞ。
プレビューページ>>
※プレビューページにはトップ、ログインなどのユーザーメニューと、記事の編集などのメニューは出ません。
メニューも、上下や左右の振り分けを認識しないため綺麗な配置になっていません。
リンクは無効になっているため、コメントを開くこともできません。雰囲気を見るだけのものとご了承下さい。
おまけのロゴ用画像です。御自由にどうぞ。
3列のレイアウト (オリジナル) 本文 500-ロゴ150- メニュー 150
-----------------------------------------------------------------------------------------------
★メインページ用HTML
<!--
このスキンの作成者は、月蝕 http://catsmoon.exblog.jp/ です。
素材も含めて著作権は月蝕に帰属します。 カスタマイズはご自由ですが、この著作権表示部分を削除改変することは認めません。必ず残して下さい。
またカスタマイズしたものを配布したい場合、必ず当ブログの利用規約を確認、ルールを守って配布して下さい。
-->
<DIV CLASS=HEADER><$header$></DIV>
<DIV CLASS=URL><$blogurl$></DIV>
<DIV CLASS=USERMENU><$adminmenu type=2$></DIV>
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH=100%>
<TR><TD VALIGN=TOP CLASS=menu>
<DIV CLASS=MNTTL>■ Profile</DIV>
<div class=mnbody>
<CENTER><$logoimage type=1$></CENTER>
<$description$>
<$nick$>
</div>
<DIV CLASS=MNTTL>■ Calender</DIV>
<$calendar type=1$>
<DIV CLASS=MNTTL>■ 外部リンク</DIV>
<div class=mnbody>自由にどうぞ</div>
<$menuleft$>
<$banner type=1$>
<$xml$>
<div class=XML>The Original by <a href="http://catsmoon.exblog.jp/" target="_blank">Sun&Moon</a></div>
</TD>
<TD VALIGN=TOP>
<$post$>
<div class="page">
<span class="page"><$prepage type=1$></span>
<span class="page"><$nextpage type=1$></span>
</div>
</TD>
<TD VALIGN=TOP CLASS=menu>
<$menuright$>
</TD></TR>
</TABLE>
-----------------------------------------------------------------------------------------------
★CSS
BODY { BACKGROUND : #ffffff ;
MARGIN : 0PX ; PADDING : 0PX ; }
BODY,TD,DIV,LI { FONT-SIZE : 10pt ;
FONT-FAMILY : Geneva,Hiragino Maru Gothic Pro,VERDANA,ARIAL,SANS-SERIF ;
LINE-HEIGHT : 150%;
COLOR : #1D354B ;
}
A:LINK { COLOR: #ff4500 ; TEXT-DECORATION: NONE; }
A:VISITED { COLOR: #ff4500 ; TEXT-DECORATION: NONE; }
A:ACTIVE { COLOR: #ff4500 ; TEXT-DECORATION: NONE; }
A:HOVER { COLOR: #4682b4 ; TEXT-DECORATION: none; }
.menu{margin:0px; padding:0px;
width:160px; background:#eeeeee;
}
DIV.MNTTL {
background:#4682b4;
PADDING : 3PX; MARGIN : 0px;
color:#ffffff ;
}
.mnbody{text-align:left; margin-bottom:25px;
padding : 5px;}
DIV.POST { padding:0px; margin:30px 50px;
border:2px #ff4500 solid;
TEXT-ALIGN:LEFT;}
.POST_HEAD { background:#eeeeee;
MARGIN-BOTTOM : 5PX;
PADDING : 3PX;
}
.POST_TTL { font-size:11pt;
color:#4682b4 ;
}
.ptime{text-align:right; font-size:9pt; padding:3px;}
DIV.HEADER { font-size : 15pt ; TEXT-ALIGN:LEFT;
margin:0px; padding:10px;background:#eeeeee;
border-bottom:2px #ff4500 solid;}
DIV.HEADER A:LINK {COLOR: #000000; TEXT-DECORATION: NONE}
DIV.HEADER A:VISITED {COLOR: #000000; TEXT-DECORATION: NONE}
DIV.HEADER A:HOVER {COLOR: #ff4500; TEXT-DECORATION: none;}
DIV.URL { font-size : 9pt ; MARGIN : 0PX; padding:5px;TEXT-ALIGN:right;
border-bottom:2px #4682b4 ridge; background:#ffffff;}
DIV.USERMENU { font-size : 9PT ; TEXT-ALIGN : left; MARGIN:0px; padding:5px;
border-bottom:2px #ff4500 solid;background:#eeeeee;}
DIV.MN { TEXT-ALIGN:LEFT; }
DIV.MEMOBODY { OVERFLOW : HIDDEN; }
DIV.POST_ADMIN { TEXT-ALIGN : RIGHT;}
.POST_BODY { LINE-HEIGHT : 150%; MARGIN-BOTTOM : 30PX; OVERFLOW : HIDDEN; padding:10px;}
.POST_BODY A:LINK {COLOR: #4682b4 ; TEXT-DECORATION: NONE}
.POST_BODY A:VISITED {COLOR: #4682b4 ; TEXT-DECORATION: NONE}
.POST_BODY A:HOVER {COLOR: #ff4500 ; TEXT-DECORATION: none;}
.POST_TAIL { font-size : 11PX ; MARGIN-TOP : 10PX; TEXT-ALIGN : RIGHT; }
DIV.COMMENT { BORDER : 1PX #eeeeee SOLID;
PADDING : 15PX; MARGIN : 20PX 0PX; }
DIV.COMMENT_BODY { MARGIN-BOTTOM : 20PX; LINE-HEIGHT : 130%;}
DIV.COMMENT_TAIL { MARGIN : 8PX 0PX 5PX; font-size : 9pt ;}
DIV.COMMENT_INPUT { MARGIN-TOP : 20PX; BORDER-TOP : 1PX #eeeeee DOTTED; PADDING-TOP : 20PX; }
DIV.COMMENT_LINE { BORDER-TOP : 1PX #eeeeee 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 : 30PX 0PX 10PX; }
.SMALL { FONT-SIZE : 11PX; }
.DATE { FONT-SIZE : 9pt ; }
.TIME { FONT-SIZE : 9pt ; TEXT-ALIGN : LEFT; }
.AUTHOR { FONT-SIZE : 9pt ; }
.TXTFLD { FONT-SIZE:9PT;COLOR:#000; BORDER:1PX SOLID #666666; BACKGROUND:#FFF; }
.SUBMIT { FONT-SIZE :9PT ;COLOR:#000; }
DIV.CAL_TOP { }
DIV.CAL { MARGIN : 20PX 0PX 20PX; TEXT-ALIGN : CENTER;}
DIV.CAL_HEAD { FONT-SIZE : 8PT ; TEXT-ALIGN : CENTER; PADDING : 4PX 0PX; MARGIN-BOTTOM : 10PX;}
DIV.CAL_BODY { TEXT-ALIGN : CENTER;}
DIV.CAL_BOTTOM { }
.CAL { FONT-SIZE : 8PT ; TEXT-ALIGN : CENTER; }
.CAL_DAY { FONT-SIZE : 8PT ; TEXT-ALIGN : CENTER; }
.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 : #ffffff;
COLOR : #4682b4;
TEXT-ALIGN : CENTER; }
.CAL_TR { }
DIV.XML { FONT-SIZE : 8PT ; TEXT-ALIGN : CENTER; }
-----------------------------------------------------------------------------------------------
★本文用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>■ <$postsubject$></DIV></TD>
<TD WIDTH=20% ALIGN=RIGHT><$postadmin type=2$></TD></TR>
</TABLE>
</DIV>
<div class=ptime><$postdate$></div>
<DIV CLASS=POST_BODY>
<$postcont$>
</DIV>
<DIV CLASS=POST_TAIL ALIGN=RIGHT><$posttail$></DIV>
<$cmtjs$>
</DIV>
-----------------------------------------------------------------------------------------------
★メニュー用HTML(左右共通)
<DIV CLASS=MNTTL>■ <$mntitle$></DIV>
<div class=mnbody><$mnbody$></div>
-----------------------------------------------------------------------------------------------
素材の指定はありません。
このスキンはオレンジとブルー、それに薄い灰色(赤字)の3色を基調にしていますので、それぞれ好きな色に変えれば随分雰囲気も変わると思います。
変える時は一度メモ帳などにコピーして、検索置換機能を使って一気に変えてしまうと簡単です。
なお、青字の部分は外部リンクなど好きにどうぞ。
by catsmoon
| 2004-12-24 12:59
| 素材なし
▲