--.--.-- スポンサーサイト 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
2007.02.24 gs_dog1_randam サポート1 
2月23日に『gs_dog1_randam』が承認されてウハウハ♪ドキドキなごえさくままです。(^▽^)

テンプレートのターゲットを『初心者』で指定してますが・・・

実際カスタム初心者の私が登録なんて良いの?( ̄▽ ̄;)

と言ってもすでに承認していただいてるんだし(≧m≦)ぷぷ
不具合ばかりが出ないように願うだけです(T人T)オネガイ

もしも変なとこが見つかった場合、コメントにてご連絡お願いしますm(_ _)m


さて・・・
作ったからにはやっぱりチョットだけサポート的なことも書かなきゃかな~?と思い、大慌てで画像変更方法を書いてみました。

まずご自分のテンプレートのHTML・スタイルシート部分をPCのメモ帳等にコピペして保存したほうが良いかも!
間違った場合に簡単に修復できますから~(^▽^)


あとは続きを見てね♪
画像サイズのご案内

(注)画像サイズが変わると、テンプレートが崩れる可能性があります。(たぶん崩れるかと(;^_^A)

・TOPランダム画像は 横740×縦220
・メニュータイトル画像は 横180×縦17
・記事タイトル画像は 横540×縦20
・背景画像(変更前は斜線の画像)はお好きなサイズで
・記事に貼り付ける画像は 横最大520まで大丈夫だと思います。


TOPランダム画像の変更方法(HTML内を変更)↓この部分
20070224-01.jpg


1.HTML内にある↓タグを探してください

<!--▼TOPランダムここから-->
<script language="JavaScript">
<!--
ranimg = new Array();
ranimg[0]="http://blog-imgs-11.fc2.com/g/s/t/gstemp/gs_title_randam01.jpg";
ranimg[1]="http://blog-imgs-11.fc2.com/g/s/t/gstemp/gs_title_randam02.jpg";
ranimg[2]="http://blog-imgs-11.fc2.com/g/s/t/gstemp/gs_title_randam03.jpg";
xx = Math.floor(ranimg.length*Math.random());
ranimg = ranimg[Math.floor(xx)];
document.write('<img src="'+ ranimg +'">');
// -->
</script></DIV>
<!--▲TOPランダムここまで-->

2.<!--▼TOPランダムここから-->を含め5行目からの赤字部分(http ~ jpg)をご自分の使いたい画像URLに変更してください。
~ranimg[2] まで2の作業を繰り返す。


登録しているテンプレートでは画像を3枚使用しています。
画像を増やしたいときは

1.ranimg[0]="http://blog-imgs-11.fc2.com/g/s/t/gstemp/gs_title_randam01.jpg"; をranimg[2]より下に追加する。

2.追加したタグ [0] の数字を[3] [4] [5]・・・と増やしていく(その際画像URL変更を忘れずに。)


ランダムをやめたいときはご面倒ですが他のテンプレを探してくださいm(_ _)m
<!--▲ランダム画像ココから-->~<!--▼ランダム画像ココまで-->を削除すればいいのですが・・・
テンプレが大幅に崩れます(;^_^A

頼りなくてごめんなさ~い( ̄▽ ̄;)


TOPランダム画像下にあるインデックスエリアの変更(HTML内を変更)↓この部分
20070224-02.jpg


1.HTML内にある↓タグを探してください

<!--▼インデックスエリアここから-->>
<div class="index_area">
<div style="width:530px; height:90px; overflow:auto; border:1px solid #93c7ce; padding:5px; margin:10px 5px; float:right;">

<!--▽インデックスエリア内の文章変更ここから-->

沢山のブログの中からここにたどり着いてくれてありがとうございます<BR>
ココは管理人『G&Sまま』が作ったテンプレートを公開しているブログです。<BR>
気に入ってもらえれば凄く嬉しいです<BR>
完全に自己満足の世界ですが・・・<BR>
初心者なので分からないことだらけですが、暖かく見守っていただければ嬉しいです

<!--△インデックスエリア内の文章変更ここまで-->

</div></div>
<!--▲インデックスエリアここまで-->

2.<!--▼インデックスエリアここから--> を含め5行目にある <!--▽インデックスエリア内の文章変更ここから--> より下に記載してる部分を変更してください。

3.変更する際、改行したい場合は<BR>を記入してください。



ブログタイトルサイズを変更(スタイルシート内を変更)↓部分
20070224-03.jpg


1.スタイルシート内にある↓タグを探してください(真ん中辺りにあります)

/*タイトル設定------------------------------------------------*/


/* ブログタイトル */
.blog_title {
margin-top: 10px; /* 上にくっつき過ぎないように間隔を取っています */
margin-left: 20px; /* 左にくっつき過ぎないように間隔を取っています */
font-size: 28px; /* 文字サイズ(タイトルが長い場合サイズを小さくしてください */
font-weight: bold; /* 太字 */
}

2.赤字の font-size: 28px; の数字を『大きくor小さく』してください。


フッター部分について(記事下の著作権・削除禁止部分)↓部分
20070224-04.jpg


(注)削除禁止部分はFC2広告です。削除しないでください

(注)著作権はTOPランダムに対してです。TOP画像を変更した場合は以下の部分を変更してください。

1.HTML内にある↓タグを探してください(HTML内の一番下辺り)

<!--フッター部分-->
<div id="footer">


<!--削除禁止-->
<a href="http://photo-card-shop.com" target="_blank" title="結婚報告はがき">結婚報告はがき</a> <%ad> <%ad2><br>
<!--/削除禁止-->

<!--/消去・変更可能-->
Photo by ごえさくまま Copyright ©<%blog_name> All Rights Reserved.
<!--/消去・変更可能-->

</div>
<!--/フッター部分-->

2.<!--/消去・変更可能-->の下に記載している赤字を変更or削除してください。



とりあえず以上が簡単に変更できる部分だと・・・
『 < > " ! ; : 』の記号を付け忘れるだけで、表示されなくなったり崩れたりしますのでご注意を~


コメントに質問された場合、次の記事にてご説明すると思います。
コメントでタグ書くの面倒そうだから(;^_^A

質問以外はコメント下に書きま~す♪
スポンサーサイト
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。