SOUND このサイトは画像素材&ウェブサイトテンプレートを配布しているサイトです

スタイルシートのカスタマイズ


①変更したい部分はどこかを調べる
(例)ページ全体の背景画像を変更⇒body
  リンクの色を変更⇒a
  メニューの書体を変える⇒#menu※
 ※(この部分はテンプレートによります。#menuはメニュー部分のボックスにつけられた名前の事です。
②わかった所属、名前を外部CSSファイルから探す。
③変更したい内容にあたるスタイルシートがあるかどうか調べる。
(例)リンクの色を変更したい場合、ページ全体のa設定と、一部コンテンツのa設定が別々にされている事が良くあります。どちらを変更したいのか確認してください。
④該当箇所が見つかったら下記を参照の元変更してください。

文字の色を変えたい


  変えたい部分{color:#お好きな色のコード;}


  a{color:#お好きな色のコード;}

文字の行間を変えたい


  変えたい部分{line-height:1~の数字、もしくはピクセル数;}
  文字一文字の大きさを1とし、このサイトは1.7と設定しています。

文字の書体を変えたい


  (1)変えたい部分{font-face:"書体名"}
  (2)変えたい部分{font-family:"第一候補の書体名","第二候補書体名" , "第三書体名"}
  1は一つだけを設定し、もし見ている人のパソコンにその書体が対応していなかったらデフォルトの書体で表示される。
   2は複数の書体を設定でき、書いた順番から優先で書体が設定される。もし最初の書体がPCに対応してなかったら次に書かれた書体で表示される。


背景を変えたい


  背景色変更⇒ 変えたい部分{background-color:#色コード;}
  背景画像変更⇒ 変えたい部分{background:url(画像URL);}
  更に詳細に設定したい場合はこちらをご覧ください。

コンテンツの幅・高さを変えたい


  変えたい部分{width:横幅px; height:縦幅px;}

関連リンク





copyRights SOUND All Rights Researved.