サイドタイトルの文字の色を変える

「サイドタイトルの文字の色を変える」の有益情報をお届け!

アフィリエイト1年生のための パソコン・アフィリエイト講座

自由自在にパソコンを使えると、アフィリエイトが楽になります^^

2006年11月24日

サイドタイトルの文字の色を変える

フォースさんから、ご質問いただきました。

ブログのサイドメニューのコンテンツ
「プロフィール」や「最新記事」などの、タイトルの文字の色を変える方法です^^
「サイドタイトルの文字の色を変える方法」
seesaaブログの場合です。


1. まず「デザイン」ー「スタイルシート」の中から
.sidetitle { 」と書いてあるところを探してください^^

2. その中の

color: # ●●● ;  部分が、サイドタイトルの文字の色の設定です^^


たいていのテンプレートでは、この指定になっています。

色は カラーコード などを参考に、3桁もしくは6桁で
書き換えてみてくださいね^^


ちなみに、「真・ブログ解体新書」のテンプレートを使っている方は

.sidetitle { の中の

bgcolor: # ●●● ; 部分を変更すると、タイトルに敷いてある帯の色を
変更することができますよ^^


もちろんテンプレートによって多少違いはあるので
どうしても出来ない場合には、ご自身の使っているテンプレートの
HTMLの方をよく見る必要があります^^

たとえば

<div class="sidetitle">新着記事</div>

と書いてある部分を見つけたら、「新着記事」という文字に対しての
CSSでの指定は sidetitleとして、書いてあるんだなあ…
と分かるというわけです^^

このときHTMLの方で
 class=" とあれば、
   CSSでは .sidetitle

 id=" とあれば、
   CSSでは #sidetitle になります。

必ず、バックアップしてから試しください^^

今回は探すのが、一番大変かな?
検索しちゃうのが一番なんですが…
頑張ってみてくださいね^^


↓あなたのお役に立てましたか?
  応援クリックお願いします!
banner_02.gif


この記事へのコメント
すみれ先生!風邪治ったの?
僕もちびっと元気になったぞぃ!
今日の技より新着記事にマークをつける方が
個人的には、かっちょいい気がするぞぃ!
まあ、好き好きですね。
しかし、よく知ってますね。マジで感心します!
Posted by ヘタ at 2006年11月24日 21:46
sumireさん こんばんは
bagilです。

もう、風邪は大丈夫なんですか?
無理は禁物、まだゆっくり静養ください。

サブタイトルの色もこのように
簡単に変えることができるのですね
凄くわかりやすいご説明、学習になります。

ありがとうございます、お大事にネ。応援ポチ
Posted by 初心者だってネットでお小遣いを稼げる!(bagil) at 2006年11月24日 21:47
こんばんは! 電脳牧師のたいぢです。

東京から帰ってきました。案の定、仕事がいっぱい待っていました。今日は、更新はしないでコメント廻りだけやっております。

カラーコードの指定には、私は無料のツールを使っています。低機能ですが便利ですね。

テンプレートをいじれるようになると、ブログもおもしろいですね〜。

それでは! 応援ポチッ☆

笑顔同封 たいぢ
Posted by たいぢ@電脳牧師が100万円アフィリエイト at 2006年11月24日 22:09
すみれ先生、こんばんは!

風邪は大丈夫ですか?
最近は風邪流行ってるみたいなので、たぶん次は僕の番だと思います^^;

カラーコードの一覧なんてあるんですね。
今日、違うブログで文字の色変えようと試行錯誤してたので、もうちょっと早くここにこればよかったです^^;

次からは参考にさせてもらいます。

応援★ポチッ!!
Posted by ユータ@ブログアフィリエイトで月収50万!?初心者からでも簡単に稼ぐ方法 at 2006年11月25日 00:47
シゲです。

sumireさん、こんばんは。

カゼはどうですか?

ウチは、しょうくん→もかちゃん→嫁、です・・・
嫁がぐったりしております・・・
次は・・・ひょえー!

んでは、
必殺!応援ポチポチポチポチッ!
Posted by シゲ@人気ブログの作り方 at 2006年11月25日 02:40
こんばんは。
リリー夫です。

お風邪の方は大丈夫ですか?
無理は禁物ですよ!

カラーコード、何気に使う機会が多くてびっくりしています。
カラーコードは背景と文字によって違ったりしてややこしいですが。。

今ちょっとカスタマイズで悩んでいるので、今度ぜひ質問させてください♪
ためになる記事、ありがとうございます!

応援ぽと!
Posted by 海外在住ホワイト at 2006年11月25日 03:42
sumireさん、こんにちわ。

風邪、大丈夫ですか?

HTMLも大分、拒否反応がうすれてきました(^^ゞ
今日も分かりやすくて感謝♪です。

にこりにっこり応援ぽちり♪
Posted by にこり@情報商材ほんとのところ♪ at 2006年11月25日 06:02
サブタイトルーー!
キレイにグラデーションつけるなら
画像用意してURL指定のがいいですかね?

応援クリッコぽちりとしておきました☆
Posted by じょに@女子中学生指導中 at 2006年11月25日 08:21
こんにちはー。

ほぉほぉ・・・そんな方法があるのですねー・・・

あんまりスタイルシートの編集は得意じゃないのでわからないことだらけですねー。

それでは応援ポチッと。
Posted by 新米!?馬券想定士『零』 at 2006年11月25日 10:42
ただいま

戻ってきました。
今日はお天気でよかったですね!
せっかくの休日、楽しんでください!
Posted by 海月 at 2006年11月25日 10:43
最強素人☆すづきです!

ご訪問どもです( ・∀・)ノ

いつも、色々教えていただけるので嬉しいです!

ちなみに検索ってどうやるんですか〜?

またあそびきまっす!

応援ぽち(σ ゚*゚)σ

Posted by 最強素人☆すづき at 2006年11月25日 12:07
sumireさん。

こんにちは。
@梅なんとかです。

具合の悪い中のコメント
ありがとうございます。
どうか休養して下さい。
お大事に
応援!
Posted by 90日でガッツリ稼ぐ情報商材@梅なんとか at 2006年11月25日 12:15
sumireさん具合どうですか?
良くなりましたか?
無理しないでくださいね。
サイドタイトルの色変えられたら
楽しいですよね*^-^*




Posted by 香奈 at 2006年11月25日 15:01
こんにちは。
もう体調はよろしいのですか?
今年の風邪は
ぶり返すらしいので要注意ですよ〜^^

今日も
sumireさんの記事を散策して帰ります♪

応援ポチッと!
Posted by お小遣いが欲しいnao at 2006年11月25日 15:08
sumireさん、こんにちは。

サトです。

風邪はなおられましたか?
無理しないでね〜
色を変える方法ありがとう〜
今度やってみようかな^^

またきますね〜

応援します。ぽち^^
Posted by ブログアフィリエイトで愛でいっぱいのお金持ち at 2006年11月25日 16:28
ヤフオク情報商材鑑定士コウです。

なるほど・・・

知りませんでした。

勉強になりました^^

応援ポチ!!
Posted by ヤフオク情報商材鑑定士コウ at 2006年11月25日 18:25
sumireさん、こんばんは。

いつもありがとう(^o^)/

風邪の方は大丈夫ですか?
無理しないでね。

昨日のコメントは
とてもうれしかったです。

また来ますね。
応援してま〜す!!   ポチ!
Posted by 開けたら閉める@おざピー at 2006年11月25日 22:12
こんばんは! 電脳牧師のたいぢです。

ご心配おかけしました。昨日は、体調を崩したわけではありませんので〜。ありがとうございました。

応援ポチッ☆

笑顔同封 たいぢ
Posted by たいぢ@電脳牧師の100万円アフィリエイト at 2006年11月26日 00:06
こんばんは、sumireさん^^
お風邪の具合はいかがですか?
無理は禁物ですよ〜!
ビシッと治して下さいね♪

おおっ、カスタマイズの記事が^^
ホント、ここにお邪魔するといろんなことがわかって助かってます!
しかし、現段階で【もくじ】につまずいている私って(滝汗)
またじっくり拝見してもくじを頑張ってみます!
応援してお暇しますね♪
ではでは、愛(応援)をsumireさんに^^
Posted by 100万円稼ぐのはとても簡単!@かーちゃん at 2006年11月26日 00:21
すみれ先生、こんばんは!

ちょっと分からない事があったので、近いうちにメールさせてもらうかもです^^;

その時はよろしくお願いします!

応援★ポチッ!!
Posted by ユータ@ブログアフィリエイトで月収50万!?初心者からでも簡単に稼ぐ方法 at 2006年11月26日 00:55
sumireさん〜♪
おはようございます。
土建屋ムサシっす。

私、別の道へとしばらく旅立ちます。
ちゅうても、アフィリっすが
よりよいノウハウを、お届けできるよう
修行してまいりまする。

では、復活しましたら、またご挨拶に、伺いまする。

それでは〜百万トン級!応援ポチドン!!
Posted by 時間が無い方限定ブログ!土建屋ムサシ! at 2006年11月26日 10:36
sumireさん

おはようございます(もう昼?)キャロットです♪

人気ブログランキングやっと二桁順位達成記念で
お礼回りに伺ってます☆

sumireさんのブログはいつ来ても
勉強になりますね〜 ( ´∀`)

では、応援ポチっと★
今日も一日頑張りましょう!
Posted by 人気ブログアフィリエイト★これがキャロットの稼ぐ道 at 2006年11月26日 12:59
こんにちは、azertyです。
よろしくお願いします。

カラーコードと言うとこういうツールがありますよ。

http://www.vector.co.jp/soft/win95/net/se085351.html

マウス先端のカラーコードを自動出力するツールです。
ブラウジングで気に入った色があったときに、
これで簡単にコピーできます。
Posted by ネットビジネスで収入を稼ぐ情報 at 2006年11月26日 17:57
●隊長

あ、隊長が一番乗りしてくれたんですね^^
風邪はいまいちなんですが、お熱が下がったので
出歩いてます^^;
今はインターネットで簡単に調べられるから
大抵のことは何でもすぐにお答えできるんですよ〜
私の知識の大半は検索技術にあるのかもしれません^^;


●bagilさん

まだ完治ではないので、本当は寝ていたほうがいいのでしょうが
仕事はなかなか休めないので、マスクして出勤しています^^;
温まるホットカクテルを探しにbagilさんのところに
行きますね〜^^


●たいぢさん

カラーコード指定できるツールがあるんですか?
たいぢさんて本当に色々ご存知ですよね〜!
テンプレートはいじりだすととまらなくなります^^;
わかってくると楽しいんですよね^^


●ユータさん

もう一つのほうのブログですか?
そちらはうまくいきました?
もし何かあったらいつでも言ってくださいね^^
お役に立てるのは嬉しいです♪
ユータさん、いつでも歓迎ですよ〜^^


●シゲさん

わわわ…皆さん順番に?
奥様が倒れちゃうと大変ですね(>_<)
今お元気なのはシゲさんだけ?
それに…移っていくほど、重くなったりしませんか?
できるだけ無理なさらず早めに寝て、
移らないようにお気をつけ下さいね!


●リリー夫さん

リリー夫さんは、全体に黒を入れていますものね^^
最初、面白いなあと思って拝見しました^^
ご質問、いつでも気軽に仰ってくださいね〜^^
大歓迎です♪


●にこりさん

拒否反応…ですか?
あはは☆最初はそうかもしれません。
実は私も、ブラウザによって違ったり
位置がずれちゃうのがいまだに許せません!^^;


●じょにさん

グラデーション…IEならCSSでフィルターを使って
でもできますけど、画像のほうが確実ですよね^^
試してみてください^^


●零さん

はじめまして^^
訪問&応援ありがとうございます
私は競馬はまるきりわからないので
ブログにお邪魔して目を白黒させながら
読みました^^;
これからどうぞよろしくお願いします^^


●海月さん

よかった…おかえりなさ〜い^^
さっそくコメントいただけて、とっても
嬉しいです^^
また、遊びに行きますね^^


●すづきさん

検索は…Windowsなら「Ctrlキー」と「F」を
押したときに出てくる小窓に、探している文字を
入力すると調べてくれます^^
まずはHTMLやCSSを頭から見ていって、自分の目で
探検索って便利なので、使ってみてくださいね^^


●梅さん

休養しようと思っていたのですが、結局仕事は休めず…
昨日は久しぶりのお休みだったので、かえって子供と
公園を駆け回ることになってしまって…
やっと下がった熱がまた上がりそうです^^;
たまにだから仕方ないんですけどね^^;


●香奈さん

アメブロだときっとやり方が違うんですよね^^;
ごめんなさい。
でも、香奈さんのところはとっても綺麗だから
もういじるところないですもんね^^


●naoさん

ぶり返す…やっぱりですか?
夕方から夜にかけて、結構体がきついです^^;
でも、夜中になるとまた元気が出てくるんですよね^^;
低血圧で夜型なので…直したいんですけれど^^;


●サトさん

私もサトさんのブログでいつも勉強させてもらっています^^
色を変えたりと、工夫をするのも楽しいものです^^
もしよかったら時間のあるときに試してみてくださいね^^


●コウさん

コメントありがとうございます^^
Livedoorもやり方が違うのでしょうね…
もし、カスタマイズが必要なら別にご案内するので
仰ってくださいね^^;


●おざピーさん

ありがとうございます^^
私も知らないことたくさん教えていただいてます^^
また伺いますね^^


●かーちゃん

もくじ…困ってますか?
fc2だと、違うのかもしれないですね。
もし大変だったらご連絡ください^^
サイズとか、その他色々私も見てみますよ^^


●ムサシさん

旅立ち…そうなんですね^^
よりよいノウハウ…、ムサシさんのノウハウなら
とっても期待♪ お待ちしていますね〜^^


●キャロットさん

二桁達成おめでとうございます^^
ランキングがあがってくると嬉しいですよね〜♪
応援、いつもありがとうございます!
私も伺いますね^^


●azertyさん

わあ〜、ありがとうございます!
これすっごい便利ですね^^
今まではいちいちキャプチャーしてから
フォトショップなどで読んでました^^;
さっそく使ってみます^^
Posted by sumire@パソコンインストラクター at 2006年11月26日 19:32
sumireさん こんばんは
bagilです。

まだ無理しないほうがいいですよ
更新はゆっくりとなさってくださいね。

また、来ますね。応援ポチ
Posted by 初心者だってネットでお小遣いを稼げる!(bagil) at 2006年11月26日 22:15
sumireさん

こんばんは、キャロットです。
訪問&応援感謝です♪

>人気ブログランキングでは、今87位に発見しましたよぉ^^
>outが増えるよう、そちらもクリックしてみちゃいました♪

おっ、「in&out」ですね←意味不明 (ノ´∀`*)
あ〜ざ〜す☆

では、応援ポチっと★
おやすみなさ〜い♪
Posted by 人気ブログアフィリエイト★これがキャロットの稼ぐ道 at 2006年11月27日 00:14
こんばんは。
リリー夫です。

う〜ん、今回もタメになりました!
一度、構造というか仕組みを覚えてしまうと、他の部分でも一緒だったりしますよね。

そういえば、昨日ある物販サイトのバナーを作って、うまく貼り付けるのに3時間かかりました。。
Sumireさんに聞けばよかった〜!と後悔したのは言うまでもありません。。

応援ぽち!
Posted by 海外在住金髪アフィリエイト【リリー夫】 at 2006年11月27日 01:48
すみれ先生、こんばんは!

嬉しいコメントありがとうございました^^

やっぱり複数のブログをやるのは大変です(汗)
1日24時間じゃ足りませんが、24時間しかないのでしょうがないですよね^^

お互いがんばりましょうね!

応援★ポチッ!!

Posted by ユータ@ブログアフィリエイトで月収50万!?初心者からでも簡単に稼ぐ方法 at 2006年11月27日 01:57
sumireさん
こんにちは。プチ留学生あきです。

風邪は大丈夫ですか?

とっても丁寧に説明されていますね。
さすがパソコンインストラクター。
自分も最初はどこに何があるか分からず
戸惑うばかりでした。

そんなときCtrl+F(検索)キーがとても役に立ち
ました。

それでは今日も良い1日を。応援!
Posted by ブログとアフィリエイトde留学費用を稼ぐ(留学生あき) at 2006年11月27日 07:51
はじめまして。
金儲けの達人と申します。
貴サイトを拝見させていただきました。
非常に内容が豊富で魅力的なサイトだと思いました。
ぜひ貴サイトと相互リンクをさせていただければ幸いです。
ご検討のほどよろしくお願いします。
貴サイトへのリンクは【グーグルアドセンス・アフィリエイトで金儲け!!】の【お小遣い稼ぎLINK】
http://www1.atpages.jp/oyakudati/link3.html
に貼らせていただきました。
なお当サイト情報は以下の通りです。
サイト名【グーグルアドセンス・アフィリエイトで金儲け!!】
サイURL
http://www1.atpages.jp/oyakudati/index.html
サイト紹介文:「グーグルアドセンスやアフィリエイトなどで初心者が確実に不労所得を10万円以上稼ぐための実体験に基づいた真の情報を提供中!」
Posted by 金儲けの神様 at 2006年11月27日 13:18
●bagilさん

ありがとうございます^^
更新も結局2〜3日に一回のペースになっちゃいます…
でも、体調も悪いのに焦ってもだめですよね^^;
ゆっくり一歩ずつ進んでいきます…^^


●キャロットさん

こちらこそ、いつもご訪問ありがとうございます^^
ランキングは、時間のある限りoutもクリックするように
心がけてます^^
知ってる方が上がっていくと嬉しいですものね^^


●リリー夫さん

そうなんです!
見方がわかってくるとHTMLとCSSって本当によく出来てるなあ…
と、感心してしまうんですよ^^
バナーの設置ですか?
サイドバーがずれてしまうとか…かしら?
難しいんですよね〜…
いつでも気軽にお声かけてくださいね^^


●ユータさん

いえいえ、ユータさんは本当に頑張ってらして
尊敬できますもの。

本当に、ブログを始めてからの一日っていくらあっても
足りないと感じますよね^^;
今度はLifeHackで、時間活用術の記事も書こうかしら^^


●あきさん

検索って便利ですよね!
そうだ…検索といえば…あきさんは
GoogleDeskTopは使ってますか?

ああ、お伝えしたいことがたくさん!
今度記事に書きます!^^


●金儲けの達人さん

はじめまして^^
ご訪問ありがとうございます。
先ほど伺いまして…コンテンツの多さに驚きました。
どこから読もうかしら…。
ちょこっとづつ、読破していきたいと思います。
これからよろしくお願いいたします^^
Posted by sumire@パソコンインストラクター at 2006年11月27日 21:53
こんにちわ、じゅんです。

本日、旅から帰ってきました!

コピペで申し訳ありませんが、
ご挨拶に参りました。

これからもよろしくお願いします!


それでは、今日の応援ぽち!

Posted by 旅人起業家?じゅん at 2006年11月28日 22:25
sumire先生
お返事が遅くなりすみませんでした。sitetitleで
ばっちり文字色を替えることができました。それから、面白くなって、色々と色をかえてみました。おかげで、目がしょぼしょぼするほど疲れました。
 cssの世界なんて始めて知りました。感激!!

ありがとうございました!!
Posted by フォース at 2006年11月29日 11:35
●じゅんさん

お帰りなさい^^ 楽しい旅でしたか?
じゅんさんのブログでご紹介いただいているんですね!
どうもありがとうございますっ!
素敵に書いてくださってて嬉しいです〜^^


●フォースさん

お役に立てたようでよかったです^^
サイトのアドレス変えられたんですか?
思ったように作れるようになると、本当に
楽しめると思います^^ 
頑張ってくださいね!
Posted by sumire at 2006年11月29日 22:50
sumire先生
ごぶさたしています。
今日は、サイドの色ではなくて、フォントを変えたくてお尋ねにあがりました。

アフィリのために、インフォカートから商材のタグをコピーして、私のブログ(シーザー)の右サイドに貼り付けたのですが、フォントがこれみよがしでとても大きく、周りと不釣合いになってしまいました。どうすれば、タグのフォントを小さくすることができるでしょうか?

お手数をおかけして申し訳ありませんが、どうぞ
よろしくお願いいたします。
Posted by フォース at 2007年05月24日 18:02
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/28128790

この記事へのトラックバック
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。