-Sun&Moon Blog- (original) (raw)

エキサイトブログスキン配布 (Mac OS10.5 Leopard・Safari) ★基本的にコメントにレスしません
by catsmoon

S M T W T F S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 白・淡色背景(160) 3列(160) 右2列(150) 中間色背景(143) 左2列(112) 通年(88) 秋(66) 夏(62) 春(55) 黒・濃色背景(52) 初夏(52) 冬(49) ビビッド背景(37) その他背景(30) 正月(21) X'mas(20) css(14) Tips(13) バレンタイン(10)	本日は遅くなりましたが、またもや正月用スキンです。プレビューページ>> ※プレビューページにはトップ、ログインなどのユーザーメニューと、記事の編集などのメニューは出ません。メニューも、上下や左右の振り分けを認識しないため綺麗な配置になっていません。リンクは無効になっているため、コメントを開くこともできません。雰囲気を見るだけのものとご了承下さい。今回は可愛らしい明るいデザインで三列スキンを作ってみました。 こちらは、おまけのロゴ用画像です。 素材は自作です。 これは、記事やメニューの背景にしていします。細かいドットの透過gifになっているので、背景をぼかしつつ透過してくれます。3列のレイアウト (オリジナル) 本文 500-ロゴ150- メニュー 150 ------------------------------------------------------------------------------------------ ★メインページ用HTML <$header$> <$blogurl$> <$adminmenu type=1$> <$logoimage type=1$> <$description$><$nick$> <$calendar type=1$> 外部リンク などなど <$menuleft$><$banner type=1$><$xml$> The Original by Sun&Moon <$post$> <$prepage type=1$> <$nextpage type=1$> <$menuright$> ------------------------------------------------------------------------------------------※CSS/* excite blog default skin html */BODY{ BACKGROUND : #E9F8D6;background-image:url("http://pds.exblog.jp/pds/1/200412/16/17/gantanw.gif");background-attachment:fixed;background-repeat:repeat; MARGIN : 0PX;PADDING : 0PX; }BODY,TD,DIV,LI{ FONT-SIZE : 10pt; FONT-FAMILY : Skia,VERDANA,ARIAL,SANS-SERIF; LINE-HEIGHT : 150%; COLOR : #222222; }DIV.POST_TTL img{vertical-align:middle;}A:LINK{ COLOR: #9247FB; TEXT-DECORATION: NONE; }A:VISITED{ COLOR: #9247FB; TEXT-DECORATION: NONE; }A:ACTIVE{ COLOR: #9247FB; TEXT-DECORATION: NONE; }A:HOVER{ COLOR: #000000; TEXT-DECORATION: none; }DIV.HEADER{background:#ADD182; margin:0px; padding:20px 20px 0px 20px;FONT : 16pt/100% Skia,Courier New,TAHOMA; TEXT-ALIGN:LEFT;border-top:5px #66A21E solid;}DIV.HEADER A:LINK { COLOR: #ffffff; TEXT-DECORATION: NONE; }DIV.HEADER A:VISITED { COLOR: #ffffff; TEXT-DECORATION: NONE; }DIV.HEADER A:HOVER { COLOR: #F94848; TEXT-DECORATION: NONE; }DIV.URL{ background:#ADD182; margin:0px; padding:0px 20px 10px 20px;FONT : 9pt/100% Skia,VERDANA,TAHOMA;TEXT-ALIGN:LEFT;}DIV.USERMENU{ background:#ADD182; margin:0px; padding:0px 10px 10px 10px; FONT : 9PT/100% Skia,VERDANA; TEXT-ALIGN : RIGHT; MARGIN-BOTTOM : 10PX;border-bottom:5px #66A21E solid; }DIV.USERMENU A:LINK {COLOR: #ffffff; TEXT-DECORATION: NONE}DIV.USERMENU A:VISITED {COLOR: #ffffff; TEXT-DECORATION: NONE}DIV.USERMENU A:HOVER {COLOR: #F94848; TEXT-DECORATION: none;}DIV.menu { PADDING :10PX; width:170px; LINE-HEIGHT : 130%; OVERFLOW : HIDDEN; TEXT-ALIGN:LEFT;}.page{text-align:center; margin:20px;}DIV.MN{ TEXT-ALIGN : LEFT;MARGIN-BOTTOM : 20PX;padding:5px;background-image:url("http://pds.exblog.jp/pds/1/200412/16/17/clear.gif"); }DIV.MNTTL{ WIDTH : 150PX; background:#66A21E; PADDING : 2PX 5PX; MARGIN : 0PX; TEXT-ALIGN : LEFT;color:white;}DIV.MEMOBODY{ WIDTH : 150PX; OVERFLOW : HIDDEN; background:#E9F8D6;}DIV.POST{ MARGIN : 0px 30px 50PX 30px; TEXT-ALIGN:LEFT; background-image:url("http://pds.exblog.jp/pds/1/200412/16/17/clear.gif"); padding:10px;}DIV.POST_HEAD{ BORDER-BOTTOM : 1PX #CCC SOLID; MARGIN-BOTTOM : 15PX; PADDING-BOTTOM : 3PX; border-bottom:3px #66A21E dotted;}DIV.POST_TTL{ FONT-size :11pt;}DIV.POST_ADMIN{ TEXT-ALIGN : RIGHT;}DIV.POST_BODY{ LINE-HEIGHT : 150%; MARGIN-BOTTOM : 30PX; OVERFLOW : HIDDEN; }DIV.POST_TAIL{ FONT : 11PX/150% Skia,TAHOMA; MARGIN-TOP : 10PX; TEXT-ALIGN : RIGHT; }DIV.COMMENT{ BORDER : 1PX #aaa SOLID; PADDING : 15PX;MARGIN : 20PX 0PX; }DIV.COMMENT_BODY{ MARGIN-BOTTOM : 20PX; LINE-HEIGHT : 130%; }DIV.COMMENT_TAIL{ MARGIN : 8PX 0PX 5PX; FONT : 8PT/150% Skia,TAHOMA; 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 { 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 : BOLD 8PT/150% Skia,TAHOMA; }.TIME{ FONT : 8PT/150% Skia,TAHOMA; TEXT-ALIGN : LEFT; }.AUTHOR{ FONT : BOLD 8PT Skia,TAHOMA; }.TXTFLD{ FONT-SIZE:9PT;COLOR:#000; BORDER:1PX SOLID #666666; BACKGROUND:#FFF; }.SUBMIT{ FONT :9PT/140% ;COLOR:#000; }DIV.CAL_TOP { }DIV.CAL { background-image:url("http://pds.exblog.jp/pds/1/200412/16/17/clear.gif"); MARGIN : 20PX 0PX 20PX; WIDTH : 150PX; TEXT-ALIGN : CENTER;}DIV.CAL_HEAD { WIDTH : 150PX; FONT : 8PT/150% Skia,VERDANA; TEXT-ALIGN : CENTER; PADDING : 4PX 0PX; MARGIN-BOTTOM : 10PX;}DIV.CAL_BODY { WIDTH : 150PX; TEXT-ALIGN : CENTER;}DIV.CAL_BOTTOM { }.CAL{ FONT : 8pt/150% Skia,VERDANA; TEXT-ALIGN : CENTER; }.CAL_DAY{ FONT : 8pt/150% Skia,VERDANA; TEXT-ALIGN : CENTER; }.CAL_SUN{ FONT : 8pt/150% Skia,VERDANA; COLOR : #D36654; TEXT-ALIGN : CENTER;}.CAL_SAT{ FONT : 8pt/150% Skia,VERDANA; COLOR : #3572A1; TEXT-ALIGN : CENTER;}.CAL_TODAY{ FONT : 8pt/150% Skia,VERDANA; BACKGROUND : #ffffff; COLOR : #F94848; TEXT-ALIGN : CENTER; }.CAL_TR { }DIV.XML { FONT : 8PT/150% Skia,VERDANA; TEXT-ALIGN : CENTER; } ------------------------------------------------------------------------------------------ ★本文用HTML <$postsubject$> <$postadmin type=1$> <$postcont$> <$posttail$> <$cmtjs$> ------------------------------------------------------------------------------------------ ★メニュー（左右共通）用HTML <$mntitle$> <$mnbody$> ------------------------------------------------------------------------------------------CSS内四カ所背景指定、本文用HTML内一カ所アイコン指定（赤字）があります。青字の部分はメニューと同じデザインで自由に記入して頂けます。不要なら削除して下さい。その部分を左右、上下に移動もできますし、繰り返していくつかの項目を書き込むこともできます。