2007年 04月 18日
スキン公開
Nikon D200+Ai AF Zoom Nikkor 24-85mm F2.8-4D
f0018464_1747846.jpg
今までスキン編集について色々と述べてきましたが、
exiteブログのTwo Colorsを基調とした半オリジナルのスキンを作りましたのでCSSを公開します。
(exite以外の方には関係のない話でスミマセン。)
一応、写真blog用に作りましたので、癖のないシンプルなスキンだと思います。
まぁ、どんなスキンなのかは編集してのお楽しみということで。(笑)

個人的には格好良いスキンだと思っているので、
CSSをいじるのは面倒だけどオリジナルなテイストが欲しいな、という方は是非使ってみて下さい。
勿論、CSSは後から好きにいじくって頂いて結構ですよ。



  
 変更するのは簡単です。
まず、スキン変更→Two Colorsの「編集」をクリックして下さい。
色は何でも結構です。デフォルトのグレースケールのまま編集画面にして下さい。
で、CSSの文字列を全て消して、下の文字列をコピペして保存して下さい。
なお、変更されて保存したスキンはマイスキンにあります。
Two Colorsそのものは何も変わりませんのでご安心下さい。


・・・・・・・・・・・・・・・・・・・・・ コピーはここから ・・・・・・・・・・・・・・・・・・・・・

/* excite blog skin css by muto2100 */

