[解決済み] HPタイトルを画像に変更

2013 年 4 月 14 日

ホーム フォーラム 使い方全般 [解決済み] HPタイトルを画像に変更

このトピックには2件の返信が含まれ、2人の参加者がいます。4 年、 6 ヶ月前 adomi さんが最後の更新を行いました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #52667

    adomi
    参加者

    動作に関するご質問の場合は必ずご記入ください。


    WordPress のバージョン:WordPress 3.5.1

    Welcart のバージョン:1.3.1

    ご利用のテーマ:Default

    症状を確認したブラウザ:IE8

    サーバー(会社名、サービス名):

    SSLの利用: 無し | 専用SSL | 共用SSL

    WordPress のパーマリンク設定:


    サイトのタイトルを画像(265×44/png)に変更しようとしてます。

    style.cssで

    ***************************************

    h1#site-title,

    div#site-title {

    margin: 0px;

    padding: 55px 0px 10px 10px;

    color: #000;

    font-size: 30px;

    font-weight: bold;

    }

    *****************************************

    この部分を↓のように変更しました。

    *****************************************

    h1#site-title a,

    div#site-title a {

    background-image: url(‘http://mokomoko.catfood.jp/wp-content/uploads/2013/04/title.png’);

    background-repeat: no-repeat;

    display: block;

    height: 44px;

    width: 265px;

    text-indent: -9999px;

    }

    *****************************************

    するとタイトルは画像に変更されましたが、レイアウトが下記の状態に崩れてしまいました。

    1. トップページでは、右のカートの絵のタイヤ部分が隠れてしまった。

    2. 他の固定ページ(カートやサンプルページ)では、さらに隠れている。

    現在このような状態です。

    http://mokomoko.catfood.jp/

    綺麗にheader_bg.jpgを表示させたまま、タイトル画像(265×44/png)を表示させるには、どうしたらよいでしょうか。

    宜しくお願いします。

    #66541

    yasumax
    キーマスター

    こんにちは。

    1. 「#site-title」の指定を削除

    2. 「#site-title a」の指定を追加

    という順番の作業を行ったかと思います。

    この時点で画像を表示するための余白を削除してしまったためカートの画像が見切れたことになります。

    以下の指定で修正可能かと思いますので、style.cssに追加してみてください。

    h1#site-title,

    div#site-title {

    margin: 0;

    padding: 42px 0 0;

    }

    #66542

    adomi
    参加者

    問題なく表示されました。

    助かりました。ありがとうございます。

3件の投稿を表示中 - 1 - 3件目 (全3件中)

このトピックに返信するにはログインが必要です。