解決済
各箇所の色の変更につきまして質問です。
こんにちは、お世話になっております。またご相談させて下さい。
当方、ライブドアのテンプレートを使用しているのですが、スタイルシートの用語が分からず、色の変更をするにも、どこをいじれば良いのか分からないのですが、以下のブログの、
1.日記の日付を囲んでいる、暗い青色の枠の色を変えるには..
2.プラグインの、アンダーラインが付いていてリンクのつながってる文字を、矢印を乗せたときに変わる色の変更..
をするに、どうしたら良いでしょうか？
拙い文章で申し訳ありません、また、同じような質問を受けておられる中、またこのような内容の質問をさせて頂き、ご迷惑をお掛け致しますが、宜しくお願い致します。
回答(1)
1.
ご質問の箇所について、簡単に説明致します。
１．日付を囲んでいる暗い青色の枠は画像です。
画像を差し替えることによりお好きなものに変えることが可能です。
部分としては、
.datebody{
height:49px;
background:url(http://parts.blog.livedoor.jp/img/usr/notepad/date.gif) no-repeat 0 0;
margin-bottom:10px;color:#f7bb07;
}
です。
backgroundの部分がその画像の設定部分です。
２．プラグイン（サイドバー）のリンク色について
カーソルを合わせると変わる設定の部分はCSSのbodyの一帯の下にある、a:hover{color:#96c;text-decoration:none;}が影響を与えています。
ただし、ここを変えると他の部分まで変わってしまうので、もしサイドバーのみ変えたい場合は新たに書き足すことをお勧め致します。
この説明で分からない所があれば、コメント欄からお尋ね下さいませ。
また、具体的なカスタマイズ方法についても、お尋ね下さればお答えします。
長い間お世話になりました！本当に助かりました。
とても感謝しております。
また、分からないことが出たときには、相談させて頂けると幸いです。
どうもありがとうござました！
コメント(10)
望さんへ
早速のご返答ありがとうございます。
1の質問に関しましては、現在青系の色になっている枠の色を「f7bb07」の色に変更したいのです。
しかし未だ更新されないままなのです。
待つしかないでしょうかね？？
2に関しましては、リンク色を赤い色に変えたいのですが、どうしたら良いでしょうか？
「他の部分まで変わってしまう」というのは、だいたいどこまで変わってしまいそうですかね？
新たに書き足す、為には何を書き写せば宜しいでしょうか？
出来ないやつですみません、ご迷惑おかけ致します。
お返事、お待ちしております！
宜しくお願い致します。
おからさん。
1に関しては、日付の背景は画像です。（分かりますかね?）
ちなみに画像のURLはhttp://parts.blog.livedoor.jp/img/usr/notepad/date...です。
画像を編集することが出来れば、暗い青の部分を「f7bb07」の色に変えることが出来ます。
画像の編集に関してはいかがでしょうか?
画像を使わずに、日付の背景を「f7bb07」に設定することも可能ですが、画像ではないので、イメージが変わるかと思います。
それでも良ければ、以下のものに貼り替えてみて下さい。
.datebody{
height:49px;
background-color:#f7bb07;
margin-bottom:10px;
}
そして設定を保存し、再構築すると反映されます。
必ずバックアップをとった上でお試し下さい。
イメージと違う場合にすぐ戻せるように別（メモ帳等に）保存しておくと安心です。
下に続きます。
続きです。
2に関して、個別に設定していない全てのリンク色です。
新たに書き足すには、a.ttllinkの上辺りに
.sidebody a:link{color:#数字;}
.sidebody a:hover{color:#数字;}
を付け足して下さい。（書き足す場所はどこでも良いのですが、sideについて書いてある近辺の方が分かり易いと思いますので）
上が何もしていない時、下がカーソルが触れた時の指定になります。
数字に関してはお好みの色の数字にして下さい。
この説明で分からない所があれば、またコメント欄からお尋ね下さいませ。
ゆっくりやっていけば大丈夫ですよ。(^o^)
望さんへ
お返事ありがとうございます。2に関しましては、ただいまやってみました。更新されるのを待っている状態であります。
1の画像の編集方法、分かりません！
すみません、お手すきな時で構いませんので、教えて頂けませんでしょうか！
宜しくお願い致します。
おからさん。
画像の編集方法についてですが、
>>#2に貼っている画像のURLから、画像が確認できると思いますので、まずそれを「名前をつけて保存」して頂けますか?（名前は任意のもので構いません）
そして画像編集ですが、画像編集ソフトはお持ちでしょうか?
プリンタやデジカメなどに付属として付いていたりするのですが、いかがでしょうか?
良かったらお持ちの画像編集ソフトについてお知らせ下さい。
もしお持ちでない場合、フリーソフトでも画像編集できるものがありますので、http://www.vector.co.jp/で探してみるのも良いかと思います。
高機能でフリーのものとしては、「full color graphic editor Hyper-Paint」があります。
http://www.vector.co.jp/vpack/browse/pickup/pw6/pw...
勿論既に画像編集ソフトをお持ちでしたら、そちらをお使い下さいませ。
望さん
おはようございます。
日付が変わったのにまだ対応して下さり恐縮です。
画像編集ソフト、というのは、当方マッキントッシュ使用なのですが、ひまわりの絵のフォトショップエレメンツで宜しいのでしょうか？
これと、枠の画像を使用して、どういった工程を取るのがよろしいでしょうか？
お時間のあるときで構いません、ご返答、お待ちしております。よろしくお願いします。
おからさん。
フォトショップエレメンツ、十分良いソフトですよ。(^o^)
フォトショップエレメンツを起動させて、画面上部の「ファイル」の「開く」→保存した枠の画像を開いて下さい。
開いた直後は編集できないかもしれませんので、「イメージ」→「モード」→「ＲＧＢカラー」にしてみて下さい。
そして、バケツマークのアイコンを探して頂けますか?
バケツマークで任意の色（オレンジならオレンジ）を選んで、暗い青の部分の上でクリックするとパッと色が変わる筈です。
そしてお好みの色になりましたら、「ファイル」→「Web用に保存」→「GIF」で任意の名前をつけて保存して下さい。
まずはここまでやってみて下さい。
分からない所があれば、またお尋ね下さいませ。
望さん
こんにちは。
教えて頂いた通りに、画像加工して保存まできました。
あとは、これをどこに書き換えて仕上げるのか、教えて下さい！よろしくお願いします。
ファイルのアップロード でその画像を保存したらタイトルをクリックして画像のＵＲＬを確認します。お尻の ?blog_id=数字 はいりません。このＵＲＬを .datebody の background:url と差し替えます。下の この内容で保存する をクリック 再構築します。
