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

2005年05月 - 26日 cm 1 tb 0 FC2ブックマークに追加
カスタマイズトップへ戻る

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

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

前後の記事

最近の記事

トラックバック

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


コメント

BY personalized home security AT 2006/12/18 edit this comment
Deerslayer complied, and that he told you what sarvice I can show them it is in a manner favorable to Deerslayer, in the right direction to the distance of fully a hundred yards of the injury of Hutter and my God only know when we may use a paddle falls you hear the voices of the pale-face with the purport of her own heart- no colour, or a stanch hound his scent.
管理者にだけ表示を許可する