習慣e気持ち！本日発売２

▲TOP

ブログ全体を眺めてみました。非常にシンプルで何か寂しいですね。
それに字がちっさくてちょっと見づらいと思いました。

管理メニューからデザインカスタマイズを選択します。
最初の部分で
/*---------------------------------------------*/
/*　全体 */
/*---------------------------------------------*/
body {

のところを見ます。

font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
　
の下に
font-size : 115% ;

として全体的に文字のサイズを大きくしました。数字はいろいろ変えて
ちょうどいいと思う大きさにしました。

その下に
color : blue ;

として基本文字の色を青にしました。

その下に
cursor:crosshair;

としてカーソルの形を十字にしてみました。

その下に
background-color : ;
text-align : center ;
margin-top : 0px ;
margin-bottom : 10px ;
background-image : url("/img/u45763/FI1321073_0E.gif") ;
background-attachment : fixed ;
}

として｝の前の2行で背景の画像指定と背景の固定を行います。

background-image : url("/img/u45763/FI1321073_0E.gif") ;

にて背景の画像を指定します。背景の画像のファイルはurlの後に("/img/u45763/ .gif")の様にgifファイル名を指定します。

使いたい背景の画像（.gif)ファイルを自分のブログにアップして使用してください。
イメージ（画像）をアップする要領でファイルをアップしたら、下書きで保存しておけば
他人に見られることはありません。画像にマウスを合わせれば("/img/u45763/ .gif")の部分がブラウザの下のほうに表示されます。

これだけだと画面をスクロールすると背景までスクロールして目に優しくないので、
私は背景が動かないほうが好きなので、

background-attachment : fixed ;

fixed (固定）として背景を固定しました。

記事が真ん中にあって背景の左右のひまわりとの隙間が偏るので

.mydoblog-position {
text-align : left ;
width : 760px ;
position : absolute ;
left : 50% ;
margin : 0px 0px 0px -400px ;
border : ;
background-color : #ffffff ;
}
の部分でmargin : の最後の-400px ;の値を変えて記事の部分の
左右の位置を調整しました。

これだけでも、かなりイメージチェンジできてe気持ち！

Comment (0) | Trackback () | ▲TOP