テンプレートa--003
ダウンロードはこちらから
テンプレート サンプル画像・サンプルミニバナー
クリックするとサンプルがみられます。

おそろいバナー


バナーへの文字入れはご自身でして下さいね。
(他サイトへ持ち込んでの文字入れはご遠慮下さい。)
文字入れをしてほしい場合は、この記事にコメントしてください^^
(当ブログへのリンク必須です。)
カスタマイズ【2カラム(左)にする】
右側にあるメニューを左側にしたい場合のカスタマイズ方法です。
やり方を2通りご用意しました。
CSSがわかる方は、最初の(CSSを一部書き換える)の方法で、CSSがわからないかたは(全て書き換える)の方法でスタイルシートを書き換えてください。
2カラム(左)にする方法(CSSを一部書き換える)
「A--003 のスタイルシート」の下記部分
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
ナビの詳細設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
div#navi {
width : 250px;
float : right;
text-align : left;
margin : 0;
padding : 0;
}
・
・
・
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
コンテンツの詳細設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
div#content {
width : 550px;
float : left;
text-align : center;
margin : 0;
padding : 0;
}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
ナビの詳細設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
div#navi {
width : 250px;
float : left;
text-align : left;
margin : 0;
padding : 0;
}
・
・
・
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
コンテンツの詳細設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
div#content {
width : 550px;
float : right;
text-align : center;
margin : 0;
padding : 0;
}
2カラム(左)にする方法(全て書き換える)
「テンプレートの設定」→A--003の「編集」をクリック。そこで下方に出てくる「A--003 のスタイルシート編集」を全て削除して下記を貼り付けて「更新」をクリック。
全体の文字の行間、文字と文字の間隔を開ける
「スタイルシートの一部を書き換える方法」と「スタイルシート全てを書き換える方法」の2通りの訂正方法をご用意いたしました。
一部を書き換える場合
▽行間については、「line-height」で指定します。▽文字と文字の間隔を「letter-spacing」を使って指定するとデザインが崩れるので、申し訳ありませんが、フォント自体を変更して対応させていただきますm(_ _*)m
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
全体の詳細設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
html,body {
background-image : url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/003_w.gif);
background-position : 50% 100px;
background-repeat : repeat-x;
background-attachment : fixed;
text-align : center;
font-size : 12px;
color : #000000;
font-family : Tahoma,"MS UI Gothic";
background-color : #ffffff;
margin : 0;
padding-bottom : 10px;
}
div {
font-size : 12px;
color : #000000;
font-family : Tahoma,"MS UI Gothic";
}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■
全体の詳細設定
■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
html,body {
background-image : url(http://blog-imgs-29.fc2.com/s/a/k/sakuranboibu/003_w.gif);
background-position : 50% 100px;
background-repeat : repeat-x;
background-attachment : fixed;
text-align : center;
font-size : 12px;
color : #000000;
font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "MS Pゴシック", sans-serif;
background-color : #ffffff;
margin : 0;
padding-bottom : 10px;
}
* {
font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "MS Pゴシック", sans-serif;
line-height: 21px;
}
div {
font-size : 12px;
color : #000000;
}
スタイルシート全てを書き換える場合(初心者向け)
「A--003 のスタイルシート」を全て削除し、下記をコピペしてください。





全然下手ではないです!
このテンプレートをあんなに素晴らしく生まれ変わらせていただき光栄です^^
どんどん素晴らしいものに変身さ桜ママ6×ウーパールーパーの性別12/09/27 秘密コメントさんへコメントありがとうございます!
お返事が遅くなり申し訳ありません><
約5-6センチのウパちゃんが、来た時からエラがフサフサしてなく、
エサも食べなくて見る見る桜ママ遊園地とパールーンショートボディ♪のんさんへコメントありがとうございます。
お返事がおそくなり申し訳ありません><
1ペアの繁殖から1~数匹くらいショートタイプが出ますが、
ご存知とは思いますが、奇形です桜ママ謎のスーパーブラック!プルメリアさんへこちらこそ、かなりお久しぶりです^^
もちろん覚えています!!
私の方こそ忘れられていないか不安ですが、、、(^ ^;)
スーパーブラックちゃんですか!
もう大きくな桜ママテンプレートa--008大野さんへコメントありがとうございます。
また、お返事がおそくなりもうしわけありません。
このテンプレートですが、
私自信も長く使っておりましたが、そのようなことは一度桜ママ【ウーパールーパー】 繁殖行動りょうたさんへコメントありがとうございます!
お返事おそくなりました><
そろそろウパ達の恋の時期になりましたね♪
我が家は今年どうするか検討中です^^桜ママテンプレートについてテンプレートお借りしましたFC2でテンプレートをお借りしましたので、ご挨拶にまいりました。
下手ながら少しカスタムしてみたのですが、
「こんなに変えたらダメ!」
と思われましたら、おっしゃmaya