月と星(左サイドバー)だったら、この三つの画像。
http://meblog.jp/img/bg/moon/bg.gif
↑一番小さいけれど一番広い部分
http://meblog.jp/img/bg/moon/header.jpg
↑ブログの顔ともいうべきタイトルバック部分
ここはすでに記事になってるので下のリンク先へどうぞ
画像の作り方Top画像の加工の手順
画像の入れ替え方テンプレートの背景画像を変えてみる
http://meblog.jp/img/bg/moon/footer.gif
↑足元を見られないように
この画像も忘れずにね。
それぞれを保存した後、ペイントやその他色んな画像処理ソフトで色を変えたりするとブログの雰囲気ががらっと変わるかもね。
こんな風に。
で、色の変え方ですが、ウィンドウズパソコンには必ずついている、ペイントってソフトの場合だと……
下のパレットの中から選ぶか、色をRGBの加減で作るかして、元々は黒かった部分を別の色で塗りつぶします。塗りつぶしバケツ選んで、色塗りたいところをクリックすればOK
狭くて塗りつぶせそうにないときは
表示(V)→拡大(Z)→拡大率の指定(U)で600%ぐらいにすれば楽々です。
色を変えたら、ファイル(F)→名前をつけて保存……まぁ名前はbg1とかfooter2とかにすれば良いんじゃないかな。あとはテンプレートの背景画像を変えてみるでやったように
ファイルマネージャで加工した画像をアップロード
アップロードした画像のURLの調べ方は
画像のタイトルをクリックして
バーンと原寸サイズで表示させ
その画像の上で右クリックしてプロパティを表示させ
画像のアドレスをドラッグして右クリックしてコピー(C)
次に別窓で「みぶろぐ」にログイン。
デザイン→スタイルシート→月と星(左サイドバー)を順にクリック
←クリック!↑この画像はサムネイルだから、画像をクリックして原寸大で見てみてね？
月と星(左サイドバー)の場合、背景の画像を入れ変える場所は、上の方にあります。TOPの画像を入れる場所もその近くにあったりして。
足元のフッター画像の入れ替え場所のありかはこちら
やや下のほうにあります。
#footerって文字が、見つけるための目印です。
3箇所の画像のURLを自分がアップロードした画像に入れ替えたら、一度「プレビュー」をクリックしてみて、どんなブログになるかチェック。
よかったら「スタイルシートを変更する」をクリックして、最後に再構築をしておきます。
色だけ変えるんじゃツマンナイって時は
もう少し工夫して、周りにこんな飾りをつけると
背景画像http://reigai.meblog.biz/image/bg2.gif
フッター画像http://reigai.meblog.biz/image/footer2.gif
ブログの周りにレースの縁取りとか出来ちゃうかもね。これ以上のことは、画像の加工の方法や、CSSのことを検索して勉強しましょう。インターネットでは学ぶ気になればいろんなことが勉強できちゃいます。
こちらの検索窓(ヘコんでいるように見える長方形の部分)に知りたい単語を、コピーして貼り付けするか、キーボードから入力して、右横のGoogle検索ってボタンをクリックです。
の黄緑色の素材をちょっと上げてみます。
すべてサムネイル表示ですので、画像をクリックして原寸大で表示させてから、画像の上で右クリックして名前をつけて保存してください。
ご使用方法と加工変形に制限はございません。
ご使用方法と加工変形に制限はございません。
まずは枠その他
←使用例きちんと結果見てないので要改造。
画像のURLを入れる近くにある、ボディとフッターの背景色を緑系に変えるとなじみやすい……かな。
色を深緑にするときは↓
background-color:#008800;
この部分は色を16進法(123456789abcdef)で表してます。明るい色にするときは88を99とかbbとかc2とかにすればOK。ffにするとブログの周りが黄緑色になります。色を深緑にするときは↓
background-color:#008800;
←クリック(bg画像) 
←クリック(フッター画像) 
←クリック(ヘッダー画像) 応用可能そうな写真素材。
素人作品で解像度も小さめですが、画像処理ソフトで色調やコントラストをいじったり、お絵かきソフト使ってエアースプレーの白い枠で囲ったり、半透明にして重ねたり、ボカし入れたりすれば背景画像くらいには使えるんじゃないかなぁ。
こんな風に
緑色の素材(すべてサムネイル。クリックすると原寸画像に)
花系(すべてサムネイル。クリックすると原寸画像に)
使えるのかどうか判んない写真
サイドバーのお月様代わりのgif画像の球
これらは原寸画像です
あ、いかん
ディザかけ……色を背景になじませ、輪郭のギザギサを消す作業を失敗してたorz
ともちろんフリー素材 写真 - Google 検索←から探したほうが、綺麗に加工済みのセンスいい写真を、いーっぱいみつけられます。
★ただし、それぞれのサイトさんの利用規定はちゃんと読んで、そのとおりにすること。そうじゃないと、哀しい思いをした素材クリエイターさんがやる気を失って、サイトを閉じちゃうぞ？
(有´・ω・)ﾉ[。+ﾟ☆тнайк чоц☆ﾟ+。]
でもね、色が変なんだ。。。
ペイントで塗りつぶしの時から、
黄緑色に変えても黒色が明るい青色になるだけ。。。
黄緑色にならないんだぁ。。。
せっかくやり方わかったのにｗ
うぅ。くやしいｗ
なんヵ削除されてたよ？
使ってほしい画像を次の記事で載せますので
その画像を使って作ってください。
本当に面倒かけましてすみません。
しっヵし食べ太さんはくわしいですねぇｗ
いつも唖然ですよｗｗｗ
σ(･д･｡有)meも食べ太さんの説明で初めて聞いた言葉も
今までの知識のなかから組み合わせて
『この言葉は多分こうぃぅ意味だな。』ってなかんじで
頑張ってますｗ
勉強になりますｗ
ペイントの色が変わらないのは不思議ですね。左下のパレットの好きな色をクリックしても変わらないとなると……バケツボタンの斜め左下のスポイドボタンをクリックしてから、パレットの好きな色をクリックして、それからまたバケツボタンをクリックして塗りつぶすとうまくいくかも〜。画像を名前をつけて保存するときは、もちろんGifでね。
ところでその画像、著作権は大丈夫ですか？
ダウンロードしたサイトがあるなら、そこのURLを教えてくださいね。こちらから加工してもいいかどうかのメールを書きますからね。そうじゃないと、“私が”著作権法違反する事になっちゃうからね〜
で、知らない言葉は、ウロ覚えのまま使うんじゃなくて、Googleの検索窓に、コピー貼り付けしてGoogle検索すると、ウチより詳しい説明をしているページが絶対見つかるよ。そのために記事の最後に検索窓を、ワザワザ貼り付けたんだから、試してみてねw