ブログのタイトルをCSSを編集してサイズや位置を変更する方法を
ご紹介します。
カスタマイズの方法は簡単です
下記のコードをコピーしてアメブロのCCS編集画面でCSSの一番したへ
貼り付け、各数値を変更しプレビューボタンを押して調整
OKだったら「保存」をクリックして完了という流れです。
アメブロCSSの編集画面に貼り付けるCSS
/*タイトルの部分*/- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#header h1 a {
color:#444444; /*文字の色*/
font-size:13px; /*文字のサイズ*/
font-weight:bold; /*文字の太さ*/
line-height:1.15; /*行間*/
margin-left:20px; /*左端からの距離*/
padding-top:10px; /*上からの距離*/
}
/*タイトルの下の紹介文*/
#header h2 {
color:#444444; /*文字の色*/
font-size:10px; /*文字のサイズ*/
font-weight:normal; /*文字の太さ*/
line-height:1.15; /*行間*/
margin-left:20px; /*左端からの距離*/
padding-top:10px; /*上からの距離*/
上記のCSSで上手くいかない場合にはより確実で自由度のたかい
こちらの方法で
アメブロカスタマイズCSSでタイトルの位置と大きさを変更２ 2007.12.05
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
アメブロCSS画面への移動方法
アメブロにログインして「アメブロ」→「デザイン変更」をクリック
スキンCSSの編集をクリック
ここがCSSの編集画面です。 ここの一番下まで移動
一番下にコピーしたCSSを貼り付けて各数値を変更してそのつど「プレビュー」で確認します。
いい感じになったら「保存」をクリック
以上、編集の仕方です。 上手くいくとCCS編集はクセになり結構楽しいですよ
■関連記事
