お蔵入り

clip!clip!
Ads By Google

トップのデザインについて

シンプル:スタンダード(ブラック - 2カラム)で

のようにブログの一番上のタイトルに画像を重ねて置きたいのですが、どうカスタマイズすればいいのでしょうか?ご教授お願いします。

2007-03-13 21:40の質問
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。

回答(1)

3.

2007-04-08 13:09:28
過去のナレッジの回答です。



現在のサイトの状態を見せていただかないと、ちょっと細かい部分をご説明することは困難かもしれません。

一般的には、スタイルシートでタイトルの位置の指定を変更をいたします。

管理画面で、カスタマイズ/管理 → デザインの設定 → カスタマイズ → スタイルシート(CSS) と進んで、出てきた文字列の内容を変更します。

念のため、内容をctrl+Aで全て選択され、ctrl+Cでコピー、ワードパットにペーストし、保存されておいて下さい。
これでスタイルシートのバックアップとなります。

.blogtitle という部分がありますので探してみられて下さい。

.blogtitle{
font-size:16px;
padding:18px 15px 5px 10px;
line-height:100%;
}


この中の padding というのが位置の指定です。

18px 15px 5px 10px の順で、 上、右、下、左 の余白を指定しています。

画像に合わせてこの数値を変更されてみて下さい。

変更されたら、スタイルシート(CSS)を保存、再構築し、サイトを確認されてみて下さい。

ずれていたら、また数値を微調整いたします。

うまくいったら、.description(サイトの説明文)の数値も同様に変更されて下さい。


表示が崩れたりしたら、バックアップしたスタイルシートに戻してください。


画像ができているのであれば、あとはタイトル文字の位置調整になると思います。
Ads By Google

コメント

まだコメントがありません

トラックバック(2)

トラックバックURL: