2005-04-14 12:00:39

カオリンの簡単!!アメブロカスタム講座

テーマ:アメブロカスタム講座

私自身もよくわかってないのですが、

書いてみました。

 

講座なんて、大それたモノじゃないですが…(;´Д`)

 

 

カオリンの簡単!!アメブロカスタム講座Ⅰ☆背景色編

カオリンの簡単!!アメブロカスタム講座Ⅱ☆トップ画像編

 

 

 

参考にしていただけたら嬉しいです(ノ´∀`*)

AD
いいね!した人  |  コメント(5)  |  リブログ(0)
2005-04-14 11:28:05

カオリンの簡単!!アメブロカスタム講座Ⅱ☆トップ画像編

テーマ:アメブロカスタム講座

 

 

次は、トップの画像についてです。

私のトップでは、自分で加工した画像を載せています。

これはただ単に、URLを付けただけなんです。

(幅とかは調整したけど…)

 

どこに書くかといいますと、

この部分です。

 

 

#header {
background-image: url(http://www.soki-tec.com/lovejam.jpg);
}

 

この( )内に、画像のURLを入れるだけです。

簡単でしょ?

 

 

あと、私の場合は画像が大きかったんで、

そのままなんですが、

画像が小さい場合、多分自動的に繰り返されてしまいます。

繰り返したくない場合は、

 

background-repeat: no-repeat; /*

 

これを書き加えて下さい。

(繰り返したくない場合はno-を消して下さいね。)

 

 

それと、画像の位置を指定する場合は、

 

background-position: center left; /*

 

と書き加えて下さい。

この場合は左に表示されます。

中央の場合はleftを消して下さい。

右にする場合はleftをrightに変えて下さいね。

 

 

 

こんな感じでいかがでしょうか?

ぜひやってみて下さいね(ノ´∀`*) 

AD
いいね!した人  |  コメント(4)  |  リブログ(0)
2005-04-13 12:43:28

カオリンの簡単!!アメブロカスタム講座Ⅰ☆背景色編

テーマ:アメブロカスタム講座

お約束のカスタム講座です。

でも私、あんまり大した事書けないですけど…

いいですか?

(じゃあ最初から言うなよ!!w)

 

 

でも私のわかる範囲で書きたいと思います。

 

 

とりあえず、何から説明しよう…って事で、

最初は背景の色からいきますかね。

 

私のと照らし合わせてみて下さい。

 

 

 

CSS編集画面にします。

 

/* ----------------------- background-color-control ----------------------- */
body {
background-image: url(http://ameblo.jp/user_images/54/a4/10000468299.gif);
}             この( )内に使用したい画像のURLを入れる。
#frame {          (私はキラキラピンクの画像)
background-color:#FFFFFF; ←全体の背景色。私は白にしてます。
}
#sub_a{
background-color:#FFCCFF; ←左側の背景色。(プロフィール欄の方)薄いピンク
}
#sub_b{
background-color:#FFCCFF; ←右側の背景色。(ランキング欄の方)左と同じく色
}

 

 

 

こんな感じで変えてみて下さい。

このままコピーすると私と同じになってしまうのでw

お好きな色を使用して下さいね。

 

参考にどうぞ。

カラーサンプル

AD
いいね!した人  |  コメント(4)  |  リブログ(0)

AD

メロメロパーク

ブログをはじめる

たくさんの芸能人・有名人が
書いているAmebaブログを
無料で簡単にはじめることができます。

公式トップブロガーへ応募

多くの方にご紹介したいブログを
執筆する方を「公式トップブロガー」
として認定しております。

芸能人・有名人ブログを開設

Amebaブログでは、芸能人・有名人ブログを
ご希望される著名人の方/事務所様を
随時募集しております。