このブログの右にあるカレンダーは AJAX Calendar プラグインを利用させてもらっているのだが、最近バージョンアップしたら見た目が若干変わって記事を書いた日が見えづらくなった。色々試行錯誤しながらテーマ編集でスタイルシート (style.css) に以下を記述。バージョンアップ以前よりも統一感のあるデザインにできた。

#wp-calendar {
    text-align:center;
    font:normal 13px/16px Georgia, "Times New Roman", Times, serif;
    }
/* リンク部定義 */
#wp-calendar td a {
    display:block; /* ブロック要素(文字だけでなく要素ごとクリック可に) */
    font-weight:bold; /* 太字 */
    color:#000;
    background:#d7d0b9; /* リンク背景色 */
    }
/* リンクマウスオーバー */
#wp-calendar td a:hover {
    color:#73794f;
    background:#e4ddc6; /* マウスオーバー時背景色 */
    }
/* 前月・来月リンク修飾回避 */
#wp-calendar #prev a {
    text-align:left; /* 左寄せ(block要素がないと無効に) */
    font-weight:normal;
    background-color:transparent; /* 背景色なし(透過) */
    }
#wp-calendar #next a {
    text-align:right; /* 右寄せ */
    font-weight:normal;
    background-color:transparent;
    }

 
うるさすぎず、控えめなマウスオーバーに自画自賛。でも未だCSSってなんか慣れない…

アバター画像

投稿者 mezzo forte

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)