スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
web拍手 by FC2

Mr.ポンバシのブログ改造術 part2

こんにちはビックリマークMr.ポンバシです(^∇^)


実はこれ書くの2回目で、さっき全部書いたのを保存する際に



手違いで消えてしまいました…ヽ(゚◇゚ )ノ



しかし、そんなことにめげずに頑張って書こうと思います!




では、前回の"ブログ改造術"シリーズでは動画を用いた、BGMの流し方について説明しました。



しかしあのやり方ではyoutubeでアップされていないBGMは再生できないというデメリットがありました。



今回はオーソドックスな方法を紹介するつもりでしたが、


2回連続でBGMの流し方っていうのも何なんで、今日は


ブログの背景画像の設定方法について説明しようかと思います。





まず"デザインの変更"でカスタム可能なデザインに変更します。



そしてCSS編集画面に行きます



ここまではOKですよね?



で、CSS編集画面の3分の1くらいのところに


/* ---------- background-color : 背景色 ------- */


と書いてあるところがあると思います。



ここのエリアを次のように書き換えてください(コピペでいいです)


分からない方はCSSの最後に次の記述をコピペしてください!




/* ---------- background-color : 背景色 ------- */
body{
background-color:#cccccc; /*背景色*/
}
body{
background-image:url(画像のURL) ; /
*背景に画像*/
background-repeat:no-repeat ; /*繰り返さない①*/
background-position:center ; /*真ん中に配置②*/
background-attachment:fixed; /*スクロールしても位置固定③*/

}
#frame,
#sub_a,
#sub_b{
background-color:transparent;/*背景色を透明*/
}

div#footerArea{
background-color:transparent;/*背景色を透明*/
border:none;/*線を消す*/
}
━─━─━─━─━─━─━─━─━─━─━─━─━(ここまで)

画像を繰り返さない場合はno-repeat

画像を縦に繰り返す場合はrepeat-y

画像を横に繰り返す場合はrepeat-x



真ん中に配置する場合はcenter

上に配置する場合はtop

下に配置する場合はbottom

右に配置する場合はright

左に配置する場合はleft



左上の場合は"left top"というようにleftやtopを組み合わせて使ってください



画像が画面からはみ出ていて、スクロールした時に

背景を固定する場合はfixed

背景をスクロールする場合はscroll



記事やサイドバーの背景を透明にしたい場合は色をtransparent





これで背景が画像に変わっていると思いますが、


ここで問題があります!!


背景画像を設定して記事の背景を画像にしてしまうと、



肝心の記事が読みづらくなることが多々あります



こういったときは画像を少し薄くすることでだいぶ読みやすくなります



ここでwindowを使っているみなさんにお勧めしたいのが


AzPainter2です


http://hp.vector.co.jp/authors/VA033749/soft/azpainter2.html


まず上のリンク先のサイトの3分の1くらいの所にダウンロードリンクがありますので、そちらをクリックしてダウンロードしてください



その後起動すると、次のようなウィンドウが表示されます


Mr.ポンバシのブログ


小さなウィンドウが沢山出ている場合は、説明の便宜上消しておいてください


次に"ファイル"→"開く"で背景にしたい画像を開いてください

Mr.ポンバシのブログ

その後、"表示"→"レイヤウィンドウ"を選択すると次のように小さなウィンドウがでてきます

Mr.ポンバシのブログ

レイヤウィンドウを見てみると、"通常"と書かれたプルダウンの右側に"100"という表示があるのは分かりますか?


この値を調節することで画像を濃さを調節することができます


Mr.ポンバシのブログ

後は保存だけなんですが、ここで注意があります!


"ファイル"→"別名で保存"の後に保存するフォルダを選択するウィンドウが表示されますが、



ファイルの種類が"AzPainterファイル"になっているので、

プルダウンから"JPEGファイル"を選択してから保存してください





以上で背景画像の設定の説明を終わります。



画像を薄くすることについては、"画像を薄くしたくない!"って方もいるでしょうからお任せしますwww


何か分からないことがあれば、コメントかメッセージください


ではまたノシ



スポンサーサイト
web拍手 by FC2

コメントの投稿

非公開コメント

