Seesaaブログのデザイン変更ワザスマートフォン専用ページを表示Seesaaブログのデザイン変更ワザcssやHTMLを編集してSeesaaブログのデザインを自由に変えてみよう!御朱印集めが楽しくなるiPhoneアプリ御朱印マップを公開しています。ダウンロードはこちらからどうぞ。Seesaaブログで、投資関係のブログを3年半ほど書いています。そのブログを続けている中で、CSSやHTMLを編集してSeesaaブログのデザイン変更にチャレンジしてきました。Seesaaブログって、かなり自由にデザインをカスタマイズできるのがいいですね!このブログでは、その様々なカスタマイズ方法をご紹介していきます。投資関係のメインブログはこちらです。【第8回】タグクラウドに枠線を付ける今回は前回に引き続き、第6回で付けた枠線の微調整です。第6回の設定では、ご覧のようにタグクラウドのコンテンツ部分に枠線が表示されません。そこで今回は、このタグクラウドのコンテンツ部分に枠線を付けてみましょう。第6回で解説した通り、Seesaaブログのサイドコンテンツは、通常.sidetitleクラス(タイトル)と.sideクラス(本文)の2つで構成されています。そこで第6回ではこの2つに枠線を設定したわけなのですが、その結果タグクラウドの本文に枠線が付いていません。いうことは、タグクラウドの本文は、.sideクラスとは別の設定になっているということです。そこで、タグクラウドの本文を定義しているクラスを探してみると、それは.side-tagクラスとなります。ここに、第6回で設定したのと同じborder系のCSSを書き加えてやれば良いことになります。★タグクラウドの本文に枠線を付ける方法★.side-tagクラスにborder系のプロパティを追加する。#FF9900;}第6回の時と同様、このこねこ(左サイドバー)テンプレートでは.sidetitleクラスとの兼ね合いがあるので、上の枠線を除く3方の枠線を追加しました。▼▼▼これで無事、タグクラウドの本文にも枠線が表示されるようになりました。[必須入力]※画像の中の文字を半角で入力してください。※ブログオーナーが承認したコメントのみ表示されます。Seesaaブログ×この広告は180日以上新しい記事の投稿がないブログに表示されております。