超初心者のアメブロカスタマイズ
HTMLとかCSSとかまったくもって良くわかっていない、、、、
そんな人でもスキンはいじれないのかなとか思ってちょっとやってみたら、意外と簡単にいじることができてしまいました。
一応やったことのメモですが、参考になるのであれば幸いと思い、一応アップすることにしました。
(2011.1.18)
ブログタイトル画像
2011.1.18~
横を800ピクセルにすると、画像が繰り返されずに済みます。
(一年近く繰り返されたのを使っていました)
これですっきり‥
でも画像が粗い(携帯で撮ったものなので仕方ないのですが‥)のでいい写真を取ってもっといいページにしたいです!!
文字フォント
スキン基本設定の最初の方にあるこんな文字列
body{
margin:0;
padding:0;
text-align:center;
font-family:"MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica;
}
を
body{
margin:1;
padding:0;
text-align:center;
font-family:MingLiU, Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica;
}
に変更したことで今のフォントになっています。
採用されるのは一番左側のフォント。
MingLiUがここでは採用されることになります。
対応していないものだった場合はその一個右ので表示されるらしいので、幾つか書いておくのがいいのかもと思い、右側のいくつかは残してあります。
ヘッダーのフォント
/*■■■デザインカスタマイズ - ヘッダー*/
/*■ブログタイトル*/
#header h1{
font-weight:bold;
line-height:1.2;
}
を
/*■■■デザインカスタマイズ - ヘッダー*/
/*■ブログタイトル*/
#header h1{
font-family:Comic Sans MS,'MS Pゴシック',sans-serif;
font-weight:bold;
line-height:1.2;
}
に変更!
これで念願?だったタイトルを少し崩した形にすることに成功!!
英字部分だけですが、大満足です^^;
とりあえず今日はここまで‥
頑張った~~!
参考URL
ちなみにこのボタンも初使用^^;
たぶん普段の記事で使うことはないと思うので‥
使ってみました^^;
こちらも押していただけると大変嬉しいです!!
にほんブログ村
- アメブロをカスタマイズ 魅せるブログデザインを作ろう!/本岡毬穂
- ¥1,764
- Amazon.co.jp
- アメブロだからできる パワーブロガーになって夢を叶える方法/中嶋 茂夫
- ¥1,554
- Amazon.co.jp
- アメーバピグ 公式ガイドブック/アメーバピグ 公式ガイドブックプロジェクト
- ¥998
- Amazon.co.jp