teacup.からのお知らせもご確認ください。
【豆知識】大きいブログパーツを貼る方法  豆知識

いつもteacup.ブログ"AutoPage"をご利用頂きありがとうございます。

ブログポイント使っていますか?お小遣いが稼げる素敵なブログパーツですので、是非ご利用下さい。
>>blogPointって何?


ブログパーツはブログを楽しむ上で欠かせないモノだとだと思いますが、パーツのサイズによってはデザインを壊してしまうことが多々あると思います。
そこで今回は「自由項目」に大きいサイズのブログパーツをに貼るためのちょっとしたテクニックを紹介したいと思います。

対象のブログパーツをスタイルシートの「overflow:hidden;」で囲むことでオーバーする部分を表示させないことが可能です。

───────────────────
例1:横幅サイズを指定しない場合
───────────────────
<div style="overflow:hidden; margin:0px;">
ブログポイントスクリプト
</div>

▼解説
デザインのサイドのサイズに合わせて表示されます。サイドデザインの横幅をオーバーする部分が表示されなくなります。
※ブラウザによってはデザインが崩れてしまいます。


───────────────────
例2:横幅サイズを指定する場合
───────────────────
<div style="overflow:hidden; margin:0px; width:125px;">
ブログポイントスクリプト
</div>

▼解説
指定した横幅「width:125px;」をオーバーする分が表示されなくなります。
好みでサイズを決めてもらうと良いと思います。
指定するサイズによってはすべてのブラウザでデザイン崩れを回避することが出来る可能性があります。

例1で実際にやってみて、デザインが崩れたら、例2を実行してみるのが良いと思います。

【注意!】
ここで使われているスタイルシートをコピーして使用する際は
全角の「< >」部分を半角の「< >」に変更してお使い下さい。
3




AutoPage最新お知らせ