ＣＳＳ ブログの枠線

これも質問が多すぎて・・・

ベーシックスキンを使って説明します

まずは・・・　
ヘッダをタレントブログのように画像にしてクリックできるようにします・・

オリジナルスキンCSSの編集　ヘッド・タイトル3

※夏用の画像が用意できませんでした・・・

#header{
height:350px;/*画像の縦*/
background-image: url(画像のＵＲＬ);
background-repeat:no-repeat;/*繰り返さない*/
}
#header h1,
#header h2{/*位置の初期化*/
margin:0;
padding:0;
}
#header h1 a{
width:800px;/*画像の横*/
height:350px;/*画像の縦*/
display:block;
text-indent:-9000px;
text-decoration:none;
}
#header h2{
display:none;/*概要を非表示*/
}

つぎに　ユーザーナビを消します

なんで・・・こんなことは許されるんですか？ 　（←記事タイトルと内容があっていませんが）

#overHeader #userNaviArea{
display:none !important;
}

つぎにジャマなフッターの線を消します（ベーシックスキン以外は必要ありません）

CSS フッターエリアの広告スペース

div#footerArea {
border-top:none;/*線を消す*/
}

ブログの上も空けちゃいます

#frame{
margin-top:30px;
}

最後に・・ブログ全体に枠線をつけます

#frame{
border: 10px solid #ff0000;/*太さ　線種　線の色*/
}

線種には

　 solid　 1本線 　　border: 3px solid #ff0000;

　 double　 2本線　　 border: 3px double #ff0000;

　 dashed　　破線　　 border: 3px dashed #ff0000;

　dotted　　点線　　 border: 3px dotted #ff0000;

　 groove 　　　　border: 3px groove #ff0000;

　 ridge　　　　　 border: 3px ridge #ff0000;

　 inset 　　　　border: 3px inset #ff0000;

　 outset 　　　　border: 3px outset #ff0000;

色は・・　色　color 　　を参考にして下さい

アレンジ・・・してみます

（ブログ全体に枠をつける前に戻ってから・・）

ヘッダの周りに枠線をつけます

#header{
padding:0;
border: 10px solid #ff0000;
}

下も枠線をつけます

#wrap{
border: 10px solid #0000ff;
}

上と下でずれちゃったら・・・

#header,
#wrap{
width:800px;/*ブログの横幅*/
}

上と下の間を空けます・・

#wrap{
margin-top: 20px;/*上と下の間*/
padding-top: 20px;/*下の線の下*/
}

スキマがおかしくなっちゃうので間は背景を透明にします

#frame{
background-color:transparent;/*透明に*/
}

今度は下の中まで背景が入り込んでしまいました・・

下の中に背景色をつけます

#wrap,#sub_a,#sub_b{
background-color:#e0ffff;/*背景色*/
}

もし・・背景色ではなくて背景画像を敷き詰める場合は・・

#wrap,#sub_a,#sub_b{
background-color:transparent;/*透明に*/

background-image:url(画像のＵＲＬ);
}

スィートとかのようにフッターがない場合は・・

#frame{
margin-bottom:30px;
}

※スキンを携帯のように細くするためにはアメブロ広告を消さないとと出来ません

　なので・・やり方は教えられませんので　質問もＮＧです

　メッセージでＣＳＳの質問は送らないで下さい・・・

　体調のいいときにコメント欄を開放しますのでそれまでお待ち下さい m(_ _)m

　表示が崩れて困っている場合はメッセージでかまいません