Seesaaブログのデザイン変更ワザスマートフォン専用ページを表示Seesaaブログのデザイン変更ワザcssやHTMLを編集してSeesaaブログのデザインを自由に変えてみよう!御朱印集めが楽しくなるiPhoneアプリ御朱印マップを公開しています。ダウンロードはこちらからどうぞ。Seesaaブログで、投資関係のブログを3年半ほど書いています。そのブログを続けている中で、CSSやHTMLを編集してSeesaaブログのデザイン変更にチャレンジしてきました。Seesaaブログって、かなり自由にデザインをカスタマイズできるのがいいですね!このブログでは、その様々なカスタマイズ方法をご紹介していきます。投資関係のメインブログはこちらです。【第7回】サイドタイトルのスペースを調整する前回の修正で、サイドコンテンツに枠線を付けました。その状態ではご覧のように、タイトルとコンテンツの間に微妙な隙間ができてしまっています。このままでは見栄えが良くないので、これを修正していくのが今回の内容になります。修正に入る前に、なぜこの状態で隙間があいてしまうのかを簡単に説明します。第6回の修正を加えた状況では、サイドタイトルとサイドコンテンツの間で、少し枠線が途切れています。これは、サイドタイトルとサイドコンテンツの間に隙間が存在していることを意味します。具体的に言うと、サイドタイトルの設定の中に、サイドタイトルの外の下側にスペースを空けるという設定が存在しているのです。CSSでボックスの外側に余白を取る設定は、marginプロパティで行います。CSS変更画面でご覧頂ければわかるかと思いますが、サイドタイトルを定義している.sidetitleクラスの中に、margin-bottom:3px;というプロパティが設定されています。これを、0pxに修正してやれば良いことになります。★サイドタイトルの(下)外側のスペースを削除する方法★.sidetitleクラスのmargin-bottomを0pxに設定する。#FF9900;}(注)灰色字の箇所は、過去にこのブログで変更を加えた箇所です。このような変更を加えると、ご覧のようにサイドコンテンツの枠線が綺麗につながって見えます。[必須入力]※画像の中の文字を半角で入力してください。※ブログオーナーが承認したコメントのみ表示されます。Seesaaブログ×この広告は180日以上新しい記事の投稿がないブログに表示されております。