kuu♪からのお知らせ

長年公開してきたカスタムスキンへの道ですが、
新しいサイト　Harbot's field内の「ssブログ（so-netブログ）のカスタマイズ方法」　へ引っ越しをします。

徐々に時間をかけて引っ越す予定で、今よりも見やすいサイトに変更しています。

今後ともよろしくお願いいたします。

記事の外線の色と太さと種類を変えよう

【記事の外線の色と太さと種類を変えよう】

変える部分を赤で書いています。

---

/* Articles */　とあります。

.articles { width:728px; border:2px solid #9a9a9a; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; overflow:hidden; }

外線の色と太さと種類を変えるには、
border:2px solid #9a9a9a;　を変えます。

・border:2pxの数字を変えると線の太さが変わります。

・solidは線の種類です。solidを↓↓の種類に変えることもできます。
solid（普通の線）
double（二重の線）
groove（谷型の線）
ridge（山型の線）
inset（凹型）
outset（凸型）
dotted（点線）　一部の古いブラウザでは未対応
dashed（大きい点線）　一部の古いブラウザでは未対応
none（線なし）

・#9a9a9aの部分が色の指定です。好きな色に変えましょう。
色の載せ方は、 、【基本の背景色を変えよう】に記述してあります。

ソネットブログ(so-netblog)：カスタムスキンへの道【目次】へ

タグ：ソネブロ ソネットブログ So-netBlog カスタムスキン カスタマイズ

コメント 3

コメントの受付は締め切りました

[ｺﾝﾆﾁﾊ]いつも参考にさせていただいています。
えと、スタンダード1なのですが、上の様な場所がありません。。。。
どうすればいいのでしょうか[ﾊﾃﾅ]
by ☆STITCH☆ (2008-08-12 19:24) 

★ ☆STITCH☆さん

記事に枠線を入れたいのかな？

.articles {
というのはあるはずなので、そこに
border:2px solid #9a9a9a;
がない場合は、
border:2px solid #9a9a9a;
を書き加えてくださいね。
線の色や太さ、など変えてみてくださいね。


もし、border:2px solid #9a9a9a;
を書き加えて表示が崩れたり、右側の線が出ない場合は、
.articles {
width:728px;

とワイドの記述があるはずなので、そこから線の太さ分ひいてみるといいかもしれません。
border:2px　なら-4をひいた数字に。
☆STITCH☆さんのワイドの数字が728pxとは限らないので、ご自分の数字から引いてくださいね。



by kuu (2008-08-13 14:35) 

返信有難う御座います♪
挑戦してみますｖ
by ☆STITCH☆ (2008-08-13 18:43) 

ありがとうございます♪♪

記事が役に立たれたら、下のバナーの興味があるものをクリックしてもらうとうれしいです。