タイトルの色と場所を変える
タイトルの場所を変えます。
ブログを書く → デザインの変更 → CSSの編集
****************************************************************
/* ---------- header : ブログタイトル部分 ----- */
#header{
height:388px;
background-color:#98CB00;
}
#header h1,
#header h2{
margin:0;
padding:0;
}
#header h1{ ←タイトル
padding-top:15px; ←上からのポジション
margin-left:10px; ←左からのポジション
text-decoration:none;
}
#header h2{ ←概要
margin-left:10px; ←左からのポジション
}
~~~~~~~~~~中略~~~~~~~~~~
#header h1 a,
#header h1{ ←タイトル
color:#006600; ←色
font-size:25px; ←サイズ
font-weight:bold; ←字体
line-height:1.15;
}
#header h2{ ←概要
color:#000000; ←色
font-size:11px; ←サイズ
font-weight:normal; ←字体
line-height:1.15;
}
****************************************************************
※赤字の数字 15を85、10を50にします。
※赤字のアルファベッドを FFFFFF(白) にします。
色のコードは、
ブログを書く → デザインの変更 → デザインのカスタマイズ
カラーから好きな色を選べば、コードが取得できます。


こんな感じになりました。
ブログを書く → デザインの変更 → CSSの編集
****************************************************************
/* ---------- header : ブログタイトル部分 ----- */
#header{
height:388px;
background-color:#98CB00;
}
#header h1,
#header h2{
margin:0;
padding:0;
}
#header h1{ ←タイトル
padding-top:15px; ←上からのポジション
margin-left:10px; ←左からのポジション
text-decoration:none;
}
#header h2{ ←概要
margin-left:10px; ←左からのポジション
}
~~~~~~~~~~中略~~~~~~~~~~
#header h1 a,
#header h1{ ←タイトル
color:#006600; ←色
font-size:25px; ←サイズ
font-weight:bold; ←字体
line-height:1.15;
}
#header h2{ ←概要
color:#000000; ←色
font-size:11px; ←サイズ
font-weight:normal; ←字体
line-height:1.15;
}
****************************************************************
※赤字の数字 15を85、10を50にします。
※赤字のアルファベッドを FFFFFF(白) にします。
色のコードは、
ブログを書く → デザインの変更 → デザインのカスタマイズ
カラーから好きな色を選べば、コードが取得できます。


こんな感じになりました。