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

2カラムのシンプルなテンプレートを作成しました。
FC2の共有テンプレートにやっと登録されました。
あんまりデザインに重視せずに、シンプルなものを望む方向けかな。

普段はゲーム攻略サイトを作りつつ、時間が空けばFC2変数を学び
習作でテンプレート作成をしました。
ちょっと前にFC2ブログテンプレート:パンダの方も
FC2共有テンプレートに登録されました。

カスタマイズはバリバリOKです。
以下にカスタマイズしやすいように、CSSの触る部分を記載しておきました。
でわでわ(^^
スポンサーサイト

全体的にもう少しフォントのサイズを変えたい場合は、CSSで

@charset "EUC-JP";

* {
margin : 0;
padding : 0;
font-style : normal;
font-weight : normal;
font-size:13px;
word-break:break-all;
line-height:1.4;
}

の数字の部分をいじってみてください。

個別のタイトル毎に調整したい場合は、
タイトルはh1、サイト説明はh2、記事のタイトルはh3、
サイドのタイトルは#left h4の部分で調節できる。

背景部分をカスタマイズしたい場合は、CSSで

body {
background:#D4C4D1 url(http://blog-imgs-43.fc2.com/t/e/m/templateman/bg2.gif);
background-repeat:repeat-x;
}

の画像を別のに変える。

背景画像はあまり容量が大きいとブログの表示が遅くなるので
軽めのサイズで、画像が小さめの方がが好ましいです。

タイトルの色を変えたい場合はCSSの


h1 a{
font-size:100%;
}
h1 a:link,
h1 a:visited,
h1 a:active {color: #F8EBEE; text-decoration: none;}
h1 a:hover {color: #FFB1D2; text-decoration: underline;}

の部分のh1 a:active {color: 『#F8EBEE』;の部分を変える。

マウスが重なった時に色が変わるのは、
h1 a:hover {color: 『#FFB1D2』の部分を変えればOK。


タイトル下のサイト説明の部分の色を変えたい場合は、CSSで

#banner h2{
padding : 0 410px 0 15px;
font-size:110%;
color:#F8EBEE;
}

のcolor:『#F8EBEE』;の部分をカラーコードを入力する。

上記のヘッダー画像を変えたい場合は、横812px、217pxの画像を用意して
「ファイルアップロード」で画像をアップしてください。

それでCSSの以下の部分で

/* バナー部分 */

#banner{
width : 812px;
height : 217px;
background : url(http://blog-imgs-43.fc2.com/t/e/m/templateman/top.jpg) no-repeat;
text-align:left;
margin-bottom:25px;
}

上記のURLのところを、先ほどアップロードした画像のURLに差し替えてください。


| HOME |




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