4人5脚+2ワンコ

エキサイト提供テンプレート「バブル」

エキサイトさんの良い点は、提供のテンプレートに総て「編集機能」が付いているところです。
だから、総てのテンプレートをマイナー・チェンジできます。もちろんしなくてもOK(^o^)。
私は以前は「マイ・スキン」っていうので編集をしていました。それから「ペーパー」と言うも使っていました。今は「バブル」です。「バブル」は3列だし、「ペーパー」よりも記事投稿欄が大きいので気に入っています(*^_^*)。
d0015773_14463954.jpg
↑が「バブル」のエキサイトさん提供スキンの元々のテンプレートです。これを編集したのが今のクリスマス・バージョン(*^_^*)。最近はずっとこの「バブル」の土台です(*^_^*)。


今回冬物を編集したので、次は春物の「バブル」の編集が終ったらこれで一応四季で4パターン出来上がります。これができたらあとは月一分を編集したいな^^。

そうそう、エキサイトさんは編集したテンプレートの保存も幾つもできますので、一度作ったらあとは使い回しができます(*^_^*)。だから、編集がお好きな方は結構良いかもしれません(*^_^*)。

そこで、ちょっとテンプレートの「バブル」の編集を今回まとめてみたいと思います。



↓ここから下は「バブル」のブルーのテンプレートのCSS設定です。


