compbaredti1979のブログ -26ページ目

compbaredti1979のブログ

ブログの説明を入力します。

リンクの色ってスタイルシートごとに決まっていてなんだか見にくいなぁって感じたりもうちょっと違う色にしたいなぁって時があると思います。そんな時はリンクの色を変えてみましょう。リンクの色の変更はスタイルシート(CSS)から行います。まずデザイン>デザイン設定>から現在使っているスタイルシートをクリック。わたしの場合はシンプルベージュ(両サイドバー)を使ってます。スタイルシートの中でa:link { color:#○○○○○○;~ と書いてあるところを探してください。スタイルシートの種類によっては.text a{color:#○○○○○○;}もしくは単純にa{ color:#○○○○○○;}となっているスタイルシートもあります。 color:#○○○○○○この○6ケタが色を指定するナンバーです。ここのナンバーを書き換えるとリンクの色が変わります。色のナンバーは記事作成のカラーパレットを参考にすると良いでしょう。配色についてはこのサイトが参考になります⇒HTML色見本変更したら下のプレビューボタンで確認してみてください。(変わらない場合は訪問済みのリンク色になっていることがあります。詳しくは下記事を参考に)ではついでに訪問済みのリンクの色とマウスオーバーの時のリンク色を変更しましょう。訪問済みのリンク色とは一度リンクをクリックしたら次に見たときリンク色が変わっている状態のことです。マウスオーバーのリンク色とはカーソルがリンクの上に乗っかっている時の状態です。ではまず先ほどの画像を見て下さい↓a:linkの下にa:visitedとあるのが訪問済みのリンクの色a:hover がマウスオーバーの色です。ここの color:#○○○○○○を先ほどと同じように好きなナンバーに書き換えるだけです。ちなみにわたしのスタイルシートは3段になっていますがこれはわたしのスタイルシートが両サイドバー形式だからです。一番上が記事のリンク真ん中の段の#linksというのが右サイドバー一番下の段の#links-left a:linkというのが左サイドバーを表しています。プレビューしてよければ保存ボタンを押して終了です。TOPへ⇒シーサーブログ作成入門マニュアル ...