のってんのブログ一覧

色の指定などの細かいことは後回しにして、単純に画像を背景などに設定するやり方を。。
ちなみにどんなデザインにするかと言えば、、、、ココです。
すいませんねぇ～(；・∀・)
色々出来るから、とりあえず、スタンダードな奴でと。
これなら写真の撮り方だけでデザイン変えれるかな？と思いまして。

ハイ、そうと決まったら即、実行！(テキトー)

１、みんカラログイン画面の左の列から「スタイルシート」をクリック！
２、一番左下のカスタマイズ[上級者用]のカスタマイズ１を選択してスタイル編集をクリック。
３、好きな文字色、背景を選択して取り込んでください。
使う写真の色に合わせて決めないと字が見えないぃ～なんてことになる訳です。
ただし、「水」以外で御願いします。後々めんどくさいでしょー。

４、早速、
いきなり最初に書かれているココ↓に、

body
{

の後に
　
　background-image: url('背景に使う画像のＵＲＬ');
background-repeat: no-repeat;
background-attachment: fixed;
background-position : center;

の文をコピーアンドペースト(以下コピペ)してください。

５、次にずらーと下を見ていくと、

全ページ共通ヘッダ・フッタ(※書いてないのもあります)


#Header
{
padding:15px;
margin-top: 5px;
background: #353535;
margin-bottom: 0px;
width: 750px;
height: 70px;
background-image: url('/styles/black/point.gif');
}


と、こんな感じであります。これの

background-image: url('/styles/black/point.gif');

の一文を消して、

background: url('ブログのタイトルのトコに使う画像のＵＲＬ')n
o-repeat;

・・・終了ぉ～ヽ(´ー｀)ノ
後は自分のブログのデザインや文字が同化して見えにくくないかなどチェックして終わりです。
ちなみにＵＲＬは知ってると思いますが、http//～とか。
スタイル用画像ってトコにアップロードできますので、アップロードするとＵＲＬがコピー出来るようになってますので、それを。
背景画像は770×575ピクセル。タイトル画像は770×100位がいいかと思います。それが純正？サイズ。


参考コピペ例。俺の。
body {
background-image: url('https://cdn.snsimg.carview.co.jp/carlife/images/UserCarPhoto/99249/P1.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position : center;
text-align: center;
別に行を元からのに揃える必要はないのですが、分かりやすいようにです。

※カスタム例。
background-repeat: no-repeat;
この一文を消せば、タイルのように写真が敷き詰められます。

background-attachment: fixed;
この一文を消せば、背景画像は固定されません。スクロールします。
background-position : center;
のcenter。つまりセンターｗ写真の場所を真ん中に固定する文なのですが。
background-position : right bottom;
こうすることにより写真を右下に固定出来ます。
background-position : left top;
こうすりゃ左上に。

色々なデザインを考えてみてください。


写真の撮り方だけで色んなデザインになるかな？と思ったのですが。。どーでしょう？