05≪ 2017/06 ≫07
123456789101112131415161718192021222324252627282930
個別記事の管理2011-03-03 (Thu)
春らしい桜のテンプレート「lace-al2」「lace-al3」が共有化しました。
なので、(早速!)自分好みに変えちゃうTop画像&背景画像変更のカスタマイズ方法です。
桜の季節を過ぎても「お気に入り」の画像で、末永くテンプレートを楽しんでみて下さい。

興味のある方は ReadMore をクリック!

lace-al2・lace-al3共通
FC2ブログ管理画面左のメニュー「環境設定」→「テンプレートの設定」↓
変更するテンプレートの「HTML/CSS」の編集をクリック↓
一番下に有る「 lace-al◎のスタイルシート編集」枠内の
背景画像を変更する場合
上から17行目~(空行を含める)に有る

body {
text-align: center;
background:url
(http://blog-imgs-31.fc2.com/s/o/r/sorauta1/ssbg-p3.gif);repeat:repeat;
background-attachment : fixed;
background-color : #e6b9b3;
}

ここの赤文字部分を、「ツール」→「ファイルアップロード」でupしたご自身の画像URLに変更して下さい。
→「更新」ボタンをクリック。

画像URLは、ファイルアップロードでupした画像のサムネイルをクリックして表示されたウインドウ上部のURLです。これをコピーして赤い文字部分に貼り付けて下さい。

Topの画像を変更する場合
スタイルシート編集枠を1/3程スクロールした所に有る

lace-al2はこちら↓
#header {
background:#ffffff url
(http://blog-imgs-31.fc2.com/s/o/r/sorauta1/sakura-2.jpg) no-repeat center top;
width:565px;
height:280px;
border-top: 2px solid #ffffff;
border-bottom: 1px solid #cccccc;
margin-top: 10px;
margin-left:5px;
text-align: left;
position:relative;
}


lace-al3はこちら↓
#header {
background:#ffffff url
(http://blog-imgs-31.fc2.com/s/o/r/sorauta1/sakura-1.jpg) no-repeat center top;
width:695px;
height:200px;
border-top: 2px solid #ffffff;
border-bottom: 1px solid #cccccc;
margin-top: 10px;
margin-left:5px;
text-align: left;
position:relative;
}


どちらも赤文字の部分をご自身でアップロードした画像URLに変更して下さい。
ここで注意がひとつ。
ピンクの文字で示してあるwidth(画像の幅)の数値は変更しないで下さい。
この数値を超えると、テンプレートの表示が崩れます。^^;
なので、アップロードする画像の幅は予めピンクの数値に成型して下さい。
緑の文字で示してあるheight(画像の高さ)の数値は変更可能です。アップロードする画像の高さに変えて下さい。
→「更新」ボタンをクリック。これで完了

不具合が有った時のために、テンプレートの「複製」を作ってバックアップしておく事をおススメします。
宜しければポチッと♪→FC2 Blog Ranking
Theme : FC2ブログ共有テンプレート * Genre : ブログ * Category : カスタマイズ
* Comment : (0) * Trackback : (0) |
コメント







管理者にだけ表示を許可する