HimuRock'ん'のブログ一覧

昨日スタイルシートの文字の変更のやり方を載せるっと言ったので教えたいと思います!!

これはホントにフォントの変え方を知りたい方だけにお教えします(笑)

まずは・・・bodyのとこを見つけますその{}の中に
「font-family: 変えたい書体;」を追加するだけです!!

body
{
　　　　　・
　　　　　・　
　　　　　・
　　　　　・
　　　　　・ 　　　　

　　font-family: 変えたい書体;　
}

こんな感じです!!

書体は
　　serif　　明朝体フォント
　　sans-serif 　ゴシック体
　　cursive　筆記体フォント
　　fantasy　装飾系フォント
　　monospace等幅フォント
って感じです!!

私はこれで出来ましたけど・・あってますよね？？

以前にヘッターの変更のやり方を載せたらかなり評判が良かったみたいなので今日は壁紙の設定をお教えします!!

まずは・・画像を作ります。。
横幅は750pxで作ったほうがピタッと合います!!
後は･･･背景で使うのであまり画像の色が強かったり派手だったりすると文字が見づらくなります。。。
そこで・・・画像編集ソフトでコントラストを調整してあげると
色が薄くなります!!!

次は画像の貼り付けです!!
スタイルシートの編集で
body{　}のお文字を探します。。。
その{　}の間に
　background-image: url('登録した画像のURL');
　background-repeat: repeat;　
　　　　↑これは繰り返し表示の意味なので入れなくてもOKです!

を追加します!!

　あとはバックの画像を固定したい場合は
　　background-attachment:fixed;
　を追加すればOKです!!

これでカスタマイズ終了です!!
さ～みんなカスタマイズしよ～!!!

ZONDAG先生から教わったやり方です!!

まずは画像を作ります。。コレが結構大変です。。。
サイズは横幅750ピクセルで作るとピタッときます!!

その作った画像を「スタイルシート用画像」として保存します!!

スタイルシートの編集画面を開きます!!

↓こんな感じに書いてある部分を見つけます。

　#Header
　　{
padding:15px;
margin-top: 5px;
background: #353535;
margin-bottom: 0px;
width: 750px;←これが画像の横幅
height: 70px;←これが画像の高さ
background-image: url('/styles/black/point.gif');
　　　　　　　　　　　　　　↑ここに保存した画像のURLを入れます
　　}


これでヘッダーの変更は完了です!!

分かりましたか？？って分かりにくいか。。。。