おやつ代錬成術blog

おやつ代を稼ごう! と奮闘(?)する日々の記録。

カレンダー

10 | 2017/11 | 12
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 - -

最近の記事

カテゴリー

コメント

最近のトラックバック

リンク

広告

お得なポイント貯まる!ECナビ

プロフィール

ぽんぽこ

  • [ ぽんぽこ ]
  • ネットでささやかなおやつ代を捻り出せたり出せなかったり。
    他所事が忙しく、ただいま更新停滞中。

Search

RSSフィード

        スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

        ブログの説明がない場合にデザインが崩れてしまう件について

テンプレート「poko_sodaice」では、ブログの説明文が一行あることを前提に作っているため、説明文が入力されていない場合、デザインが崩れます。
これは、説明文の分だけタイトル枠の高さが減り、後ろの水色背景枠とずれが生じるためです。

簡単な修正方法としては、ツールの環境設定の変更で、ブログの説明文を入力する欄に、空白スペースを入力して下さい。

HTMLでも修正できます。
その方法、説明文が二行になってしまう場合のデザイン修正については、続きを読むで。


 


ブログ説明文がない場合のHTMLでの修正方法は、



<!--影部分-->
<div id="branding2">
<h1 class="t1"> </h1>
<p class="intro1"> </p></div>

上記の部分を、下記のように書き換えて下さい。

<!--影部分-->
<div id="branding2">
<h1 class="t1"> </h1>
<p class="intro1"></p></div>


説明文が二行にわたる場合のデザイン修正方法は、

HTMLの

<!--影部分-->
<div id="branding2">
<h1 class="t1"> </h1>
<p class="intro1"> </p></div>

上記の部分を、下記のように書き換えて下さい。

<!--影部分-->
<div id="branding2">
<h1 class="t1"> </h1>

<p class="intro1"> <br> </p></div>

さらにCSSの

/* タイトル影部分 */
div#branding2{
border: 1px solid #abceff;
background-color:#dcf3ff;
padding : 10px;
position : relative;
width : 490px;
top : -70px;
left : 7px;
z-index : 0;
}


上記の部分を、下記のように書き換えて下さい。

/* タイトル影部分 */
div#branding2{
border: 1px solid #abceff;
background-color:#dcf3ff;
padding : 10px;
position : relative;
width : 490px;
top : -90px;
left : 7px;
z-index : 0;
}
スポンサーサイト

コメント

コメントの投稿

管理者にだけ表示を許可  

トラックバック

http://noharanosato.blog12.fc2.com/tb.php/316-6c5f85b6

 | HOME | 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。