記事、メッセージボードのリンクを目立たせるには?(アメブロ)

2013-09-18 14:18:20 | ◇お役だち
※CSS編集可能デザインを採用されている方向けです。

01 (157) - 無料写真検索fotoq
photo by Victor1558


CSS(Cascading Style Sheets)の末尾に次の文字列を追加記入して、全体的なリンクを目立たない色に変えます。


/*-- リンク --*/
a{
text-decoration:none;
color:#777777;
}

/*リンク:訪問済み*/
a:visited{
text-decoration:none;
color:#777777;
}

/*リンク:マウスオーバー時*/
a:hover{
text-decoration:none;
color:#777777;
}





その上で、記事、メッセージボードのリンクを目立たせる為の以下の文字列を追記します。



/*  記事、メッセージボードのリンク文字  */
.articleText a,.skinMessageBoard a{
font-size:14px; /*文字サイズ*/
font-weight:bold; /*文字の太さ*/
color:#0000FF; /*文字色*/
text-decoration:none; /*文字装飾*/
}



以上、記事、メッセージボードのリンクを目立たせる方法をご紹介してみました。

アメブロに限らず、ウェブサイトのリンクって多すぎると思います。

訪問者さんに、自身がクリックしてもらいたいリンクを目立たせる為の一つの方法かと思います。


参考になれば、嬉しいのですが・・

最新の画像もっと見る

コメントを投稿