*admin*entry*file*plugin| 文字サイズ  


01. http://blog-imgs-35.fc2.com/p/r/a/pract1/yun_727_1895.jpg
02.http://blog-imgs-45.fc2.com/r/a/c/rachina/img142A.jpg
03.http://blog-imgs-35.fc2.com/r/a/c/rachina/20091011022656ef7A.jpg
04.http://blog-imgs-45.fc2.com/r/a/c/rachina/wineglass.gif
05.http://blog-imgs-45.fc2.com/r/a/c/rachina/Shana.jpg
06.http://blog-imgs-45.fc2.com/r/a/c/rachina/godannotakiA.jpg
07.http://blog-imgs-45.fc2.com/r/a/c/rachina/wineglass.gif
08.http://blog-imgs-45.fc2.com/r/a/c/rachina/godannotakiA.jpg
09.http://blog-imgs-45.fc2.com/r/a/c/rachina/steinsgate1.jpg
10.http://blog-imgs-45.fc2.com/r/a/c/rachina/hasunemeku.jpg
11.http://blog-imgs-45.fc2.com/r/a/c/rachina/DSCN0916A.jpg
12.http://blog-imgs-45.fc2.com/r/a/c/rachina/DSC01341.jpg
13.http://blog-imgs-45.fc2.com/r/a/c/rachina/20120617091909b4c.jpg
14.http://blog-imgs-45.fc2.com/r/a/c/rachina/DSC01545.jpg
15.http://blog-imgs-45.fc2.com/r/a/c/rachina/kodomo2.jpg
16.http://blog-imgs-45.fc2.com/r/a/c/rachina/201210070837423b7.jpg
17.http://blog-imgs-24.fc2.com/r/a/c/rachina/CHRIS.jpg
18.http://blog-imgs-37.fc2.com/r/a/c/rachina/purotoko20110506.jpg
19.http://sky.geocities.jp/purotoko/_gl_images_/Rozenmaiden.gif
20.http://blog-imgs-37.fc2.com/r/a/c/rachina/showme.jpg
21.http://blog-imgs-36.fc2.com/r/a/c/rachina/20100526miku.jpg
22.http://blog-imgs-36.fc2.com/r/a/c/rachina/20100524212105f9c.jpg
23.http://blog-imgs-45.fc2.com/r/a/c/rachina/2009E2424.jpg
24.http://blog-imgs-45.fc2.com/r/a/c/rachina/0033.jpg
25.http://blog-imgs-34.fc2.com/r/a/c/rachina/127934010.jpg
26.http://blog-imgs-45.fc2.com/r/a/c/rachina/rainstorm.jpg
27.http://blog-imgs-24.fc2.com/r/a/c/rachina/h20090923.jpg
28.http://blog-imgs-34.fc2.com/r/a/c/rachina/Nakano_Azusa.jpg
29.http://blog-imgs-45.fc2.com/r/a/c/rachina/img142A.jpg
30.http://sky.geocities.jp/purotoko/_gl_images_/PHOT0000000000074533A.jpg
31.http://blog-imgs-37.fc2.com/r/a/c/rachina/madoka.jpg
32.http://sky.geocities.jp/purotoko/_gl_images_/Christmasn.gif
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.








ここである程度画像が揃ったら、上の画像利用して背景を変える方法(fc2.com)を説明します。
テンプレートは、スクロールバーをクリックしたとき、全体の画像は動かないで、文字のみが動くテンプレートを用意しておく必要があります。
では、ここで使いやすかったテンプレートを紹介します。
テンプレート設定→
PC用共有テンプレート追加
名前でAZURE_nature と入力→検索
するとテンプレートの画像が出てくるので
AZURE_natureのスタイルシート編集のみをかえればいいのです。
そのスクリプトを最初から途中までを下に書きます。


@charset "EUC-JP";

/*--------------------------------
 作者:aithemath(あいざます)
   http://pract1.blog21.fc2.com/
 テンプレート:AZURE_nature (FC2blog)
カスタマイズ自由.再配布厳禁.
--------------------------------*/

/*--------------------------------
    ▼全体的な設定▼
--------------------------------*/

