Ameba Blogをカスタマイズしてみる (４)
さて、とりあえずそれらしくなってきたのでデザイン面の調整へGO！
え～っと、バナーなどを貼るための「フリースペース」というものがあるので
ここに試しにロゴを置いて一番上に配置すると、
無事に「PR」の下に表示されますね。
そして枠の色を統一（とりあえず無難にグレーで）するために
-------------------------------------
/*■コンテンツ全体*/
#frame{
background-color:#DCDCDC;
}
#wrap{
width:780px;
margin:0 10px;
background-color:#DCDCDC;
}
-------------------------------------
と、「frame」と「wrap」の背景色を揃えてっと。
（両方指定してあげないと「sub_a」と「sub_main」の間のスペースだけ
「wrap」の背景色が出てきてしまうので）
う～ん、オーソドックスな配色...
背景色はある程度濃いめの方がメニューと本文の白の背景が
目立っていいんだけど、面白みにかけるのがどうも。
配色はこれから調整、です。
と、ここまでで第一段階完了、ということにしちゃえ。
積み残しの課題はこれからということで。
Ameba Blogをカスタマイズしてみる (3)
懸案だったヘッダ画像の上のスペースを表示しないように挑戦。
まず強引に
-------------------------------------
#userNaviArea{
height:0px;
}
-------------------------------------
としてしてみる。
が、listは非表示になったけどその上のスペースが消えない...
なんだろう、この余白......
さらに強引に
-------------------------------------
#header {
margin-top:-76px;
}
-------------------------------------
で、どうよ？
消えた、ってか、無理やり上に詰めて隠した。
けど、これでいいのか??
う～ん。
Ameba Blogをカスタマイズしてみる (2)
放っておきっぱなしだったアメブロ・カスタマイズ計画ですが、
とうとうお仕事の依頼がやってまいりましたので本格的にチャレンジです。
まずはヘッダ画像をUPして、あれ、画像の上のスペースが邪魔、
なんだけどとりあえず先に進みます。
そんで、背景色を指定したりまずは簡単に出来ることを指定して、
あ、3カラムから2カラムへ変更したら全部初期化されるのねぇ...
気を取り直して初手から指定し直しって事で、ふぅ。
いよいよCSSをカスタマイズっす。
まずは800pxの大枠の中に10pxの余白を作って、
そんなかに左メニューと本文を表示させるために
↓のメンテナンスを。
---------------------------------------------------
/*■フレーム - 基本設定 - スキン基本設定*/
#wrap{
width:780px; /* 800px */
margin:0 10px; /* 追加 */
background-color:#0541C6; /* 追加 */
}
#sub_main{
width:590px; /* 100% */
margin:0 10px 10px 10px; /* 追加 */
padding:10px 10px 0 10px; /* 追加 */
overflow:hidden;
background-color:#FFFFFF;
}
---------------------------------------------------
基本構造は「#wrap」の中に「#sub_a」（3カラムの場合は「sub_b」も）と
「#sub_main」が格納されているわけですね。
ふ～む。
あとは背景色と「#wrap」の色指定を統一すれば
それらしく見えるのかな。
あとはヘッダ部分の不可視化とフッタ部分の処理かぁ。
あと、HTMLが書けるところがあったから
そこへのバナーのリンクかな。
よ～し、もう一息。
今週末に頑張れるかなぁ......
アメブロの広告表示をはずすには...
とりあえず常に右上から動いてくれない「PR」をどうにかしたい、
ということで調べてみました。
「サイドバーの設定」‐「サイドバーの配置」ページに行くと
「ブログの広告がはずれる機能が新登場！申し込みはこちら」
というリンクが現れて（ https://prm.ameba.jp/new/ad/index.do ）
■料金： 980アメゴ－ルド/月
■内容： ブログスキン内の広告を非表示にすることができます。
という残念なご案内が現れました...
予想はしてたけど、やっぱり金とるんだよね...
「980アメゴ－ルド/月」って、きっと980円のことなんだろうなぁ。
これが果たして高いのか安いのか、う～ん、個人で運営するには
かなり割高感満載な気がするのですがいかがでしょうか？
ま、「金払えばいいんだろ」という方にとってはそれでもありがたいサービス(?)かもしれませんね。
Ameba Blogをカスタマイズしてみる (1)
アメブロをカスタマイズするにはどうするのかな？と思ってAmebaのヘルプ（ http://helps.ameba.jp/qguide/blog/post_323.html ）を調べてみたけど、
...意味不明......
んじゃ、いっそ自分でアメブロ作っちゃえ、ということでやってみました。
「STEP1.まずはスキンを選択」
え～っと、”カスタマイズ用スキン「ベーシック」を選択します。”と、
あ～、「スタンダード」グループの中に「ベーシック」があるのね。
すでにちょっとわかりにくい...
んで「ベーシック」を選ぶとはじめて「スキンの選択」の横に「スキンのカスタマイズ」と「スキンCSSの編集」のメニューがでてくるわけですね。ふ～む。
あとはヘルプにあるようにカスタマイズしたりCSSを編集したりすればOKですね。
あ、ヘッダ画像作ってないや...
とりあえずフォントだけ変更しなきゃ（"ＭＳ ゴシック"がデフォルトなんてありえないってば！）、
でとりあえずメイリオを先頭にしとこうかなっと。
...できた。
フォントだけ変更してあとは真っ白、プレーンなブログになりました。
なんか逆に新鮮かも？
次は広告をはずすにはどうすれば、をやってみようっと。