自分方位研究所

日々の活動記録

本ブログ。プロフィール名のCSS変更その2

1/25の記事で、サイドバーのプロフィール名の下線を消しましたが、そのプロフィール名のリンクの先のページを見ると、下線がついたままでした。こちらも変更していきます。

常に下線が引かれた状態。

下線を消しました。

さらに太文字にして

色を青色に変更しました。

マウスオーバーで、下線が出現します。

 

該当個所のhtmlは以下。

<div class="entry-content">
      <dt>プロフィール</dt>
      <dd>
  <a href="http://profile.hatena.ne.jp/k-emu/">
  <span class="user-name-nickname">水森千十</span>
  <span class="user-name-hatena-id">id:k-emu</span>
  </a>
      </dd>
~~~省略~~~
</div>

 

設定したcssはこの通り。

.entry-content a {text-decoration: none;}
.entry-content a:hover  {text-decoration: underline;}
.entry-content a {color:#0000FF !important;}
.entry-content a {font-weight: bold;}

 

このコードを入れると、サイドバー側の文字色も変わりました。

.user-name-nickname {color:#6600FF;} 

 

 

以上、プロフィール名のリンクのCSS変更についてでした。