78thのブログ一覧

定期ブログ化しつつあるかな？スタイルシート関連。

ということで今回は背景画像編です。
背景画像の設定の仕方・・・は、まさ姐さんのブログを参考にしてみてください。

今回はそこから一歩踏み込んでみましょう。
普通は画面をスクロールさせると、背景画像も一緒にスクロールしてしまいますよね。
今回はこの背景画像を固定してみましょう。

=========================================
body
{
padding-right: 2px;
padding-left: 2px;
background-image: url('http://www1.ocn.ne.jp/~hidetomo/sinaiyo/bg13.gif');
background-attachment:fixed;←これを加えるだけです。
color: #330099;
padding-bottom: 2px;
margin: 0px;
padding-top: 8px;
text-align: center;
}

=========================================

こう設定することで背景画像が固定されます。

よかったら試してみてくださいね♪

全然難しくないですから～。

※どうでもいいけど、このブログでブログ総数が700になりました（*´∀｀*）

大体基本的なスタイルシートのいじり方は、いろんな方があげてますね。
私も基本的なことを説明を・・・と思ったのですが、それは他の方に任せて（爆）、ちょこっとマニアック？な所のいじり方を。

以前のブログで、「ブログ部とメニュー部の左右の入れ替え方」を紹介しましたが、そこを利用したいじり方です。いじるときは自己責任もとにお願いしますね。

今日は、メニュー部分とブログ部分の幅を変えてみましょう♪
====================================================

#BlogMenu
{
width: 150px;←ここの数字を変えることで幅が変わります。
float: left;←左右入れ替えではここをいじりました。
margin: 5 auto 0 auto;

}

#Content
{
float: right;←左右入れ替えではここをいじりました。
width: 580px;←ここの数字を変えることで幅が変わります。
margin: 5 auto 0 auto;
font-size: 12px;

====================================================

デフォルトでは、ヘッダーのバナーの横の大きさが750ピクセルですのでその辺を考えつつ変更するといいでしょう。ここであげている数値は私のデザインでの数値です。足して750にならないのは、2つの間に20ピクセル分空白を作るためです。

ここで注意。

メニュー部の幅を狭くしすぎると、プロフィール画像がはみ出てしまいます。これの解消方法は以下のとおりです。

====================================================

.ProfielePhoto
{
text-align: center;
width: 135px;←ここの数値を変えることで画像幅変更可。
border: 0px;


====================================================

あまりいじりすぎるとバランスが悪くなってしまいますので、プレビューでバランスを確認しつつやってみましょう♪


関連ブログ
まさ姐さん「Web配色表 【スタイル管理のアンチョコ】」
男子壊社員さん「朝からスタイル管理アンチョコ♪」
男子壊社員さん「夜にもスタイル管理・アンチョコ♪」

・・・思ってるけど、気まぐれに更新する可能性大（爆）。

とりあえず「みんカラ78th仕様～さわやかVersion～」（笑）はこの辺で完成したことにしておきましょうかね（爆）。





今後どんなバージョンが飛び出すか！？


乞うご期待！！



・・・しなくてイイですｗ

っつかあくまで自己責任で。
画像の箇所をいじると、私のように左右逆になります。
やってみようと思われる方の一助になれば。
ちなみに私は幅もここでいじってます。

関連ブログ
まさ姐さん「誰でも出来るよ、スタイル管理のアンチョコ。」
まさ姐さん「続、スタイル管理のアンチョコ。」
アステローペさん「いじくりますた。」
男子壊社員さん「スタイル管理のアンチョコ・壊社員編」
とうがねーぜ（*＾ヮ＾）ﾉさん「スタイルを弄ってみてる」

っつかスタイルシートは中毒性ありだな（笑）。

PC前にいる間はちょくちょくいじってます（＊´Д｀）～♪

いつの間にか背景がチェック柄になっとるし（笑）。

実はこのデザイン、私が過去（4年前まで）運営していたサイトのデザインに近いです（笑）。ひょっとしたら見覚えのある人がいるかも・・・それなりにアクセス数あったし。

・・・さて次はどこいじろうｗ