記事に枠を付ける | 。*+?小悪魔さんと闘うママの記録?+*。

記事に枠を付ける

カスタマイズ初心者です。


あちこち色々調べながら、少しずつカスタマイズしていってます。


同じように興味のある方の少しでも参考になればと思いまとめておきます。


目次はコチラ→  。*+?小悪魔さんと闘うママの記録?+*。  




。*+?小悪魔さんと闘うママの記録?+*。




今回は、前回の


『メッセージボードに枠を付ける』


の続きと似ているのですが


ちょっと違うので


記事に枠を付ける方法を書いておきたいと思います。


(線の種類などは、メッセージボードの記事を見て下さいネ)


やり方は、CSSの下記の部分に


赤字の部分を追加するだけなのですが・・・




☆⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒☆




/*■記事 - 基本設定 - メインカラム*/
.entry{
margin-bottom:40px;
}
.entry .entry_head{
height:16px;
}
.entry .theme{
display:block;
padding:0 0 5px 0;
}
.entry .date{
display:block;
float:left;
margin:0;
padding:1px 0;
}
.entry .name{
display:block;
float:right;
margin:2px 0 0 0;
padding:0;
}
.entry h3.title{
clear:both;
margin:0 0 8px 0;
padding:3px 5px;
}
.entry .contents{
margin:15px 0 15px 0;
}
.entry .foot{
padding-top:5px;
}

/* ■ 記事に枠をつける  */
.entry{
width:97%;
border-style:double; /*枠線の種類*/
border-color:#ff99cc; /*枠線の色*/
border-width:10px; /*枠線の太さ*/
}




☆⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒Y⌒☆




width:97%;


↑この部分がメッセージボードの時と少し違います。


私の場合、これがないと↓こんな感じで


枠が途切れてしまいました。

。*+?小悪魔さんと闘うママの記録?+*。

そんな時は、ここの数値を小さくしてあげればOKなんですけど


今やってみたら、途切れなくなっているという・・・(汗)


色々なところからコピって来てるので


自分でも分からなくなってしまいました。(汗汗)


そんな初心者ですが


これからよろしくお願いします。(汗汗汗)







こちらはプロの方がいっぱい☆


にほんブログ村 ブログブログ ブログノウハウへ


いつも参考にさせてもらってます♥