【CSS】フッターに画像を挿入する
いや～。だんだんとブログがしっかりとした形になってきたのではないでしょうか？
成功すると嬉しいですね。
見やすいブログは何度訪れても気持ちのいいものです。
カイカンを共有しましょう♪
さて今回は、ブログの最下部、フッター部分に画像を挿入する方法です。
参考は アメブロ向上企画書さま のページです。
フッターに挿入したい画像を準備し
CSSの最後に下記のタグを挿入してください。
/*フッターに画像を挿入 ここから*/
div#footerArea {
background-image: url(画像のURL);
background-repeat: no-repeat;/*繰り返さない*/
background-position: 20px center;/*画像の位置 左から 上から*/
}
/*フッターに画像を挿入 ここまで*/
フッター部分の背景色を変えたい場合は
下記の一文を追加してください。
色を付けたい場合
div#footerArea{
background-color:#FF3399;/*背景色*/
}
透明にしたい場合
div#footerArea{
background-color:transparent;/*背景色を透明*/
}
背景に画像を使っている場合でフッターエリアにも背景を回り込ませるようにする
div#footerArea{
background-color:transparent;/*背景色を透明*/
}
（透明にすれば可能）
※これらをやる場合は上の線がジャマになりますから消してください 。
ハピ子
【CSS】フッター広告欄をスキン横幅にあわせる
前回の記事 でヘッダーの編集をしました。
すっきりとなりましたか？（はぁ～～い！）
うむｗよいお返事。
今回はフッター（ブログの下のエリア）もヘッダーと同じように編集しちゃいましょう。
詳しくはアメブロ向上企画書さん のページをご覧ください。
フッターエリアの広告スペースをスキンの横幅にあわせる。
ＣＳＳの最後にコピペしてください。
/*フッターエリアの広告スペースをスキンの横幅に合わせる ここから*/
div#footerArea {
margin:0 auto;
width: 760px !important;/*スキンの横幅にあわせる*/
border-top:none;/*線を消す*/
}
div#footerArea img{
padding-right:10px;
}
/*フッターエリアの広告スペースをスキンの横幅に合わせる ここまで*/
－－－－－－－－－－－－－－－－－－－－－－－－－－
border-top:none;/*線を消す*/
↑これで線が消えます。
もし、線が有ったほうがいい場合はこの行を消してください。
【CSS】ブログトップの広告を消す
さえらちゃんのブログ より
アメーバブログのトップを編集しましょう。
一番上からトップ画像までの余白が気になるので消してしまいましょう。
/*アメブロヘッド 余白を埋める ここから*/
ul#amebaBar{
margin:0 auto !important;
min-width:0px !important;
width: 760px;/*スキン横幅を入れてください*/
border:none;
position : static !important;
}
body{
padding-top:0 !important;
}
/*ナビゲーションリンク消す*/
div#userNaviArea{
display: none;
}
/*アメブロヘッド 余白を埋める ここまで*/
検索窓の枠と中の色を変えるには
/*検索窓*/
li#barSrch .barKey {
border:1px solid #999999;/*枠*/
background-color: #ffffff;/*中*/
}
検索窓要らないや～～って方は
/*検索窓*/
li#barSrch{
display:none ;/*アメーバ検索表示しない*/
}
－－－－－－－－－－－－－－－－－－－－－
いづれもＣＳＳの一番最後に貼り付けてください。
で。広告を消すには。
どうしたらいいのでしょうか～o(〃＾▽＾〃)oアハハ
ハピ子
いっぱい食べる女子
ブログネタ：いっぱい食べる女子ってアリ？ナシ？
参加中私はあり
派！
アリでしょ？？？
ナシとは言わせない是！！！
理由はハピが大食いだからだ！！！！！
食べること大好き！！お酒を飲むこと大好き！！！
ハピは昔から大食いです。
とにかくよく食べます。
職場の飲み会などに行くと
ハピが大食いだと言うことを知っている人たちが
自分の食べなかった料理をハピに分けてくれます。
この前はデザートを三人前頂きました♪ヾ(*´∀`*)ﾉ ｷｬｯｷｬｯ
食べ物を残すことが嫌いなのですよ。
もったいないっていうか。
食べられなかったものは捨てられちゃうわけでしょ？？
大きなゴミ箱にざらざらーーーっと捨てられちゃうんでしょ？？
モッタイナイ！！！！！（by マータイさん）
捨てるくらいなら腹の中に入れてまえ！！！！！
残して捨てるくらいなら、食べて太った方がいいわ～。
「わたし、小食なの～☆」
「もぅ、おなかいっぱい☆これ以上食べたら死んじゃうっ！」
っていう女子がいたら、羨ましいを通り越してぶん殴りたいです。
なにを可愛こぶってんのよっ！！！いいじゃない！！若いじゃないっ！！
ハピ子は、よく笑い、よく食べ、よく飲み、よくしゃべり、よく泣く女です。
是☆
ハピ子
- いっぱい食べる女子ってアリ？ナシ？
- あり
- なし
- どっちでもいい
