Seesaaブログのデザイン変更ワザスマートフォン専用ページを表示Seesaaブログのデザイン変更ワザcssやHTMLを編集してSeesaaブログのデザインを自由に変えてみよう!御朱印集めが楽しくなるiPhoneアプリ御朱印マップを公開しています。ダウンロードはこちらからどうぞ。Seesaaブログで、投資関係のブログを3年半ほど書いています。そのブログを続けている中で、CSSやHTMLを編集してSeesaaブログのデザイン変更にチャレンジしてきました。Seesaaブログって、かなり自由にデザインをカスタマイズできるのがいいですね!このブログでは、その様々なカスタマイズ方法をご紹介していきます。投資関係のメインブログはこちらです。【第64回】iPhone用タイトルのボタンを調整するSeesaaブログのiPhone用ページには、タイトル部分に2つのボタンが表示されます。1つが、Seesaaブログのトップページ(PC用サイト)に遷移するボタン。1つが、ブログをPC用表示に切り替えるボタンです。個人的には、iPhoneでブログを見に来た人が、Seesaaブログのトップページに行きたいとは思わないのではないかと思います。よって私のサイトでは、Seesaaボタンは削除しました。PC用表示に切り替えるボタンについても、色をブログデザインに合わせて紫色にしたり、文字サイズを少し小さくしたりしています。いうことで、今回はタイトル部分に表示されるボタンを調整してしまいましょう。今回の修正によって、ブログデザインはご覧のように変化します。▼▼▼<縦表示><横表示>★iPhone用タイトルのボタンを調整する方法★ボタン全体の定義を表す.banner-buttonクラスのbackground-colorプロパティを変更し、ボタンの色を紫色にする。font-sizeプロパティを調整し、ボタンの文字サイズを少し小さくする。右側のPC用表示ボタンについては、回り込みを解除して表示位置を絶対指定にするため、.banner-button-rightクラスを修正する。左側のSeesaaボタンについては削除するため、.banner-button-leftクラスをdisplay:none;設定にする。{display:none;}今回は、複数箇所を一気に修正してしまいました。[必須入力]※画像の中の文字を半角で入力してください。※ブログオーナーが承認したコメントのみ表示されます。Seesaaブログ×この広告は180日以上新しい記事の投稿がないブログに表示されております。