ブログのカスタマイズ 2,の補足
もうお気づきの方が居るかもしれませんが、また少しブログの色を変更してみました。
今回変更したのは「文字の色」です。
以前から、「リンク出来る場所」の“リンク前”と“リンク後”の色が似ていて、「ごちゃごちゃしていて見にくいな〜」と自分では思っていたので(^^;
また、ついでに「リンク出来る場所」にポインタをかざした時の色も変更しました。
変更した所は、「common.css」の「/* リンクカラー設定 */」です。
具体的な作業は
a:link {color: #333399;} →a:link {color: #464696;}
a:visited {color: #333333;}→a:visited {color: #4646B4;}
a:active {color: #333333;} →a:active {color: #333333;}
a:hover {color: #999999;} →a:hover {color: #E54646;}
以上です。
ただ色に関しては、画面の明るさによっても印象が大きく変わりますね。
私は、画面をかなり暗めにしてあります。(明るいと目が痛くなるので)
今回は、私のPCの画面の明るさを基準に色を変えたので、もしかすると他の方は「色が鮮やかになって、少し賑やかになった」と感じるかもしれませんね(^^;
投稿者:るな♪at 10 :16
| カスタマイズ
| コメント(0 )
| トラックバック(0 )
ブログのカスタマイズ 2,色の変更
ネットで調べて方法が分かったので、今回は、ブログの色を変えてみました。
しかし、色の変更には問題が二つありました★
一つは、「自分の思った色の作り方」です。
PCで色というのは、6桁のカラーコード(?)で表されているという事は、調べたら分かりました。
(「#000000〜FFFFFF」という感じです)
RGBを、それぞれ16進数で表したものなんだけど…思った色を作るのは、案外難しいのです(>_<)
ただ…私がやっていたゲーム(アーマードコア3)では、自分のロボットに色を塗る事が出来ます。
幸い、この時の色の作り方が今回役立ちました!
「芸は身を助ける」といったところでしょうか?(^^;
そしてもう一つは、「センス」の問題です。
例え思い通りの色を作れたとしても、その配色は、完全に個人のセンスです。
そして、美術が苦手な私にとっては、これが大きな問題となりました(>_<)
まあ結果的には…私は無彩色(特に黒)が好きなので、好きな色を並べただけといった感じですね(^^;
実際、初めにブログを作る時は、「テンプレートの色をグレー にしようかな?」と思ったくらいだし。
以上のような経緯なので、今回のカスタマイズの効果は疑問です(^^;
単なる自己満足に過ぎないかも?(笑)
今回も、具体的な事は追記に書きたいと思います。
あっ、書くのは「やり方が分かって、初めてやってみた時」だけですよ!
後々、気分でカスタマイズする事があるかもしれないので。
追記をみる
投稿者:るな♪at 19 :10
| カスタマイズ
| コメント(6 )
| トラックバック(0 )
ブログのカスタマイズ 1,の補足
今日も、ブログをいじって実験してみました(^^;
前回出来なかった、追記やコメントのカスタマイズが出来ないかな?と思いまして。
色々とやってみた結果、出来ました!
common.cssの中の、「/* エントリpタグ設定 */」という所が、追記やコメントを支配しているんですね〜。
やり方は、本文をカスタマイズした時と同じです。
ただ、、本文と同じ様に「font-size: 85%;」にしても、本文の文字より微妙に小さくなりました。
これは、元になる文字の大きさが違うからではないか?と思います。
(ド素人なので、あくまでも推測ですよ)
何度か数字を変えて試した結果、「font-size: 100%;」で本文の文字と同じ大きさになったので、今はそうしてあります(^^;
また、他の場所の文字サイズやフォントも手当たり次第に変えてみたんだけど、イマイチしっくりこなかったので、初期状態に戻しました。
「過ぎたるは、及ばざるが如し」という事なのかな?
でも、そのお陰で「どこがどこを支配しているか」が、だいたい分かりました☆
今回得た知識は、次のステップに行く時に役立つはずです…多分(^^;
何か、今まで全く分からなかった事が少しずつ分かってくるのは、面白いですね!
もっとカスタマイズしたくなって来ました(笑)
また勉強して、何かカスタマイズした時には報告したいと思います♪
投稿者:るな♪at 15 :03
| カスタマイズ
| コメント(0 )
| トラックバック(0 )
ブログのカスタマイズ 1,文字サイズとフォントの変更
私は、PCの事やプログラムの事は、よく分かりません(>_<)
また、教えてくれる人は誰も居ません(;;)
しかし、「ブログをもう少し、自分の好みに変えてみたい」と、以前から思っていました。
なので、「分からない事は、自分で調べる」という自己方針に基づき、週末に色々なサイトを見て勉強、実践してみました(^^;
今回やってみたのは、「文字サイズの変更」と「フォントの変更」です。
実はずっと前から、「ブログの文字が小さいので、少し大きくしたいなぁ」と、思ってました。
でも、なかなか時間と精神力に余裕が無く、ズルズルと今までやってきましたが、今回やり方が分かったので実行してみました!
あと、「フォントの変更」については、私が参考にしたサイトに推奨フォントが書いてあったのでやってみました。
まあ、ついでと言えばついでです(^^;
これによって、「このブログが、少しでも読みやすくなってくれたら…」と思っています。
しかし、残念ながら今回カスタマイズ出来たのは、本文のみ。
追記やコメントは、今まで通りです(>_<)
色々とやってみたんだけど、どこで変えばいいのか分からなかったです★
この辺は、超ド素人の限界という事で(^^;
いずれまた、挑戦したいと思います!
そうそう、今回私が「具体的に、どこをどうしたのか?」を書く事が、少しでもnskBLOGの発展に役立つのではないか?と思ったので、具体的な事は追記に書きたいと思います。
追記をみる
投稿者:るな♪at 15 :52
| カスタマイズ
| コメント(7 )
| トラックバック(0 )
| 1 /1 ページ