先日1月16日から、アメブロの仕様でヘッダー上に余白ができています。
一時的なものなのかわかりませんが、ヘッダーやメニューバーがずれる可能性があります。
この余白をなくすには
CSSに
.skinFrame {
padding-top: 0px;
}
を追加します
やってみてくださいね
アメブロのサイドバーを左右同じ幅にするカスタマイズ
アメブロのサイドバーを左右同じ幅にするやり方です。
アメブロは、3カラムの場合、サイドバー2つある内、1つがワイド、1つが狭い幅と異なるものでした。
今回の方法は、ブログ幅を元々の980pxのまま、記事エリアも元のままで、左右のサイドバー幅を統一するやり方です。
・ブログ幅980pxで記事幅を広げ、サイドバーを狭い幅で統一する方法はこちら
・ブログ幅を860pxにして、サイドバーを狭い幅で統一する方法はこちら
アメブロの元々の幅 一方がワイドで、一方が狭いサイドバー
これを、記事エリア、ブログ幅をそのままで、サイドバー幅を統一します
↓↓
CSSに以下を追加します。
/*------- 3 カラム・右ワイドメニュー --------*/
.columnC .layoutContentsA{
float:right;
width:725px;
}
.columnC .skinMainArea{
float:left;
width:470px;
}
.columnC .skinSubA{
float:right;
width:240px;
}
.columnC .layoutContentsB{
float:left;
width:240px;
}
/*------- 3 カラム・左ワイドメニュー --------*/
.columnD .layoutContentsA{
float:left;
width:725px;
}
.columnD .skinMainArea{
float:right;
width:470px;
}
.columnD .skinSubA{
float:left;
width:240px;
}
.columnD .layoutContentsB{
float:right;
}
.columnD .skinSubB{
width:240px;
}
/*------- 3 カラム・右メニュー --------*/
.columnE .layoutContentsA{
overflow:visible;
}
.columnE .skinMainArea{
float:left;
width:470px;
}
.columnE .skinSubA{
float:right;
width:240px;
}
.columnE .skinSubB{
float:left;
margin-left:15px;
width:240px;
}
3カラムの全パターンに対応しています
アメブロの字体を以前のものにする
先日から、アメブロのフォント（字体）が変わりました。
こちらに詳細があります
それが『嫌』という声も多いようです。
以前のフォントに戻したいという場合はCSSに
body, input, button, select, textarea {
font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Arial,Helvetica;
}
を入れます。
これで、以前の字体になります。
「ブログトップ」「記事一覧」「画像一覧」ボタンを非表示にする
内藤です
少し前から、記事エリアの上下にこのようなボタンがつくようになりました
これが「いらない！」という方も多いようなので（笑）
外し方です。
「ブログトップ」がいらない場合
CSSに以下を追加します
.blogTopBtn{
display:none;
}
「記事一覧」がいらない場合
CSSに以下を追加します
.articleListBtn{
display:none;
}
「画像一覧」がいらない場合
CSSに以下を追加します
.imageListBtn{
display:none;
}
これで3つのボタンを消すことが出来ます。
また、3つ全て非表示にした場合、スペースが空いてしまいますので、
.globalLinkArea {
padding: 0px 0;
}
も追加しておいてください
管理画面の「サービス一覧」が変更
内藤です。
アメブロの管理画面が10月22日に変わりましたね。
これまで左上にあった『アメーバのサービス一覧』の場所が変更になりました。
変わってしまって、迷っている方も多いかと思います。
新しい場所は右上の三本線
こちらからサービス一覧が開けます
使ってみてくださいね