* { margin: 0; padding: 0;}
a { text-decoration: none; }
a img { border: none; }
a:link{ color: #0000ff; }
a:visited { color: #0000ff; }
a:hover { color: #0000ff; text-decoration: underline; }
a:active { color: #0000ff; }

body {
font-family: Meiryo,Arial,"Hiragino Kaku Gothic Pro","\ff2d\ff33\20\ff30\30b4\30b7\30c3\30af",Osaka,sans-serif;
font-size: 12px;
letter-spacing: normal;
color: #000000;
background-image: url(この部分を上の画像アドレスに置き換えて)
);
background-position: left;
background-attachment: fixed;
}

/*--------------------------------

例として 1番のアドレスをクリックすると画像が別のウインドに出ますので、一番上のアドレスを左クリックすると、アドレスに色が塗られますのでここで右クリックでコピーして、上のスクリプトの「この部分を上の画像アドレスに置き換えて」の場所に貼り付けます。
そしたら、AZURE_natureのスタイルシート編集の変える部分があと5か所あります。
そのスクリプトの中段の部分を下に書きます。

/*▼ブログタイトルなどの設定-----------------------*/

h1#blogtitle {
margin: 0px;
margin-top: 10px;
padding-top: 10px;
padding-left: 20px;
font-size: 2em;
font-weight: bold;
background-image: url(http://blog-imgs-18.fc2.com/p/r/a/pract1/white80.png);
background-repeat: repeat;
}

#introduction {
margin: 0px;
padding-top: 12px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 10px;
background-image: url(http://blog-imgs-18.fc2.com/p/r/a/pract1/white80.png);
background-repeat: repeat;
}
/*▼プラグインと記事の左右を入れ替えるには,-----
---下のふたつのrightとleftを入れ替えてください.*/

#primary_menu {
float: right;
width: 550px;/*----記事部分の幅(box1の幅と同じにすること)*/
background-image: url(http://blog-imgs-18.fc2.com/p/r/a/pract1/white80.png);
background-repeat: repeat;
}

#secondary_menu {
float: left;
width: 240px;/*------------------------プラグイン部分の幅*/
background-image: url(http://blog-imgs-18.fc2.com/p/r/a/pract1/white80.png);
background-repeat: repeat;
}

/*▼記事,コメント,トラックバックの外枠のためのbox----*/

/*▼フッター----------------------------*/

#footer {
color: #666666;
background-image: url(http://blog-imgs-18.fc2.com/p/r/a/pract1/white80.png);
background-repeat: repeat;
clear: both;
padding-left: 4px;
padding-right: 4px;
font-size: 0.9em;
text-align: center;
}

/*--------------------------------
    ▼フォーム▼
--------------------------------*/

background-image: url(http://blog-imgs-18.fc2.com/p/r/a/pract1/white80.png);
の部分で
background-image: url(); のように書き換えて下さい。5か所ありますのて゛書き換えて下さい。
一般に多く使われている画像サイズは1280×1024に設定してありますので、これより大きいサイズのデスプレイで見ている場合は
画像の一部が右端に現れますのでご了承ください。
質問は遠慮なくして下さい。全員の方にお答えします。




現在fc2.comで使っています。画像の転写はしないでください



web拍手 by FC2

この記事へコメントする














足あとを残せます。
後ほど訪問致します☆

-天気予報コム- -FC2-
痛いニュース(ノ∀`)

purotoko

Author:purotoko
purotokoのブログへようこそ!
出来るだけいろいろな記事を書いて行きたいと思いますのでヨロシクです。
コメントどしどしどうぞ!! 
お返しにいきますっ(〃ω〃)

goo 音楽 プラウザFirefoxをお使いの皆様へ。当ブログはブラグインの追加の必要は御座いませんがプルダウンメニーから全ての動画を観覧するにはフラッシュプレーヤーをブラグインで追加して下さい。なをブロガーへの訪問は水曜日&日曜日訪問するときは訪問のみとなります。基本的に水曜と日曜日の訪問は休みで一日遅れで訪問者リストを見て訪問致し訪問出来ない場合もあります。当ブログはリンクフリーで記事の更新は週一回となっております。 無料アクセスカウンター
  統計開始日2011/03/01
QR