サイド広告をアイフレみたいに | nixの新アメブロCSSカスタマイズ研究所

nixの新アメブロCSSカスタマイズ研究所

デザインが新しくなってから今までのタグが使えなくなっちゃった・・アメーバさんに文句言ってても戻してはくれない。研究して新しいタグで改造するしかないのだ←

アイフレ&横メニューつき素材屋風改造のタグを
全部貼っている方はこのタグは不要です。
・・↑のタグにこのタグが入ってますから。実は←


質問が多かったので・・

サイド広告をアイフレみたいに
縦幅と横幅を指定してスクロールさせて
枠付けて背景色も付けて絶対配置で
ブログの好きなとこに置けちゃうタグ
紹介しちゃいます。

これを違反に使いそうな子が絶対いるので
ほんとは紹介したくなかったのですが・・

ちゃんとしたとこに置きたいからっていう
正当ユーザーのために・・


これはレイアウトが3カラムじゃないとできません。

まず、ブログを書く→サイドバーの設定→サイドバーの配置で
広告以外の機能を「使用しない機能」か左側のサイドバーに移して
右側のサイドバーの中身を広告だけにします。
(別に広告以外のものを入れてもいいですけど
広告と一緒のアイフレの中に入っちゃいますよ。
このブログの左下アイフレが見本。)

次に、↓をCSS欄の最後にコピペです。


.skinFrame2{
position:relative;
width:1000px;
margin:auto;
}
.skinSubA{
width:●px !important;/*横幅*/
height:●px;/*縦幅*/
overflow:auto;
border:●px ▲ #■;/*枠の太さ 種類 色*/
background-color:#■;/*背景色*/
position:absolute;
left:●px;/*左からの位置*/
top:●px;/*上からの位置*/
text-align:center;/*文字中央寄せ*/
}


枠いらない人は赤い部分消してください。
文字を中央寄せにしなくてもいい人は青い部分を消してください。
centerの部分をrightに変えれば右寄せになります。


もらうときはコメお願いします。


~応用~

文字が読めないくらいに小さくスクロールさせたり
見えないところや目立たないところに置く、
ましてや消すなんて行為は規約違反になります。

今回のこの大幅なデザイン革命は
そういう規約違反者のせいで起こったことをお忘れなく。

ちなみに今回のデザインは
サイド広告は別に上に置かなくてもいいみたいです。
同じくこのブログの左下アイフレが見本です。