BODY{ BACKGROUND : #2b2b2b; MARGIN : 0PX;PADDING : 0PX; }
BODY,TD,DIV,LI{ FONT-SIZE : SMALL; FONT-FAMILY : VERDANA,ARIAL,SANS-SERIF; LINE-HEIGHT : 150%; COLOR : #BBB; WORD-BREAK:BREAK-ALL; }

A:LINK{ COLOR: #CE9A31; TEXT-DECORATION: NONE }
A:VISITED{ COLOR: #CE9A31; TEXT-DECORATION: NONE }
A:ACTIVE{ COLOR: #CE9A31; TEXT-DECORATION: NONE }
A:HOVER{ COLOR: #FFEE36; TEXT-DECORATION: UNDERLINE }


DIV#TOP {
BACKGROUND : #2b2b2b;
BORDER-BOTTOM : 5PX SOLID #6D6D6D;
PADDING : 10PX 25PX 0PX;
}

DIV#LEFT {
PADDING : 25PX;
MARGIN-BOTTOM : 50PX;
OVERFLOW : HIDDEN;
}

DIV#RIGHT {
PADDING-RIGHT : 25PX;
MARGIN-BOTTOM : 50PX;
OVERFLOW : HIDDEN;
}

DIV.HEADER {
FONT-FAMILY : "Trebuchet MS", TAHOMA, VERDANA ;
FONT-SIZE : 14PT;
}

DIV.HEADER A:LINK {COLOR: #AAA; TEXT-DECORATION: NONE}
DIV.HEADER A:VISITED {COLOR: #CE9A31; TEXT-DECORATION: NONE}
DIV.HEADER A:HOVER {COLOR: #FFF; TEXT-DECORATION: NONE}

DIV.URL {
FONT-FAMILY : VERDANA ;
FONT-SIZE : 10PT;
LETTER-SPACING : 2PX;
}

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

DIV.USERMENU {
PADDING-BOTTOM : 5PX;
TEXT-ALIGN : RIGHT;
COLOR : #FFF;
}

DIV.USERMENU A:LINK {COLOR: #AAA; TEXT-DECORATION: NONE}
DIV.USERMENU A:VISITED {COLOR: #AAA; TEXT-DECORATION: NONE}
DIV.USERMENU A:HOVER {COLOR: #FFF; TEXT-DECORATION: UNDERLINE}

DIV.PROFILE {
LINE-HEIGHT : 150%;
MARGIN-BOTTOM : 20PX;
}

DIV.MN {
MARGIN-TOP : 5PX;
MARGIN-BOTTOM : 20PX;
LINE-HEIGHT : 150%;
FONT-FAMILY : TAHOMA;
}

DIV.MNTTL {
border-top:1px #474a4d solid;
border-right:1px #16160e solid;
border-bottom:1px #16160e solid;
border-left:1px #474a4d solid;
PADDING : 2PX 10PX;
MARGIN : 25PX 0PX 10PX;
MARGIN-BOTTOM : 10PX;
BACKGROUND : #2b2b2b;
FONT-FAMILY : TAHOMA;
LETTER-SPACING : 2PX;
}

DIV.POST {
MARGIN-BOTTOM : 30PX;
}

DIV.POST_HEAD {
BORDER-BOTTOM : 1PX SOLID #6F6F6F;
PADDING-TOP : 3PX;
PADDING-BOTTOM : 3PX;
FONT-FAMILY : VERDANA;
LETTER-SPACING : 2PX;
COLOR : #A4A4A4;
}

DIV.POST_BODY {
MARGIN-TOP : 3PX;
MARGIN-BOTTOM : 25PX;
LINE-HEIGHT : 150%;
}

DIV.POST_BODY A:LINK{ COLOR: #CE9A31; TEXT-DECORATION: UNDERLINE }
DIV.POST_BODY A:VISITED{ COLOR: #CE9A31; TEXT-DECORATION: UNDERLINE }
DIV.POST_BODY A:ACTIVE{ COLOR: #CE9A31; TEXT-DECORATION: UNDERLINE }
DIV.POST_BODY A:HOVER{ COLOR: #FFEE36; TEXT-DECORATION: UNDERLINE }

DIV.POST_TTL {
FONT-SIZE : MEDIUM;
FONT-FAMILY : GEORGIA;
COLOR : #AB5D00;
FONT-WEIGHT : BOLD;
MARGIN : 15PX 0PX;
}

DIV.POST_ADMIN {
FONT-SIZE : 9PT;
MARGIN : 20PX 0PX;
}

DIV.POST_TAIL {
FONT-FAMILY : TAHOMA;
FONT-SIZE : 11PX;
MARGIN : 10PX 0PX 20PX;
TEXT-ALIGN : RIGHT;
}

DIV.POST_EDIT {
TEXT-ALIGN : RIGHT;
FONT-SIZE : 8PT;
MARGIN-BOTTOM : 3PX;
}

DIV.COMMENT {
MARGIN-TOP : 20PX;
MARGIN-BOTTOM : 20PX;
border-top:1px #474a4d solid;
border-right:1px #16160e solid;
border-bottom:1px #16160e solid;
border-left:1px #474a4d solid;
BACKGROUND : #2b2b2b;
PADDING : 15PX;
PADDING-TOP : 10PX;
}

DIV.COMMENT_BODY {
border-top:1px #16160e solid;
border-right:1px #474a4d solid;
border-bottom:1px #474a4d solid;
border-left:1px #16160e solid;
padding : 5px 10px 5px 10px;
BACKGROUND :#2b2b2b;
MARGIN-TOP : 6PX;
MARGIN-BOTTOM : 20PX;
LINE-HEIGHT : 130%;
}

DIV.COMMENT_TAIL {
MARGIN-TOP : 8PX;
MARGIN-BOTTOM : 5PX;
FONT-FAMILY : VERDANA, TAHOMA;
FONT-SIZE : 8PT;
COLOR : #666;
}

DIV.COMMENT_INPUT {
MARGIN-TOP : 20PX;
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-TOP : 20PX;
MARGIN-BOTTOM : 10PX;
LINE-HEIGHT : 160%;
PADDING-BOTTOM : 100PX;
}

IMG.IMAGE_TOP {
MARGIN-BOTTOM : 15PX;
}

IMG.IMAGE_LEFT {
MARGIN-RIGHT : 15PX;
MARGIN-BOTTOM : 10PX;
}

IMG.IMAGE_RIGHT {
MARGIN-LEFT : 10PX;
MARGIN-BOTTOM : 10PX;
}

IMG.IMAGE_MID {
MARGIN-TOP : 15PX;
MARGIN-BOTTOM : 15PX;
}

IMG.BOOKMK {
MARGIN : 10PX;
BORDER : 0PX;
}

IMG.LOGO {
MARGIN-BOTTOM : 10PX;
}

DIV.BANNER {
MARGIN-TOP : 40PX;
MARGIN-BOTTOM : 10PX;
TEXT-ALIGN : CENTER;
}

.SMALL {
FONT-SIZE : 11PX;
}

.DATE {
FONT-FAMILY : TAHOMA;
FONT-SIZE : 8PT;
FONT-WEIGHT : BOLD;
}

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

.AUTHOR {
FONT-SIZE : 8PT;
FONT-WEIGHT : BOLD;
}

.TXTFLD{
FONT-SIZE:9PT;COLOR:#BBB;
border-top:1px #16160e solid;
border-right:1px #474a4d solid;
border-bottom:1px #474a4d solid;
border-left:1px #16160e solid;
padding : 5px 5px 5px 5px;
BACKGROUND:#2b2b2b
}

DIV.CAL_TOP {
border-top:1px #474a4d solid;
border-right:1px #16160e solid;
border-bottom:1px #16160e solid;
border-left:1px #474a4d solid;
PADDING : 2PX;
PADDING-LEFT : 10PX;
MARGIN-TOP : 25PX;
MARGIN-BOTTOM : 10PX;
BACKGROUND : #2b2b2b;
FONT-FAMILY : TAHOMA,;
LETTER-SPACING : 2PX;
}

DIV.CAL {
TEXT-ALIGN : CENTER;
}

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

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

DIV.CAL_BOTTOM {
}

.CAL {
FONT-FAMILY : VERDANA;
FONT-SIZE : 7PT;
TEXT-ALIGN : CENTER;
LINE-HEIGHT : 170%;
}

.CAL_DAY {
FONT-FAMILY : VERDANA;
FONT-SIZE : 7PT;
FONT-WEIGHT : BOLD;
TEXT-ALIGN : CENTER;
LINE-HEIGHT : 170%;
}

.CAL_SUN {
FONT-FAMILY : VERDANA;
FONT-SIZE : 7PT;
FONT-WEIGHT : BOLD;
COLOR : #D36654;
TEXT-ALIGN : CENTER;
LINE-HEIGHT : 170%;
}

.CAL_SAT {
FONT-FAMILY : VERDANA;
FONT-SIZE : 7PT;
FONT-WEIGHT : BOLD;
COLOR : #3572A1;
TEXT-ALIGN : CENTER;
LINE-HEIGHT : 170%;
}

.CAL_TODAY {
border-top:1px #474a4d solid;
border-right:1px #16160e solid;
border-bottom:1px #16160e solid;
border-left:1px #474a4d solid;
FONT-FAMILY : VERDANA;
FONT-SIZE : 7PT;
FONT-WEIGHT : BOLD;
BACKGROUND : #2b2b2b;
COLOR : #3D5586;
TEXT-ALIGN : CENTER;
}

.CAL_TR { }

DIV.XML {
TEXT-ALIGN : CENTER;
FONT-SIZE : 8PT;
FONT-FAMILY : VERDANA;
MARGIN-BOTTOM : 80PX;
}

TEXTAREA.TXTFLD {height:10em;WIDTH :595px ! important;}

.TAGS {margin-top:1em;}


・・・・・・・・・・・・・・・・・・・・・ コピーはここまで ・・・・・・・・・・・・・・・・・・・・・

by muto2100 | 2007-04-18 18:19 | スキン編集 | Comments(8)
Commented by とぉ at 2007-04-18 20:44 x
こんばんは。

スキン公開、ありがとうございます。
早速拝見しましたが、おっしゃる通りシンプルで格好いいスキンですね。
マイスキンに登録させていただきました♪

ところで、私も結構頑張って作ってみましたよ。
色合いとか、まだまだ洗練されてませんし、何かCSSもぐにゃぐにゃって感じなのですが、
何とかまとまってくれました。

良かったらご意見などいただけましたら・・・。
Commented by jin-na at 2007-04-18 23:08
こんばんわぁ☆

スキンの提供、ありがとうございます。
シンプルで、“そのままで良し、イジって良し”って感じですね。
うちのmamaから、『jin-naだけじゃなく、私のスキンもカッコよくして』って言われてたので、
タイトルだけ大きくして、そのまま頂いちゃいました。
http://iipants.exblog.jp/
サンクス ア ロット!!
Commented by ヒロ at 2007-04-19 00:10 x
こんばんは。
私もマイスキンに登録させていただきました。
なるほど、っていう感じのスキンですね。
私はCSS編集の難解さに挫折した口なのですが、
mutoさんの説明は分かりやすくて勉強になります。
またやってみようかな。
Commented by POKOパパ at 2007-04-20 00:03 x
こんばんは、お久しぶりです。
ちょっと風邪でダウンしてました!
私はexblogでないのでスキンの話しではなく、
写真の話で・・
カモの写真って結構ごちゃごちゃしちゃいがちですが、
しっかりと主役のかもをボケをうまく利用して
すっきりさせてますね。
これも花で培ったテクニックと見ました。
ついついかもの集団の迫力に負けて
全部写さねばって負けちゃいますが(笑

それにしても、こちらはコメント書きやすくて大変
気持ちいいです。
Commented by muto2100 at 2007-04-20 20:57
とぉさん、こんにちは。
このスキンは、シンプルで見易いのがポイントです。
写真blog用に作ったので、写真を引き立てることを第一に考えました。
もっとも、好みは人それぞれですから、好きにいじくって下さって結構ですよ。
とぉさんのスキンも、後ほど拝見させていただきますね。
Commented by muto2100 at 2007-04-20 21:00
jin-naさん、こんにちは。
奥様のblogで採用して頂いたようで、有り難うございます。
後ほど、お邪魔させて頂きますね。

このスキンは、好きにいじくって頂いて結構です。
また、CSSを一通り見て頂ければ、スキン編集の参考にもなるかな、と思っています。
時間が出来たら、また他のスキンを編集してみますね。
Commented by muto2100 at 2007-04-20 21:02
ヒロさん、こんにちは。
基本はTwo Colorsと同じなのですが、一色にして、立体化させることにより、
ちょっとだけ高級感を持たせました。
写真blogには良い感じだと思うのですが、如何でしょうか。

>>mutoさんの説明は分かりやすくて勉強になります。
こういって頂けると励みになります。
そのうち、またUPしますね。
Commented by muto2100 at 2007-04-20 21:07
POKOパパさん、こんにちは。
exite以外のblogの方にはつまらない話で申し訳ございません。
今後もチョコチョコUPしていくことになりますので、スルーして下さいね。(笑)

写真のカモは、ウチからちょっと行ったところの公園で撮ったのですが、
ここは、冬場は数百羽のカモが群がっています。
撮るときは、ゴチャゴチャしていて、結構撮り辛かったりしますね。
パンの耳とかを撒くと大変なことになりますよ。


<< 紅葉      立体化(その2) >>