2006年07月02日

ブログのカスタマイズ

このブログ、気になってたので

変更(カスタマイズ)しました。

変更点は

 記事の文字の色

   記事やコンテンツの文字の色はこんなでした 

 リンク文字の色

   元のリンクのはこんな表示でした。リンクなのに下線もありません。これではリンクって気が付いてくれない(悲) 

 
どうやって変更したかというと

eesaaブログの場合です。

他のブログでも考え方は一緒なので出来るはずですよ。




管理画面から → デザイン → スタイルシート 

今使っているスタイルシートのタイトルをクリックします。

(スタイルシートって何かと言えば、

雛型(テンプレート)ですね。

記事やサイドバーのお気に入りやプロフィールの文字の大きさや

色などを一律に指定しかつ個々のコンテンツ毎にも指定しています。)

その、スタイルシートをクリックすると

するとスタイルシートのソース(いわゆる HTMLってやつですね)が表示されます。

こんな感じですね。


body {
background-color:#FFF;
margin:0px;
padding:0px;
text-align:center;
font-family:Verdana;

}

container{
margin:0px auto 0px auto;
width:800px;

color:#5D5D5D;  

font-size:12px;
font-family:Verdana;
}

a{
color:#7C9907;
text-decoration:none;
}

・・・・(以下略)





●まず、文字の色を変えます。
 やっぱり黒でなきゃね。

スタイルシートの14行目あたり(ブログのによって、若干異なります)の


『color:#5D5D5D;』 

ここのcolor:#5D5D5D;を

黒を表す #000000に変更

すると、記事やサイドバーのコンテンツの文字が

こんな色(分かりづらいかもしれないけど濃い目の灰色ってところでしょうか。』が『こんな色(真っ黒です)』に

なります♪

●リンクはやっぱり青、下線つきでなければね


リンクはやっぱり青、下線つきでなければね』 を

リンクはやっぱり青、下線つきでなければね』にします。

スタイルシートの

この部分を


a{
color:#7C9907;
text-decoration:none;
}


こうします


a{
color:#0000FF;
text-decoration: underline;

}


colorは

『#0000FF』つまり青ね。

(ちなみに、blueってやってもOK)

text-decorationってつまり文字飾り?

それをnoneからunderline

それで下線付きになります。


<参考>

以下のサイトが非常に役に立ちます!!

 ・HTMLタグ 
   http://pega.littlestar.jp/tagunooheya/index.html#index

 ・みんなのタグ辞書
   http://www.heo.jp/tag/

 ・HTMLクイックリファレンス
   http://www.htmq.com/index.htm

どれも、秀逸です。
他にもたくさんあると思います。

市販の本を買う必要ありませんね。




一つ応援よろしくです。
↓↓↓↓
banner_04.gif




posted by かっつ@いい情報 at 02:07 | Comment(7) | TrackBack(0) | ・ブログカスタマイズ
この記事へのコメント
かっつ@いい情報さん こんにちは
情報起業の日本非代表です。

タグ情報の3つのサイト、グーですね。
使いやすそうなので、「お気に入りに登録」しました。ありがとうございます。

ところで、今日はすごくうれしいです。
というのも、私が尊敬していた嘉田由紀子先生(環境社会学)が
絶対無理だと思っていた地元(滋賀県)の知事に当選したからです。

環境問題では有名な先生でしたが、一般的には無名(失礼!)な先生が、
「もったいない」を合言葉にして、無党派層に支持されたんだと思います。

私もやる気が湧いてきました。
嘉田先生を見習って、社会に貢献できるようになりたいと思いました。

これからもよろしくお願いします。応援、ポチ!
Posted by 情報商材を評価して原稿料をゲットしよう★日本非代表 at 2006年07月03日 10:23
かっつさん、はじめまして。
UP塾から来ました。ピックといいます。

今日は私のブログ
初めてのブログ&アフィリエイトでリンクさせてもらいましたので、
お知らせに来ました。

良かったら、相互リンクよろしくお願いします。

そして、私のブログも文字色と、リンクの色が違うので変更したのはいいけど、
なんか、色が変わる所と変わらない所があったりで、なんか変です。

もう少し、色々試してみないといけないようなので、ちょと凹みぎみです><

応援クリックして、今日は帰りま〜す。
また、来ますね〜
Posted by ピカリング☆ピック at 2006年07月03日 12:46
日本非代表さん

いつも、ご訪問ありがとうございます。

嘉田由紀子先生のご当選おめでとうございます。日経の1面にも出ていましたね。

尊敬する人が知事になるなんて、それは凄いですね。

また、あぞびに来てください。
Posted by かっつ@いいインフォウエア at 2006年07月04日 00:32
ピックさん、こんばんは。始めまして。

コメントありがとうございます。
もちろん相互リンクOKです。

リンク色が違うのは、多分・・・・
(直接、ブログに行って書き込みますね)

是非また、遊びに来てください。

Posted by かっつ@いいインフォウエア at 2006年07月04日 00:49
こんにちはー!
おいらは文字の色は5d5d5dっすーw
(…って、関係ない(^^;)
いろいろいじってみると、楽しいっすよね。

では!応援!
Posted by 【アフィリエイトで稼ぐ!ネット収入で生活する!というブログ】おいら at 2006年07月04日 13:54
おいらちん。
コメントと応援ありがと!

いじりすぎて、元に戻らない!再起不能にならないよう気をつけてやろうね。
Posted by かっつ@いいインフォウエア at 2006年07月05日 20:49
コメントありがとうございました。
私も応援ポチ!!
またちょくちょく寄らせてもらいますね!!よろしくお願いします(*^_^*)
Posted by mikazuki at 2006年07月07日 15:13
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

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


※画像の中の文字を半角で入力してください。

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

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