2011年02月17日

【第67回】iPhone用ナビゲーションの文字サイズを変更する

今回は、iPhone用デザインのナビゲーション部分の文字サイズを変更します。

ナビゲーションというのは、広告の下に表示されている次の3件≫の箇所です。

▼▼▼ 変更前 ▼▼▼
<縦表示>
SD_066_01.PNG

<横表示>
SD_066_02.PNG

この部分の文字を、少し小さくしてみることにしました。

また、背景色が若干青がかっていて色がにじんだように見えるので、真っ白にしてみました。

▼▼▼ 変更後 ▼▼▼
<縦表示>
SD_067_01.PNG

<横表示>
SD_067_02.PNG

今回文字サイズを変更するナビゲーションは.naviクラスで、背景色を白くするのは大枠のbody要素になります。

★iPhone用ナビゲーションの文字サイズを変更する方法★

.naviクラスのfont-sizeプロパティを設定する。
また、背景色を白にするため、body要素のbackground-colorプロパティを修正する。

▼▼▼ 変更前 ▼▼▼
body {
background-color:#F6FFFF;
margin: 0;
}
div.navi {
margin: 10px 0;
text-align:center;
}

▼▼▼ 変更後 ▼▼▼
body {
background-color:#FFFFFF;
margin: 0;
}
div.navi {
margin: 10px 0;
text-align:center;
font-size: 90%;
}

これで、今回の修正は完了です。

▼▼▼▼▼▼▼▼▼▼▼▼▼
参考になりましたら
クリック&応援をお願いします
にほんブログ村 ブログノウハウへ
▲▲▲▲▲▲▲▲▲▲▲▲▲

【PR】FXシステムトレードで着実に利益を重ねる長期資産運用方法o(^0^)o ほくほくFX
【PR】日々の運用成績やユーザーの情報満載のブログo(^0^)o ほくほくポートフォリオ
posted by o(^0^)o ほくほく at 20:00| Comment(0) | iPhoneブログデザイン | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。