2007年 04月 17日
Nikon D200+Ai AF Micro Nikkor 105mm F2.8D 昨日に引き続き、blogの立体化について話をします。 今回は、コメント欄の立体化です。 ■ まず、私のスキンのコメント欄のCSSを公開します。 DIV.COMMENT { MARGIN-TOP : 20PX; MARGIN-BOTTOM : 20PX; border-top:1px #595857 solid; border-right:1px #2b2b2b solid; border-bottom:1px #2b2b2b solid; border-left:1px #595857 solid; BACKGROUND :#494a41; PADDING : 15PX; PADDING-TOP : 10PX; } DIV.COMMENT_BODY { MARGIN-TOP : 6PX; MARGIN-BOTTOM : 20PX; LINE-HEIGHT : 130%; border-top:1px #2b2b2b solid; border-right:1px #595857 solid; border-bottom:1px #595857 solid; border-left:1px #2b2b2b solid; padding : 10px 10px 10px 10px; BACKGROUND :#333631; } DIV.COMMENTというのが、コメント欄の大枠で、DIV.COMMENT_BODY がコメント欄そのものです。 大枠を浮き上がらせて、コメント欄を凹ませています。 あと、何気に大切なのが赤色の行です。 これは、コメントの上下左右に10PX分の余白を作るための文字列です。 これが無いと、コメントが枠にくっついて見栄えが悪くなります。 「padding:上 右 下 左;」となっております。 数値はお好みで調節して下さい。 なお、オレンジ色の部分は、それぞれの背景の色を決定しています。 ■ あと気になるのは、コメントを書き込む欄がデフォルトだと白いことですね。 この部分については、私のスキンでは以下のように編集しています。 .TXTFLD{ FONT-SIZE:9PT;COLOR:#BBB; border-top:1px #2b2b2b solid; border-right:1px #595857 solid; border-bottom:1px #595857 solid; border-left:1px #2b2b2b solid; padding : 5px 5px 5px 5px; BACKGROUND:#333631 } 黄色い部分が書き込み欄を凹ませている文字列です。 あと、緑色の部分が書き込み欄の色を決定しています。 さらに、赤色い部分で書き込んだ文字の色を設定しています。 上下左右には5PX分の余白を設定しています。 ちなみに、これをやると右のメニュー欄のexite検索も変わりますよ。 以上、参考になれば幸いです。
by muto2100
| 2007-04-17 20:21
| スキン編集
|
Comments(2)
Commented
by
jin-na at 2007-04-17 23:47
こんばんわぁ。
今回もお世話になり、ただいま、店舗改装完了しました☆ “mutoさんの色違うだけ版” みたいで、申し訳ないです。。。(^ ^;) こんな感じで、写真の撮り方もレベルアップできればいいのになぁ。
0
Commented
by
muto2100 at 2007-04-18 06:40
jin-naさん、こんにちは。
>>“mutoさんの色違うだけ版” みたいで、申し訳ないです。。。(^ ^;) いえいえ、そんなこと無いですよ。 むしろ、私は色にこそ個性が出ると思っていますから。 それに、細かく見ればまだまだ結構違いがあるんですよ。 例えば、タイトルの上の日付など、 私のはアンダーラインを無くして、少しだけ右に寄せています。 あれこれ試行錯誤されれば、すぐに私以上のレベルになりますよ。 私だって初心者ですからね。 << スキン公開 立体化(その1) >> |
<< スキン公開 立体化(その1) >> Welcome!
こんにちは。管理人のmutoといいます。 拙blogへようこそお越し下さいました。 このblogでは、私があちこちに出かけて撮ってきた写真を、とりとめもなくUPしております。 コメントはお気軽にどうぞ。写真の感想などをお聞かせ頂けると幸いです。 ただ、返事が遅くなるかもしれませんので悪しからずご了承下さい。 なお、リンクはフリーですが、このブログのすべての画像の著作権はmuto2100に帰属します。無断で複写・転用することを禁止します。 Copyright (c) 2005-2024 muto2100. All rights reserved. ↓ 本館のHPです。 カレンダー
カテゴリ
うちの犬 マールの独り言 小湊鐵道 大山千枚田 志賀高原・草津白根山 手賀沼 本土寺 伊豆 都会の夕景・夜景 神社・仏閣 工場夜景 山行 鉄道 植物 玉ボケ万歳! 花と虫 伏姫桜 ・ 風景・千葉 風景・東京 風景・栃木 風景・長野 風景・新潟 風景・山梨 風景・福島 風景・群馬 風景・茨城 風景・その他 ・ 天の川 コンポジット星景写真 動物 水族館 Disney Small World レタッチ HDR-image 合成写真 ポータブルオーディオ iPhone アイテム帳 フォトコン しくじるは稽古のため スキン編集 その他 タグ
My Favorite(191)
AF-S 24-120mmf/4G ED VR(133) AF-S 70-200mmf/2.8G ED VRII(62) AF-S VR ED 70-200mm F2.8G(48) AF-S DX ED 12-24mm F4G(35) AF-S 14-24mmf/2.8G(35) AF-S DX ED 17-55mm F2.8G(31) AF-S VR Micro 105mm F2.8G(31) AF-S 80-400mmf/4.5-5.6G ED VR(31) Ai AF DC 105mm F2D(27) AF-S 20mmf/1.8G ED(23) Ai AF ED 80-200mm F2.8D(22) AF DX Fisheye ED 10.5mm F2.8G(21) Ai AF Micro 105mm F2.8D(20) Ai AF 24-85mm F2.8-4D(20) AF-S 16-35mmf/4G ED VR(19) Z 24-120mmf/4 S(14) AF-S DX 35mm F1.8G(13) Ai AF 50mm F1.4D(10) AF-S VR ED 24-120mm F3.5-5.6G(10) Ai AF Micro 60mm F2.8D(10) AF-S 35mmf/1.8G ED(7) お気に入りブログ
happy *riko*... コバチャンのBLOG With Art 白金の森から ヒトは猫のペットである Primal's Pho... 温 泉 記 雅(みやび) たからもの Happy-time Green Thoughts 遊んだ記録 jyao Q Love 日記 Jester's Pic... 風の中で~ BOSS & ELLIE ろーりんぐ ☆ らいふ Kossan's Avi... 屋根裏部屋の落書帳 エキサイト以外のリンク
最新のコメント
検索
ブログパーツ
|
ファン申請 |
||