ブログの構成で、パーツのサイズを変えたい場合があります。
逆に、記事本文のエリアは文章の分量によって、サイズが勝手に変わります。
CSSの編集内容は、2行追加するだけ
/* (3-2) ブログヘッダー
--------------------------------------------*/
/* skinDescriptionArea ブログの説明エリア */
.skinDescriptionArea{
max-width:900px;/* ←ブログの説明エリアの横幅制限 */
overflow-x:scroll;/* ←ブログの説明エリアに横のスクロール */
border-top:3px solid #cc9999;/* ←ブログの説明エリアの上に枠線を付けたいとき */
border-left:thin dotted #cc9999;/* ←ブログの説明エリアの左に枠線を付けたいとき */
border-right:medium double #cc9999;/* ←ブログの説明エリアの右に枠線を付けたいとき */
border-bottom:thick dashed #cc9999;/* ←ブログの説明エリアの下に枠線を付けたいとき */
background-color:#ddffdd;/* ←ブログの説明エリアに背景を敷きたいとき */
}
max-width(横幅の最大)、ピクセルで指定
overflow-x(x座標=横ではみ出した場合の処理)、ここではスクロールを指定
指定できるパラメータは、4種類
visible(既定値:表示する)、hidden(隠す)、scroll(スクロールバーで表示する)、auto(自動)
通常は overflow:visible; なので記述が省略されています。
(横幅も高さも全て表示の状態)
/* (3-6) 記事
--------------------------------------------*/
/* skinArticleBody 記事本文エリア */
.skinArticleBody{
max-height:980px;/* ←記事本文エリアの高さ制限 */
overflow-y:scroll;/* ←記事本文エリアに縦のスクロール */
}
max-height(高さの制限)、ピクセルで指定
overflow-y(y座標=縦ではみ出した場合の処理)、ここではスクロールを指定
width と x が height と y に変わっただけで文法は同じです。
エリアを正方形などにした場合、縦横を一度に指定する場合は
overflow で指定できます。
注意!
邪魔なブログパーツを、max-width max-height で縮めてしまうことも可能ですが・・・
これは禁止されています。
CSS編集エディタにも
「広告を消す行為の他、掲載位置変更や視認性を悪くする修正なども、
規約違反に該当する可能性がありますのでご遠慮下さい。」
「アメーバ利用規約」(きちんと読んでいますか?)
「第12条(禁止事項)」の「(6)サービスの運営を妨害する行為。」
になります。
アメーバを無料で利用できるのも、CMを提供している企業のおかげです。
ID停止、ブログ削除などの厳しいペナルティが待ってます。
絶対にやらないようにしてください。
知っていること、出来ること、やっていいことの区別をしっかりつけましょう。
最後まで読んでいただいて、ありがとうございます。