スポンサーサイト

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

[ --/-- ] スポンサー広告 | トラックバック(-) | コメント(-)

Q.ブログタイル画像(ヤプ画)がなんか左よりになってしまうんだけど…[3]

A.
スタイルシートを少し変更しなければならないようです。
これをするとヤプ画が切れるという現象も解消しますよ。
以下、変更方法


1.
スタイルシートの40~51行目が
.blog_title
{
width:90%;
padding-right:10px;
MARGIN: 30px auto 10px 20px;

FONT-WEIGHT: bold;
FONT-SIZE: 16px;
OVERFLOW: hidden;
COLOR: #f99;
WORD-BREAK: break-all;
LETTER-SPACING: 1px
}
となっていいます。

2.
それを…
ヤプ画と全体枠の間に隙間が必要な場合は、赤い文字の部分をこんな感じに変えます。
.blog_title
{
width:100%;
padding:20px;
MARGIN:20px;

FONT-WEIGHT: bold;
FONT-SIZE: 16px;
OVERFLOW: hidden;
COLOR: #f99;
WORD-BREAK: break-all;
LETTER-SPACING: 1px;
text-align:center;
}

ヤプ画と全体枠の間に隙間を無くしたい場合は、赤い文字の部分をこんな感じに変えます。
.blog_title
{
width:100%;
padding: 0px;
MARGIN: 0px;

FONT-WEIGHT: bold;
FONT-SIZE: 16px;
OVERFLOW: hidden;
COLOR: #f99;
WORD-BREAK: break-all;
LETTER-SPACING: 1px;
text-align:center;
}
スポンサーサイト
[ 01/30 ] [画像(ヤプ画・ブログタイトル)]3カラムpink | トラックバック(-) | コメント(-)

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