CSSの編集

テーマ:

 ☆CSSの変更☆
 アメーバブログさんのリニューアルに伴って 色々とCSSの変更をして

います。分る範囲で変更の仕方を こちらに書かせていただきます。

 

 ※この記事は随時 付け足しで更新していきますネ!!

 ※また CSS編集につきましては 変更前に必ずコピーしたものを

   保存してから行って下さい!!(元に戻せなくなってしまいます

   ので)

 ※尚CSS編集は自己責任でお願い致します。  

 

 CSS編集にあたっては

 こちら → 「毎日がHAPPY DAY!!」  さん

 を参考にさせていただいています。 

 

 『デザインと機能 → CSS編集』で変更していきます。 

 ブログタイトルの位置の変更  

/* ----------------------- header ----------------------- */
#header h1 {
padding-top: 90px;   ← 1段目の文字の位置(上から)
margin-left: 50px;    ← 1段目の文字の位置(左から)
margin-bottom: 10px;
}
#header h2{
margin-left: 60px;     ← 2段目の文字の位置(左から)

ブログタイトルの文字の大きさの変更

/* ----------------------- footArea ----------------------- */
/* ----------------------- font-information ----------------------- */
body {
color: #000000;
font-size: 12px;
}
.list{
font-size:10px;
}

#header h1 {
font-size: 50px;     ← 1段目の文字の大きさ 
}
#header h1 a {
color: #CC3366;
}
#header h2 {
color: #666666;
font-size: 18px;     ← 2段目の文字の大きさ
font-weight: normal;


#header h1 はブログのタイトル。
#header h2 はブログの概要。

赤文字のところを調節すると タイトル(文字)の位置が移動出来ます♪  

 

 

AD