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

無事TOPタイトルの色を変更できましたか？

今度はサブタイトルの色を変更します↓


この「退屈な毎日に・・」の部分を変更します。

では、「style.css」を開いて、246行目らへんに「.text-color」という部分を見つけましょう！

↓↓
.text-color-1 {
color:#FF9900;
}

.text-color-2 {
color:#FFFFFF;
}

.text-color-3 {
color:#333333;
}

これですね〜

前回と同じように　

color：
の部分が色を指定しています。

今回は、この設定にはさわらず、もうひとつ「.text-color」設定を作りましょう。

↓この部分をコピーして、.text-color-3の下らへんに貼り付けてください。
.text-color-4{
color:#FFFFFF;
}

あとは＃FFFFFFとなっている部分を任意の色に変えるだけですね〜

色の変更の仕方は、「こちら」を参考にどうぞ

私は、黄色っぽくしたいので、「#FFFF00」に変更しました。

変更が終わったらファイルを保存してください。

これで終わり〜

ではありません

こんどは、「index.html」を開いて変更しましょう〜

29行目あたりにサブタイトルの記述をしている部分を見つけてください。
＜p id="catch1" class="bold inline-center text-color-2"＞退屈な毎日に「わくわく」を！＜/p＞

みつかりました？

この、text-color-2（人によっては1や3の場合もあります）の「2」を「4」に変更しましょう。

＜p id="catch1" class="bold inline-center text-color-4"＞退屈な毎日に「わくわく」を！＜/p＞

そして保存して、index.htmlをダブルクリックすると・・・・。

黄色になりましたね

↓↓

ついにオーバーチャアの入札価格が固定⇒変動になりましたね〜

早速ログインすると・・・↓↓




おお。メッセージが出ています。

この場合、
15円以上にしないと掲載してもらえないのね〜


最初は自動で設定価格がどんどんあがっていくのかな？と思っていましたが、
こうやって価格が変動したキーワードのみ自分でボチボチ修正していくのね〜。
なるほど〜


〇円以上にしないとダメなキーワードはこういう風にメッセージがでていましたが、
逆に現在の価格より安くなる場合もでるのかしら・・？

そうしないと「変動性」の意味はないもんね

とりあえず、商品を選んで、自分の希望する価格を設定することはすんなりできました〜

しかし

どうやって自分の登録した商品の一覧が見れるの？？と悩みました



実は検索機能のところに一括して自分の価格設定をした商品の一覧を
見る機能があったんですね〜

1.「商品を探す」をクリック

2.「詳しい検索条件を設定する」をクリック
↓↓


3.検索対象を「ユーザ価格を設定している商品から」を選択


4．条件は他に選択しないで、「検索する」をポチ

すると、自分で価格を設定した商品の一覧がでてきますよね！

私は、もしもが提示している値段そのままでもとりあえず、そのまま価格を設定していまいます。
そうすると在庫のチェックがとっても楽になりますよ

ついに第五期特待生の募集が始まりました〜

特待生案内

ノウハウが分からないと、相当な時間のロスになるので
こういう制度を利用するといいですね

まずはコレ↓↓


「あ〜白で作ったけど・・・。イマイチ・・違う色にかえた〜い」

など、1度設定したけど、違う色にしたい場合の設定変更方法です。

まずは、前回作成した「style.css」を開きましょう〜

〇変更する部分

↓↓
.text-color-1 {
}

style.cssの結構後ろのほうにあります。

見つかりました？

これの

color：
の右側にある＃〇〇〇〇〇〇
を変更するだけ。

⇒私の場合は　#FFFFFF　と書かれています。

＃FFFFFF・・・き・・記号？？
なんだ？？

そうなんです。WEBではこういう風に書きます。

実際に、色をみてみたいですよね？
そんなときは、「WEBセーフカラー」のページを参考にすると楽です。

このページをみると、色と#〇〇〇〇〇〇と記号が書かれていますよね？

好きな色の記号をコピーしてください。

私は今回、オレンジ色っぽくしたいので、「#FF9900」の部分をコピーしました。

それで、後は先ほどの#FFFFFFを#FF9900に書き換えます。

こんな感じ
Before↓↓
.text-color-1 {
color：#FFFFFF;
}

After↓↓
.text-color-1 {
color：#FF9900;
}

で、style.cssを保存してください〜

index.htmlが表示されているブラウザを開いて「F5」などを押して画面を更新してみてください。

どう？？？

色が変わりましたか？？

↓↓


こんな感じで進めていきます〜＾_＾ v

もし、
「#FF9900」の部分をコピー　
とか
ブラウザの更新
の意味が？？の場合は、ネットで調べてみてね〜