CSS サイドバーの下に画像３個
先日、サイドバーの下が無駄なんで画像でも入れませんか～？って書いたら
早速、
★★crescent moon and star★★
ラビリンスさんに導入していただきました
かわいらしいサイトですから見てください
たとえばラビリンスさんのサイトであれば
.plugin{
padding-bottom: 190px;
background: url(ツリー画像のURL) no-repeat center bottom;
}
これだけで右サイドに１個、左サイドに３個、計４個のツリーが現れます
ほかにも
#sub_a {
padding-bottom: 80px;
background: url(トナカイ+サンタ画像のURL) no-repeat center bottom;
}
#search .menu_frame{
padding-bottom: 80px;
background: url(トナカイ+サンタ画像のURL) no-repeat center bottom;
}
#freespace .menu_frame{
padding-bottom: 80px;
background: url(トナカイ+サンタ画像のURL) no-repeat center bottom;
}
で、左サイドに３個のサンタさんが表示されま
あの～
実際は画像ってもっと入れられるんですね
divとかでidとかclassでマークしてあって
すでに使っていなければどこにでも入れられます
自分のサイトのソースを見て
どこに入るか探してみるのもCSSの勉強にもなるし
サイトを飾ることもできます
※重くなりますので画像の使いすぎには注意ください
※使用されているスキンやサイドバーの配置位置等により設定できない場合や画像が表示されない場合があります