プロフィールの表示設定

プロフィールの過剰装飾表示 本ブログでは右サイドバーに表示しているプロフィールに ニックネームだけではと思い、詳細を書き加えることにしました。 その際先走って姉妹ブログでの設定を其の儘持って来た為、 表示は図の様に余計な装飾が施されたものとなってしまいました。 はまぞうブログでは ブログ環境設定 項目でプロフィールの詳細を設定できますが、 そこに書き込んだ先走った設定が以下です。

<div style="line-height:1.3; font-size:120%;border:none;background-color:white;">
</div>

そこで例によってテンプレートの CSS(ブログのレイアウト設定)を見れば、 以下の様になっていました。

.message{
    font-size:78%;
    color:#333;
    padding:4px;
    background:#ffefd5;
    border:1px solid #dcdcdc;
}

これがブログ環境設定でのプロフィールの詳細項目を 囲ってしまう結果となり過剰装飾となっていた訳ですね。

其処で詳細項目設定を削除し、 中にあった記述をmessageクラスの中に転記し、 余計な記述を削除したものが下記になります。

.message{
    line-height:1.3;
    padding-left:1em;
}

記述は実にシンプルになり、 その結果が只今右サイドバーに表示されている極くシンプルなものですが、 如何でしょうか。

スポンサーリンク