CSSを使った編集
Amebaでブログを始めよう!

画像追加

2

CSSを使った編集4

コメント記入欄で、文字を入力する部分のところに背景画像を入れる方法。

下の部分を自分で探しましょう~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

赤色のところを自分で追加してください。

青色のところはついかしなくていいです。



#f_name,#f_url,#f_title,#f_com{
display:inline;
width: 250px;
margin-bottom: 3px;
margin-left: 6px;
background-image: url(画像のURLをいれてください。); ←ここを追加してね。
}

CSSを使った編集3

コメント記入欄の『名前・URL・タイトル・コメント』の文字の後ろに画像を入れる方法。

↓のところを自分で頑張って探してください。

赤色の部分を追加してください。

くれぐれも青色部分は書かないように。

緑色の部分は自分の好きな色を入れてください。


#comment_module label{
display: block;
float: left;
width: 70px;
text-align: right;
background-image: url(ここに画像のURLを入れます。); ←背景画像を変える。
color :yellow;   
←文字の色を変える
}




CSSを使った編集2

ランキング部分の編集です。

↓の箇所を探してください。赤色の所を自分で追加して下さい。

青色の文字は入れないで下さい。

緑色のところは自分の好きな色を入れましょう。

カラーコードでも色を英語で入れても大丈夫だと思います。(たぶん

カラーコードについてはここを参考にhttp://homepage3.nifty.com/iroempitsu/zukan/cd-216h.htm



#ranking .rank{
color :red;                                ←文字の色を変える。
background-image: url(背景画像のURLを記入してください);  
←ここで背景を変える。
display: block;
padding-top: 3px;
padding-bottom: 3px;
}

CSSを使った編集

CSSを使った編集方法を記載します。

まず、カレンダーの背景画像を変えるには・・・・・

下の項目を探してください~~~~

そして、赤色の文字のところを追加してください。


/* ----------------------- each menu setting ----------------------- */
/*profile*/
#profile p{
display: block;
}

/*readers*/
#reader dl {
margin-bottom: 7px;
}
#reader ul {
margin-top: 5px;
}
#reader p {
display: inline;
}

/*calendar*/
#calendar{
}
#calendar .menu_title {
}
#calendar table {
background-image: url(ここに画像のURLを入れてください);
width: 168px;
text-align:center;
}

はじめてのブログ

初めてのブログ~~~~~~~new