CSS フッターエリアの広告スペース
前にブログ上部の広告エリアをスキンの幅に合わせる ・・・ってやりましたが
フッターエリアの広告スペースもスキンによっては気になるところです・・・
ＣＳＳの最後にコピペしてください
div#footerArea {
margin:0 auto;
width: 760px !important;/*スキンの横幅にあわせる*/
border-top:none !important;/*線を消す*/
}
div#footerArea img{
padding-right:10px;
}
※9/25アメブロの変更により修正しました
※2010.10 アメブロの変更により修正しました
border-top:none;/*線を消す*/
↑これで線が消えます・・・・ もし、線が有ったほうがいい場合はこの行を消してください
アメブロヘッド広告をスキンにあわせる
http://ameblo.jp/exlink/entry-10134973750.html
関連として
ニックネーム ルーム|ブログ|フォト|相談|プレゼント
CSS ユーザーナビエリアも何とかしちゃいます
http://ameblo.jp/exlink/entry-10134141851.html
CSS フッターエリアの広告スペース 2
ＣＳＳ ブックマーク一覧のページ
ブックマーク一覧のページです
今回は間隔も広げてみました・・・・
背景画像
ＣＳＳの最後にコピペしてください
/*ブックマークのページ*/
#bookmark_list .title{/*タイトル*/
text-indent:-9000px;
background-image:url(画像のURL);
background-repeat:no-repeat;
height:40px;/*画像の高さ*/
}
#bookmark_list li a{/*ブログ名*/
color:#ff00ff;/*文字色*/
}
#bookmark_list li{/*点線*/
border-bottom:2px dotted #ff00ff;
padding-top:10px;/*行の間隔を広げる*/
}
#bookmark_list {/*背景*/
background-image: url(画像のURL);
background-repeat: no-repeat;
background-position:100% 100%;
}
padding-top: を設定していない場合・・・・ ↓
線種の例・・・・
border-bottom: 1px solid #ff00ff; solid 1本線
border-bottom: 3px double #ff00ff; double 2本線、3px以上でないと２本になりません
border-bottom: 1px dashed #ff00ff; dashed 破線
border-bottom: 5px dotted #ff00ff; dotted 点線、2px以上でないと点になりません（IE6）
border-bottom: 3px ridge #ff00ff; ridge 山型の線
同じテーマで書かれた記事がリンク・・・・
スタッフブログ
http://ameblo.jp/staff/entry-10140746178.html
なんか使えそうですね・・・
ただそのためにはテーマを細分化する必要がありそうです
でないと・・・
ただの過去記事3件ってことですからね・・・・
でも・・・
それより・・・・
アクセス数の上位3記事ってのが欲しいです