Seesaaブログのデザイン変更ワザスマートフォン専用ページを表示Seesaaブログのデザイン変更ワザcssやHTMLを編集してSeesaaブログのデザインを自由に変えてみよう!御朱印集めが楽しくなるiPhoneアプリ御朱印マップを公開しています。ダウンロードはこちらからどうぞ。Seesaaブログで、投資関係のブログを3年半ほど書いています。そのブログを続けている中で、CSSやHTMLを編集してSeesaaブログのデザイン変更にチャレンジしてきました。Seesaaブログって、かなり自由にデザインをカスタマイズできるのがいいですね!このブログでは、その様々なカスタマイズ方法をご紹介していきます。投資関係のメインブログはこちらです。【第71回】iPhone用フッターの色を変更する今回は、iPhone用デザインのフッターを変更してみましょう。フッターの背景色を、日付見出しと同じ紫色にします。日付見出し部分に使われている透過PNGを使って、フッターを立体的に見えるようにします。要するに、日付見出し箇所と同じようなデザインになります。▼▼▼<縦表示><横表示>いかがですか?これで、iPhone用のトップページはかなり統一感のあるデザインになったと思います。それでは早速、iPhone用CSS変更画面で修正してみましょう。★iPhone用フッターの色を変更する方法★フッターのデザインを定義している#footer要素のbackground-colorプロパティを変更する。日付見出し箇所に使用されている透過PNGを背景画像に設定し、横方向への繰り返し表示設定を追加する。repeat-x;}さて、今回までの変更を加えた結果、iPhone用トップページはこのようなデザインになりました。blueのテンプレートから、個人的にかなり気に入ったデザインへと変わりました。[必須入力]※画像の中の文字を半角で入力してください。※ブログオーナーが承認したコメントのみ表示されます。Seesaaブログ×この広告は180日以上新しい記事の投稿がないブログに表示されております。