Seesaaブログのデザイン変更ワザスマートフォン専用ページを表示Seesaaブログのデザイン変更ワザcssやHTMLを編集してSeesaaブログのデザインを自由に変えてみよう!御朱印集めが楽しくなるiPhoneアプリ御朱印マップを公開しています。ダウンロードはこちらからどうぞ。Seesaaブログで、投資関係のブログを3年半ほど書いています。そのブログを続けている中で、CSSやHTMLを編集してSeesaaブログのデザイン変更にチャレンジしてきました。Seesaaブログって、かなり自由にデザインをカスタマイズできるのがいいですね!このブログでは、その様々なカスタマイズ方法をご紹介していきます。投資関係のメインブログはこちらです。【第65回】iPhone用タイトル文字を変更する前回までで、SeesaaブログのiPhone用デザインのタイトル背景画像と、ボタンのデザイン修正を行いました。現状だと、タイトル文字がボタンの後ろに隠れてしまいます。そもそもボタンがあると、タイトル表示部分が短くなってしまうため、タイトルを短くするか文字サイズを小さくしなければなりません。いって、このPC用表示ボタンは、削除したくありませんし・・・ということで、今回は上部にボタン分の隙間を空けてタイトル文字を表示する設定を行います。あと、タイトル文字サイズの微調整。今回でタイトル部分のデザインを仕上げてしまいます。今回の修正を行うと、iPhone用デザインはご覧のように変更されます。▼▼▼<縦表示><横表示>それでは今回のCSS修正を行いますので、iPhone用CSS変更画面を開いて下さい。★iPhone用タイトル文字を変更する方法★タイトル文字表示部を表す#banner-name要素で、paddingプロパティを調整し、表示部の高さを表すheightプロパティを追加する。文字サイズを設定する。背景画像の表示位置を調整し、不要な枠線や背景色は削除する。50px;}これで、iPhone用ページのタイトル部分の修正は完了となります。[必須入力]※画像の中の文字を半角で入力してください。※ブログオーナーが承認したコメントのみ表示されます。Seesaaブログ×この広告は180日以上新しい記事の投稿がないブログに表示されております。