Seesaaブログのデザイン変更ワザスマートフォン専用ページを表示Seesaaブログのデザイン変更ワザcssやHTMLを編集してSeesaaブログのデザインを自由に変えてみよう!御朱印集めが楽しくなるiPhoneアプリ御朱印マップを公開しています。ダウンロードはこちらからどうぞ。Seesaaブログで、投資関係のブログを3年半ほど書いています。そのブログを続けている中で、CSSやHTMLを編集してSeesaaブログのデザイン変更にチャレンジしてきました。Seesaaブログって、かなり自由にデザインをカスタマイズできるのがいいですね!このブログでは、その様々なカスタマイズ方法をご紹介していきます。投資関係のメインブログはこちらです。【第68回】iPhone用日付見出しの色を変更する今回は、日付見出しのデザインを変更してみます。▼▼▼<縦表示><横表示>それはさておき、ブログの全体的なデザイン整合性から、背景色は紫色に、そして文字色は白色にしたいと思います。文字サイズも少し大きすぎると感じるので、小さくしてみます。あと、文字の影の色も少し変更してみました。▼▼▼<縦表示><横表示>それでは、iPhone用CSS変更画面でCSSを修正していきます。★iPhone用日付見出しの色を変更する★h2要素の.dateクラスで、背景色を表すbackground-colorプロパティで紫色を、文字色を表すcolorプロパティで白色を設定する。font-sizeプロパティとtext-shadowプロパティも変更する。0;}これで、今回の修正は完了です。この日付見出しの背景画像として設定されているbgHeader.pngは、高さ20px、幅1pxの小さな画像です。横方向に繰り返し表示されています。この画像の役割は、日付見出しの上の方を白っぽくし、日付見出し全体を立体的に見せています。画像の一部が白色、残りが透明色になっているようです。背景色にこの画像を重ねて表示する結果、背景色を紫色一色に設定するだけで、表示上は立体的に見えているのです。いうデザインの方法もあるんですね。[必須入力]※画像の中の文字を半角で入力してください。※ブログオーナーが承認したコメントのみ表示されます。Seesaaブログ×この広告は180日以上新しい記事の投稿がないブログに表示されております。