« ヒートアイランドを回避せよ!! | トップページ | 対処しなかったよ(BlogPet) »

2007/08/18

カスタマイズ・レコード13 -項目名のアンダーバー-

【項目名のアンダーバー】

一つのアクセントとして、右サイドバーの項目名にアンダーバーをつけてみました。
今回はどなたに頼ることもなく(!?)、CSS(カスケードスタイルシート)の
参考書を片手に果敢に挑戦!!。
それでも少しは上達した証拠でしょうか……。
トラブルもなくアンダーバーを表示させることが出来ました。
アクセントの一つとして挑戦されるといいかもしれません!?。

カスタムCSS に記述
.sidebar h2 {
 ……
border:border-bottom-color:lightgrey;
  border-bottom-style:dotted;border-bottom-width: 1px;
 ※上記タグは1行で記述
}

 ※サイドバーのCSSの中に上記の1行を書き加える

カスタムCSS をご利用されたい方はCSSの参考書を
1冊、お手元に置かれるとよろしいかもしれません。
ちなみにワタクシメは、以下の参考書を手にしております。
 『 HTML & CSS マスターブック 』(毎日コミュニケーションズ)

 

【追記】
Hachi-ko(About Hachi-ko)さん のご指摘でタグを以下のように書き換えました。
これで記述がとてもシンプルになって書き間違いも少なくなりますよね!?。
Hachi-koさま、どうもありがとうございますm(__)m
(CSSビギナーから抜け出せない自分を乗り越えねばネ!?)

カスタムCSS に記述
.sidebar h2 {
 ……
border-bottom:1px dotted #666666
}

|

【カスタマイズ・レコード】」カテゴリの記事

ウェブログ・ココログ関連」カテゴリの記事

<花便> 日記草子」カテゴリの記事

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/132422/16160906

この記事へのトラックバック一覧です: カスタマイズ・レコード13 -項目名のアンダーバー-:

コメント

こんにちは★
ココログフラッシュから寄らせていただきました。
素敵な、綺麗なブログでなんか楽しいです、しかも、涼しげで♪
世の中は猛暑ですからねぇ。。。汗

超余計なお世話だと思いますが、

.sidebar { border-bottom: 1px dotted #******}

で短縮して記述することもできます。
このほうが、「border-bottom」を何回も繰り返さずシンプルかもしれません。

って余計なことすみません。。。。

また寄らせていただきます★

投稿 Hachi-ko | 2007/08/20 13:53

>Hachi-koさん
》.sidebar { border-bottom: 1px dotted #******} で短縮して記述することも…
ご来訪、ありがとうございます!。
そしてご指摘、本当にありがとうございますm(__)m
確かに、こちらの方がシンプルで間違いがないですよね!。
早速、書き換えて記事に加えさせていただきます。
今後も宜しくお付き合いくださいますようお願い致しますm(__)m

投稿 ナーコ | 2007/08/20 22:16

こんばんはです★

何だか【追記】項目までしていただいてスミマセン。。。汗
CSSは色々書き方ありますから、面倒ですよね(笑)

この記事ではありませんが、ここに書き込みさせていただきます♪
「旬の話題ブログ」に掲載されたんですねぇ!!
本当におめでとうございます★
確かに、niftyからメッセ来てたら何事か??!!と思います(笑)
Hachi-koは時々ココログの悪口書いてるので、かなり青ざめると思います。。。汗

また遊びに来ます★

投稿 Hachi-ko | 2007/08/26 03:12

>Hachi-koさん
≫確かに、niftyからメッセ来てたら何事か??!!と……
≫Hachi-koは時々ココログの悪口書いてるので、かなり青ざめると…
…ですよね~ぇ!? 驚きますよねぇ!?…
一瞬、…何やらかしたんだろ??… と他人事のように心配して(!?)
メッセージを一読してもすぐには内容を理解できない程でした!?。
その後、…ヒャ~~ッ!!!… となりました!。

nifty への不満は誰でも少しは持っているでしょうから
批判や苦情を書かれている方は辺り憚らず書き込みをされていますよね。
私の場合はそれ以上で、カスタムCSS の使い方を知らなかった時は、
…自由にレイアウトできないブログなんてつまらな~い!!… と
年に1回もブログを更新しなかったりしていました ^_^;
やっと1年ほど前からボチボチ更新を続け始めたので
<旬の話題ブログ>への掲載はとても嬉しい驚きでありました!。

投稿 ナーコ | 2007/08/29 12:38

コメントを書く