Day Dream

daydream04

テーマの解説(英語) Day Dream — WordPress.com
〃(日本語) テーマ「Day Dream」の補足解説
デモ(英語) Day Dream Demo
〃(日本語) Day Dream
更新情報(英語) New Theme: Day Dream — Blog — WordPress.com
〃(日本語)
ソースコード Revision 5806: /daydream

設定のバリエーション

1つのウィジェットエリアがあります。

1つのメニューエリアがあります。

タイトルの位置を変更することができます。(デフォルト+2種類)

daydream05daydream06

テーマカラーを変更することができます。(デフォルト+3種類)

daydream07daydream08daydream09

背景を変更することができます。

daydream11

ヘッダー画像を変更することができます。

daydream10

CSS編集のバリエーション

ieでのフォント表示をきれいにする

以下のCSSを追加すると、

body {
font-family:Meiryo,'Trebuchet MS',Verdana,sans-serif;
}

IEでのフォント表示がきれいになります。

daydream12

arrow02

daydream13

ナビゲーションメニューの補正

以下のCSSを追加すると、

#topbar .menu li li a,#topbar .menu li li a:visited {
height:auto;
}

ナビゲーションメニューがきれいに表示されるようになります。

daydream14

arrow02

daydream15

ナビゲーションメニューの色合いを統一する

ナビゲーションメニューの色合いを以下のように統一することができます。

テーマ設定:Green

#topbar .menu ul a {
    background-color: #006600;
}

#topbar .menu li a:hover {
    background-color: #62BC62;
}

daydream16

arrow02

daydream19

テーマ設定:Pink

#topbar .menu ul a {
    background-color: #D02A57;
}

#topbar .menu li a:hover {
    background-color: #E8849E;
}

daydream17

arrow02

daydream20

テーマ設定:Grey

#topbar .menu ul a {
    background-color: #333333;
}

#topbar .menu li a:hover {
    background-color: #777777;
}

daydream18

arrow02

daydream21