/* A01044 CSS No.4 BLUE*/
BODY{ BACKGROUND : URL("http://md.exblog.jp/skn/img/a/01/04/4/04_blue_bg.gif"); MARGIN : 0PX;PADDING : 0PX; }
BODY,TD,DIV,LI{ FONT : 9PT/150% ,TAHOMA,SANS-SERIF,verdana; COLOR : #2A4266; word-break:break-all;}

A:LINK{ COLOR: #163D5C; TEXT-DECORATION: NONE; }
A:VISITED{ COLOR: #163D5C; TEXT-DECORATION: NONE; }
A:ACTIVE{ COLOR: #486F8A; TEXT-DECORATION: NONE; }
A:HOVER{ COLOR: #486F8A; TEXT-DECORATION: UNDERLINE; }

.TOP{ BACKGROUND : URL("http://md.exblog.jp/skn/img/a/01/04/4/04_blue_top.gif") NO-REPEAT; HEIGHT : 150PX; }
.MID{ BACKGROUND : #A5BCCC; }
.BOTTOM{ BACKGROUND : URL("http://md.exblog.jp/skn/img/a/01/04/4/04_blue_bottom.gif") NO-REPEAT; }

DIV.HEADER{ FONT : 18PT/120% TAHOMA, MS UI Gothic, Osaka; PADDING : 0PX 0PX 10PX 20PX; }
DIV.HEADER A:LINK{ COLOR: #A5BCCC; TEXT-DECORATION: NONE; }
DIV.HEADER A:VISITED{ COLOR: #A5BCCC; TEXT-DECORATION: NONE; }
DIV.HEADER A:HOVER{ COLOR: #FFFFFF; TEXT-DECORATION: NONE; }

DIV.URL{ FONT : 8PT/100% VERDANA,TAHOMA; PADDING : 20PX 0PX 0PX 20PX; }
DIV.URL A:LINK{ COLOR: #FFFFFF; TEXT-DECORATION: NONE; }
DIV.URL A:VISITED{ COLOR: #FFFFFF; TEXT-DECORATION: NONE; }
DIV.URL A:HOVER{ COLOR: #A5BCCC; TEXT-DECORATION: NONE; }


DIV.USERMENU{ MARGIN-BOTTOM : 10PX; TEXT-ALIGN : CENTER; COLOR : #FFF; }
DIV.USERMENU A:LINK{ COLOR: #163D5C; TEXT-DECORATION: NONE; }
DIV.USERMENU A:VISITED{ COLOR: #163D5C; TEXT-DECORATION: NONE; }
DIV.USERMENU A:ACTIVE{ COLOR: #163D5C; TEXT-DECORATION: NONE; }
DIV.USERMENU A:HOVER{ COLOR: #FFFFFF; TEXT-DECORATION: NONE; }

DIV.PROFILE{ WIDTH : 150PX; PADDING : 0PX 0PX 10PX; LINE-HEIGHT : 150%; OVERFLOW : HIDDEN; COLOR : #FFF; }
DIV.MNTTL{
WIDTH : 150PX;
BACKGROUND : URL("http://md.exblog.jp/skn/img/a/01/04/4/04_blue_title.gif") NO-REPEAT;
HEIGHT : 25PX;
TEXT-ALIGN: LEFT;
TEXT-INDENT:15PT;
PADDING : 5PX 0PX 10PX 0PX;
FONT : BOLD;
COLOR : #163D5C;
}
DIV.MN{ WIDTH : 150PX; TEXT-ALIGN: LEFT; MARGIN-BOTTOM : 20PX; COLOR : #507C9A;}

DIV.MN TD{ COLOR: #507C9A; }
DIV.MN A:LINK{ COLOR: #FFFFFF; TEXT-DECORATION: NONE; }
DIV.MN A:VISITED{ COLOR: #FFFFFF; TEXT-DECORATION: NONE; }
DIV.MN A:ACTIVE{ COLOR: #FFFFFF; TEXT-DECORATION: NONE; }
DIV.MN A:HOVER{ COLOR: #507C9A; TEXT-DECORATION: NONE; }


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

DIV.POST{ WIDTH : 600PX; MARGIN-BOTTOM : 30PX; BACKGROUND : URL("http://md.exblog.jp/skn/img/a/01/04/4/04_blue_post_2.gif");OVERFLOW:HIDDEN; }
DIV.POST_TOP{ BACKGROUND : URL("http://md.exblog.jp/skn/img/a/01/04/4/04_blue_post_1.gif") NO-REPEAT; HEIGHT: 30PX;}
DIV.POST_HEAD{ BACKGROUND : URL("http://md.exblog.jp/skn/img/a/01/04/4/04_blue_title2.gif") NO-REPEAT; BORDER:0PX SOLID; HEIGHT : 26PX; PADDING-LEFT : 12PX; MARGIN : 10PX 50PX 20PX 50PX;}
DIV.POST_TTL{ FONT : 11PT/100%; COLOR : #163D5C; FONT-WEIGHT : BOLD; TEXT-INDENT : 7PX; }

DIV.POST_BODY{ WIDTH : 500PX; MARGIN-BOTTOM : 30PX; OVERFLOW : HIDDEN; COLOR : #486F8A; MARGIN : 10PX 50PX 20PX 50PX;}

DIV.POST_BODY A:LINK{ COLOR: #163D5C; BORDER-BOTTOM: 1PX DOTTED #4A1C02; }
DIV.POST_BODY A:VISITED{ COLOR: #163D5C; TEXT-DECORATION: NONE; }
DIV.POST_BODY A:ACTIVE{ COLOR: #163D5C; TEXT-DECORATION: NONE; }
DIV.POST_BODY A:HOVER{ COLOR: #163D5C; TEXT-DECORATION: NONE; BACKGROUND-COLOR: #EAF6FF; BORDER-BOTTOM: 0PX;}

DIV.POST_TAIL{ CLEAR : BOTH; FONT : 12PX/150% TREBUCHET MS, TAHOMA, MS UI Gothic, Osaka; MARGIN-TOP : 10PX; TEXT-ALIGN : RIGHT; MARGIN : 10PX 50PX 20PX 50PX;}
DIV.POST_BOTTOM { BACKGROUND : URL("http://md.exblog.jp/skn/img/a/01/04/4/04_blue_post_3.gif") NO-REPEAT; HEIGHT: 21PX;}

DIV.COMMENT{ BORDER : 0PX ; BACKGROUND : #F1F7FA;PADDING : 15PX;MARGIN : 20PX 40PX; }
DIV.COMMENT_BODY{ MARGIN-BOTTOM : 20PX; }
DIV.COMMENT_TAIL{ MARGIN : 8PX 0PX 5PX; FONT : 8PT/150% VERDANA, TAHOMA, MS UI Gothic, Osaka; COLOR : #486F8A; }
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 { FONT-WEIGHT : BOLD; 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-TOP : 30PX; }

.SMALL{ FONT-SIZE : 11PX; }
.DATE{ FONT : BOLD 8PT/150% TREBUCHET MS, TAHOMA, MS UI Gothic, Osaka; }
.TIME{ FONT : 8PT/150% TREBUCHET MS, TAHOMA, MS UI Gothic, Osaka; TEXT-ALIGN : LEFT; COLOR : #163D5C; }
.AUTHOR{ FONT : BOLD 9PT TREBUCHET MS, TAHOMA, MS UI Gothic, Osaka }
.TXTFLD{ FONT-SIZE:9PT;COLOR:#000; BORDER:1PX SOLID #163D5C; BACKGROUND:#FFF; }


DIV.CAL_TOP { }
DIV.CAL { MARGIN : 20PX 0PX 20PX; WIDTH : 150PX; TEXT-ALIGN : CENTER;}
DIV.CAL_HEAD { WIDTH : 150PX; FONT : 8PT/150% TREBUCHET MS; TEXT-ALIGN : CENTER; PADDING : 4PX 0PX; MARGIN-BOTTOM : 10PX;}
DIV.CAL_HEAD A:LINK{ COLOR: #507C9A; TEXT-DECORATION: NONE; }
DIV.CAL_HEAD A:VISITED{ COLOR: #507C9A; TEXT-DECORATION: NONE; }
DIV.CAL_HEAD A:ACTIVE{ COLOR: #507C9A; TEXT-DECORATION: NONE; }
DIV.CAL_HEAD A:HOVER{ COLOR: #FFFFFF; TEXT-DECORATION: NONE; }

DIV.CAL_BODY { WIDTH : 150PX; TEXT-ALIGN : CENTER;}
DIV.CAL_BOTTOM { }

.CAL{ FONT : 7.5PT/170% TREBUCHET MS,MS UI Gothic, Osaka; TEXT-ALIGN : CENTER; BACKGROUND-COLOR: #BACDD9;}
.CAL_DAY{ FONT : 8PT/170% TREBUCHET MS, MS UI Gothic, Osaka; TEXT-ALIGN : CENTER; }
.CAL_SUN{ FONT : 8PT/170% TREBUCHET MS,MS UI Gothic, Osaka; COLOR : #D36654; TEXT-ALIGN : CENTER;}
.CAL_SAT{ FONT : 8PT/170% TREBUCHET MS,MS UI Gothic, Osaka; COLOR : #3572A1; TEXT-ALIGN : CENTER;}
.CAL_TODAY{ FONT : BOLD 7.5PT/170% TREBUCHET MS,MS UI Gothic, Osaka; BACKGROUND : URL("http://md.exblog.jp/skn/img/a/01/04/4/04_blue_cal_area.gif"); COLOR : #163D5C; TEXT-ALIGN : CENTER; }
.CAL_TR { }

DIV.XML { FONT : 8PT/150% VERDANA; TEXT-ALIGN : CENTER; }
by 6coro | 2006-11-17 13:09 | ブログ内リンク | Comments(5)
Commented by なお at 2006-11-17 15:26 x
すごい量のデータで出来てるんですね( ̄□ ̄;)
もっともっと勉強しなきゃ^-^;

6coroさん、すごいですっ☆☆☆☆☆
Commented by なぎ at 2006-11-17 15:32 x
6coroさん(*^^*)こんにちは!

お蔭様で未熟ながら何とか形を作れました♪
ブログ人の場合もマイナー・チェンジ(?)できました。
編集前にテンプレのコピーが自動的に作られるようです。
そこで保存してから自作へ編集するみたい(・∀・)
・・・ってよく分かってないんだけど。

とにかく「background」って場所を手当たり次第書き換え^^;
スクロールバーだけは自信がありました(*´艸`)

諦めていたけれど何だか興味がわいてきました。
感謝!感謝!
:*.;".*・;・^;・:\(*^▽^*)/:・;^・;・*.";.*: ワーイ♪

Commented by 6coro at 2006-11-17 16:24
なおさんとなぎさんへ
しばらくこのSCC編集コーナーをまとめます。
でもチビチビしかできないの(^_^;)。

これがまとめ上がっていた頃にはなぎさんのほうがもっともっと沢山の知識を得ていて、それをなおさんが教えてもらって、お二人の方がバリバリ編集できるようになっている気がします♪。

そうしたら、いろいろと教えてくださぁ~い^人^*。

このページのmoerにリンクを貼って、各編集の詳細説明ページに飛べるようにしていきたいと思います^^。気長~に見守ってやってくださ~い^人^*。

なおさんへ
そうそう、後でネタがばれると思いますが(^_^;)、触るところはそんなに沢山じゃなくて、総てを理解していなくても何とかなりますヨン♪。
Commented by ごま at 2006-11-19 09:04 x
ううう~ごまには分からない用語だらけ。でも付いて行きます。
Commented by 6coro at 2006-11-19 09:50
ごまさんへ
私も大半は判っていません(^_^;)。判るところだけまとめておいて、できたら月一テンプレートを変えたいなぁって思っています。
今次のBODY,TD,DIV,LIを書いていて、操作ミスで消していましましたぁ(T_T)。
どっとくじけたので今からお家の片づけをします(^_^;)。

また、午後にでも気力が復活したら書き直しまぁ~す(^_^;)。
名前
URL
画像認証
削除用パスワード

※このブログはコメント承認制を適用しています。ブログの持ち主が承認するまでコメントは表示されません。


闘病記録・子育て雑記・趣味など、後々自分史になれば・・・と綴っています^-^*
by 6coro
更新通知を受け取る
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

イラスト:まるめな