スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

前後の記事

最近の記事

管理者にだけ表示を許可する

fc2tyle_custom[body部分のカスタマイズ]

カスタマイズトップへ戻る

No.【1】body(全体部分)条件別カスタマイズ方法
下記の条件以外のカスタマイズをされたい方はお問い合わせよりご質問下さい。記事内に公開します。
全体の背景色を変えたい
文字スタイルを変えたい
行の高さを変えたい
画像に枠を入れたい
全体のリンク色とは
全体の背景色を変えたい
手をつける場所:HTMLスタイルシート
デフォルトでは白色になっています。全体の背景色を変えるにはbody { background: #ffffff;
の#ffffffを好きな色に変えて下さい。しかし左、右メニューや記事の背景色は変更されません。各タグ内background(スタイルシート内)にカラーを指定して下さい。
▲トップへ
文字スタイルを変えたい
手をつける場所:HTMLスタイルシート
文字スタイル(有名なのは明朝やゴシック体など)を変更するにはfont-family:の値を変更します。
フォントの指定には、フォント名による指定、キーワードによる指定があります。フォント名は具体的な名前で指定し、名前は全角・半角・スペースも正確に記述しなければいけません。フォント名にスペースが含まれている場合は""または''で区切る必要があります。
記述方法
font-family:フォント名,キーワード
キーワードの指定はフォント名による指定がどれも有効でない場合に適用されるので、指定しておくべきです。
キーワード:「serif」明朝系「sans-serif」ゴシック系「cursive」筆記体「fantasy」装飾系「monospace」等幅

デフォルトではGeneva,Hiragino Maru Gothic Pro,~;となっています。それぞれの","は、ビジターの環境に指定したフォントが無い場合に、並べた順に優先されて設定されます。
Genevaがビジターの環境になければHiraginoになります。
▲トップへ
行の高さを変えたい
手をつける場所:HTMLスタイルシート
行の高さ(行送り)幅を変更するには、line-height:の%を変更します。
font-size:normal にすると、ブラウザが自動的に行の高さを設定をしますが、なるべくブラウザに依存しない方がいいので数値で設定した方がいいでしょう。
▲トップへ
画像に枠を入れたい
手をつける場所:HTMLスタイルシート
デフォルトではブログ内の画像に枠はありません。枠を入れるのであれば、
/***↓img(全体の画像)***/の下にある
border: 0px solid #BFB9A8;
(線:0ピクセル 実線 カラーコード)
をborder: 変更するサイズpx solid #BFB9A8;
にしてください。
例:border: 1px solid #000000;
なお、線の種類には
dotted 点線、dashed 破線、none 枠線を表示しない
double 二重線、groove 線をへこませる
ridge 浮き上がる
などがあります。
▲トップへ
全体のリンク色とは
手をつける場所:HTMLスタイルシート
全体のリンク色を変えても記事内のリンク色やメニューのリンク色に反映されません。
全体のリンク色というのは、記事内などでリンク色を指定していなかった場合の色コードを表します。
また、ここで設定した条件、例えばリンクの背景色を変える、などをした場合、記事内やメニュー内で背景色が指定されていない場合はこちらが優先されます。
▲トップへ

前後の記事

最近の記事

トラックバック

この記事へのトラックバックURL:
http://fc2blogshop.blog13.fc2.com/tb.php/79-1c711195


コメント

管理者にだけ表示を許可する
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。