1 ■無題

これは聴きたかったことだ!!
参考になりました!

今後とも参考にしたいのですがお願いがあります。
ブログ改造のテーマをつけてほしいです。
見たところ全部テーマがブログなので・・・
後々参考にするとき見つけやすくしてほしいと。
検討お願いします

2 ■無題

俺も今日眠い中書いてたら消してしまってたww
お互い頑張りましょう!

今回も貴重なことを教えてくれてありがとうございます(>_<)
コメの中でも見づらいといわれてたのでどうしようと思ってたところなんですよww

助かりました(。・ω・)ノ゙
こちらでも立ち絵の件探してみますね(`・ω・´)ゞ

3 ■Re:無題

>willさん
助言ありがとうございます(^∇^)

すべてのブログにテーマつけさしてもらいました

とても便利な機能ですね
今まで放置してましたwww

ブログ改造術参考なったのなら幸いです(*^▽^*)

4 ■Re:無題

>アスラ・K・ピースさん
お気づかいありがとうございますm(u_u)m

でも立ち絵の件は大丈夫ですよ(*^▽^*)
暇な時に自分で探します

苦労して書いたブログが途中で消えると
テンション下がりますよね~

5 ■無題

記事消えること良くありますw
ググろうとして検索かけてしまったとき、マジで絶望感いっぱいになります(泣

確かに背景が白っぽくなって文字が見やすいですね!参考になります!
ただ、自分は今のフォーマットが好きなので今後変更するとき、また参考にさせて頂きますwww

6 ■無題

自分も、書いた記事を消してしまうことが度々あります(笑
何か、消えやすいですよね・・・

画像の貼り方は知らなかったので、参考になりました!
有難うございますm(_ _)m

7 ■無題

fmfm そういう仕組みになってたんですね!!! 自分さっぱりだったんで なんか得した気分です!!

8 ■無題

画像の濃さの調節は他のソフトだとコントラストで調整ですか?
今、使ってるのがPaint.NETなんですが、しっくりこなくて…

9 ■Re:無題

>とうがいさん

参考になって良かったです(^∇^)

そうですね!ブログはいろいろ自分で改造した方が面白いですよね!

10 ■Re:無題

>しろたへさん

自分の好きな画像をブログの背景にできるのは嬉しいですよ(^∇^)

ぜひ試してみてください

11 ■Re:無題

>riteさん

仕組みが分かるといろいろ改造できて面白いですよ

僕もまだ分かり切ってませんがwww

12 ■Re:無題

>ピュア紳士さん

コントラストは「明るい部分と暗い部分との明度の差」ですから、コントラストを弱くしても
暗い部分と明るい部分との階調が平均化されて、全体的に滑らかで落ち着いた印象が増しますが、行き過ぎるとぼやけた不鮮明な画像になってしまいます。

レイヤーは「描画用の透明なシート」で、その上には画像をペイントすることができます。

Paint.NETインストールしてやってみました

①ファイルを開く
②メニューのレイヤーを押す
③レイヤーのプロパティを押す
④不透明度を調整

保存するまではドットがでて変な感じでしたが
これで薄くすることができました

何か分からないことがあれば、
メッセージください!

13 ■無題

わかりやすくてよかったです!

14 ■無題

保存した画像をどうやって背景にうつすのですか?
プロフィール

ポンバシ

はじめまして!Mr.ポンバシです。
呼び名は「ポンバシ」「ポンさん」などなどです ^ ^
2次元をこよなく愛しており、エロゲ、ギャルゲ、アニメ、ラノベなんでも話を振ってください。
コメントしてくれると天に昇る勢いで喜びますww


アクセスランキング
[ジャンルランキング]
ゲーム
9453位
アクセスランキングを見る>>

[サブジャンルランキング]
PCゲーム
1329位
アクセスランキングを見る>>

アクセスカウンター

カテゴリ

最新コメント

全記事表示リンク

全ての記事を表示する


月別アーカイブ

OHPバナー
紅い瞳に映るセカイ 応援中!!

「魔女こいにっき」応援中

恋がさくころ桜どき

すたじお緑茶『南十字星恋歌』応援中!

検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QR
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。