fc2ブログ

レース&キラキラ 白×ピンク

2009.11/23/Mon 19:14:14
FC2ブログテンプレート
[tr_race]白×ピンクテンプレート2カラムアイコン

ブログテンプレートCSSダウンロード



FC2ブログテンプレート
[tr_race]黒×ピンクテンプレート3カラムアイコン

ブログテンプレートCSSダウンロード



カラーバリエーションを作成しました。

白背景にピンクのレースとラインストーンで、淡く柔らかいカンジの姫系テンプレですBrilliant

FC2の共有テンプレから、[tr_race_pk-bk_3]をダウンロードしたものに、このページからダウンロードしたスタイルシートをかませて下さい。

ダウンロード&設定方法は、続きから矢印ハート
ダウンロード ダウンロード方法

1 2カラム・3カラム、いずれかのダウンロードアイコンの上で右クリック
2 WINの場合:「対象をファイルに保存(A)」
  MACの場合:「リンク先のファイルを別名で保存」
3 保存先を指定して保存して下さい。

※MACはcontorol+クリックで右クリックになるよー。

設定 設定方法
1 FC2の共有テンプレから、[tr_race_pk-bk_3]をダウンロード
2 スタイルシートのテキストエリアの内容に、ダウンロードしたテキストの内容を全部上書きペーストして保存で完了♪

↓もっと詳しく↓

1.FC2の共有テンプレから、[tr_race_pk-bk_3]をダウンロード。

2.スタイルシート編集のテキストエリアの中を全部削除。1文字残らず削除して下さい。

3.このページからダウンロードしたテキストファイルを開いて、内容を全てコピー。1文字残らずコピーして下さい。

4.スタイルシート編集のテキストエリアの中にペースト。

5.テキストエリアの下にある更新ボタンをクリック。

なんか分からないこととか、バグとかあったらコメント残してください~。
↓ こちらもぽちぽちっと押していただけるとすっごく嬉しいです! ↓

にほんブログ村 ダイエットブログへ  ブログランキング・にほんブログ村へ

テーマ : みんなに紹介したいこと
ジャンル : ブログ

ブログテンプレートComment(5)Trackback(0)
Trackback URL
http://lastdieter.blog18.fc2.com/tb.php/162-55a320a8

no subject

はじめまして、こんにちは。
テンプレがとても可愛くてどの配色にしようか迷って・・全部DLさせていただきました(*´▽`*)
で、ひとつお聞きしたいのですが、3カラムの記事幅を広げることは可能でしょうか?
自分でCSSをいじってみましたが、結局行き詰ってます;
ご教授頂けると嬉しいです。お忙しいとは思いますがお時間のあるときにでもよろしくお願いします<(_ _)>
iydQorAY:みい:URL:2009.11.24(Tue) 15:12:08:(EDIT)

no subject

こんにちは~☆
テンプレDL&カキコミありがとうございますv

3カラムの記事幅のカスタマイズについての質問ありがとうございます(^^)

ですよね、狭いですよね;;

方法は2つあります!

1:全体幅を変えずに、両サイドを狭めて記事幅を広げる。

2:全体幅自体を広めて、その分記事幅を広げる。

難易度は、多分「1」の方が低いと思いますので、今日は「1」の方法だけ書かせて頂きます(「2」狙いだったらゴメンナサイ、後日お伝えしますので!)。

↓↓↓記事幅を、デフォルトの400pxから500pxに広げる場合↓↓↓

「1」の方法 -----------------------------------------------------

CSSの以下の部分を探して下さい。

/* -----layout----- */

そのちょっと下辺りに 『 #main 』 というIDセレクタがあります。
デフォルトでは 『 width:400px; 』 となっている箇所を 『 width:500px; 』 にします。
コレが、記事幅となります。

次に、両サイドを狭めます。
『 #navi_1 』『 #navi_2 』 2つのIDセレクタの 『 width:200px; 』 となっている箇所を 『 width:150px; 』 にします。
考え方は、単純に400pxの幅を500pxに広げる=両サイドを左右合計100px小さくする=左右50pxずつ小さくする…ってことです。

次に、両サイドの位置を指定します。
先ほどの 『 #navi_1 』 に 『 left:-400px; 』 という、もう一つのスタイルが設定されています。これが位置です。
これは、記事幅と同じ数だけマイナスになっている必要があります。
なので 『 left:-500px; 』とします。

これでレイアウトは終わりましたが、コレだけでは肝心の「記事表示エリア」が小さいまま。

/* -----parts------- */

という箇所を探して下さい。そのちょっと下に 『 .entry 』 というクラスセレクタがあります。
デフォルトでは 『 width:380px; 』 になっています。
記事エリアが400pxに対して、記事表示エリアは若干小さくしてあります。左右の余白として10pxずつとっているから、400px-(10×2)=380pxってことです。
ここは単純に500px-(10×2)=480pxで、 『 width:480px; 』 と書き換えます。

これで、「1」の方法は完了です。

不具合や、分かりにくい点があったら、何でも言って下さい!

これからも、どうぞ宜しくお願いしますm(__)m
JalddpaA:とらこ@master:URL:2009.11.25(Wed) 23:31:29:(EDIT)

no subject

こんにちは^^
白×ピンクも作成されたんですね!
元々、黒×ピンクの配色が好きで、こちらのテンプレートに一目惚れしたのですが
白×ピンクもすごく素敵で、早速DLさせていただきました♪

わたしも少しカスタマイズしてから使わせてもらおうと思っていて
勿論このままで十分素敵なテンプレートなのですが
みいさんと同じく記事幅を少し広げようかなと思ってます^^
なかなか時間がとれないですが、カスタマイズして早く使いたいです!

ただクリスマスが近づいてるので、12月中はクリスマステンプレートにするかも…。
うーん、いつになることやら…。
でも絶対に使わせていただきます♪
-:夏花:URL:2009.11.27(Fri) 07:08:06:(EDIT)

no subject

こんにちは~☆
白×ピンク、姫度UP狙って作成しました♪DLしていただけたようで、嬉しいです!

やっぱ記事幅狭いですよねぇ…。

決めました。
次からは記事幅広めで作ります!むしろ選べるようにしていきたいです!
やっぱりいろんな人のご意見を聞きながらが、良いものが作れるんだろうなーって思います。
リクエスト…というかどんどん注文つけちゃって下さいね☆

12月…確かにそんな頃ですね!クリスマステンプレートとかバレンタインテンプレートとか、結構カワイイのありますよね(^^)

いやいや、適当に気分で使ってみて頂ければ、それだけで十分嬉しいです♪
どうか、お気になさらずに!
JalddpaA:とらこ@master:URL:2009.11.29(Sun) 15:23:45:(EDIT)

no subject

以前もコメントしたものです。
とっても素敵なテンプレなので今すぐ変えようと思ったのですが、右サイドバーのパーツが入らないようなのです。なので、
・全体幅自体を広めて、その分、右サイド幅を広げる。収まらなければ記事幅を狭める。
方法が良いのですが。。
上のとらこさんの回答を参考に色々やってみたのですが、やはり出来ません。
どうか助けてください。よろしくお願いします!


-:欲張りママ:URL:2010.01.19(Tue) 17:38:13:(EDIT)
name
title
mail
url

[     ]