2007年05月11日

新しいデザインテンプレート「Love Puppy★」「Love Kitty★」追加!

パステルカラー×ドットをベースにした、仔犬のテンプレート「Love Puppy★」&仔猫のテンプレート「Love Kitty★」を追加しました!

■Love Puppy★サンプル ■Love Kitty★サンプル
Love Puppy★ Love Kitty★


カメラ写真を変えてみよう!
ブログのヘッダ部分のわんこ・にゃんこの写真は、スタイルシートを書き換えるだけで、カンタンに好きな画像に変えることが出来ます。
自分が飼っているペットの写真に変えれば、世界にひとつのオリジナルテンプレートの出来上がり!


※写真の変え方は「続きを読む」からご確認ください。⇒
カメラ写真を変更する方法 (例:「Love Puppy★」)

1 ツール>ファイルマネージャで、使いたい写真をアップロードする。

アート使う画像のサイズは自由ですが、高さ200ピクセルを超えると、ヘッダ内に収まらない場合があります。

2 アップロードした画像のURLを調べる。
(Windowsの場合)アップロードした画像のタイトルをクリック。
[元画像]が表示されるので、画像の上でマウスを右クリック→[プロパティ]を選択。画像のプロパティが表示される。
ここに「アドレス(URL)」という項目があるので、これをコピーする。

 (例)ブログ[abc.269g.net]に画像[wanko.gif]をアップした場合、下記のアドレスになります。
 http://abc.up.269g.net/image/wanko.gif

3 デザイン>スタイルシートで、テンプレートの名前「Love Puppy★」をクリックする。

4 スタイルシートの中から、下記の部分を探す。
#container{
/* この画像のアドレスを変更すれば(↓)、写真を差し替えることが出来ます。 */
background-image:url(http://269g.jp/img/bg/love_puppy/container_bg.gif);

5 この箇所のうち、「 http://269g.jp/img/bg/love_puppy/container_bg.gif」という文字列を削除して、2でコピーしたアドレスを貼り付ける。

 (例)このようになります。
#container{
/* この画像のアドレスを変更すれば(↓)、写真を差し替えることが出来ます。 */
background-image:url(http://abc.up.269g.net/image/wanko.gif);

※末尾の「);」を消さないように!

6 [スタイルシートを保存する]ボタンを押す。[こちらより適用処理をしてください]という文章が表示されるので、[こちら]を押す。

7スタイルシート一覧画面になる。「適用」ボタンを押す。

8うまく反映されていたら、「再構築」リンクを押して、全ページを再構築する。

※もし失敗した場合......テンプレートの書き換え等はサポートの対象外になりますので、ご質問には回答できかねます。テンプレートの初期化や、他のテンプレートへの変更を行うなどして元に戻すことでご対応ください。
ニックネーム 269g事務局 at 12:05| Comment(4) | TrackBack(0) | お知らせ
この記事へのコメント
初めまして!
みくです。
宜しくね!ちなみに、友達募集中・・・
だからよかったら友達になってさぃ。
Posted by 未久 at 2007年07月11日 16:57
もっとシンプルなテンプ作って下さい!
個人で写真貼れてテンプは真っ白とか
真っ赤とか!
皆が個人でオリジナリティーなブログ作れるように!
Posted by 269 at 2007年07月15日 12:25
赤い背景で白の水玉がある(ドット柄)の
テンプレート作ってください!
ミニーちゃんっぽくキュートなので★
考えてみてください(・∀・)
Posted by み at 2007年08月18日 17:42
先日このテンプレートにしました(*^_^*)
とってもカワイイテンプレートで
私は画像が大きいので左サイドバーにして使っています♪テンプレートの画像も変えたり、なかなか楽しめるので気に入ってます〜(^_^)
Posted by cao at 2008年03月16日 09:00
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのTrackBack URL
http://269g.jp/tb/4242389
※ブログオーナーが承認したトラックバックのみ表示されます。