こんにちは質問です。当方のブログテーマは"hatena"を使用させて頂いてるのですが、見出し記事にした場合タイトルの横に[](青い長方形)のロゴが出ます。

その部分を任意の画像に変更したいのですが方法を教えてください。自分でもCSSを弄ってみたのですが不可能でした。。他のテーマではロゴ画像が使われてたりするので、物理的には可能だと思うのですが、宜しくお願いします

回答の条件
  • 1人5回まで
  • 登録:2008/03/08 15:35:16
  • 終了:2008/03/08 18:57:41

回答(3件)

id:KUROX No.1

KUROX回答回数3542ベストアンサー獲得回数1402008/03/08 16:40:54

ポイント50pt
h3 span.sanchor {
  text-indent: -9999px;
  width: 16px; /*  画像の幅  */
  display: block;
  border: none;
  margin: 0;
  padding-right: 5px; /*  画像と文字との間の間隔  */
  background: url("画像のURL") no-repeat center left;
  float: left;
  cursor: pointer;
}

http://d.hatena.ne.jp/chepooka/20070822/1187791880

URL先はそのまま、ずばりです。

私も試しましたがうまくいきました。

id:noobplus

回答有り難うございます。

提示されたCSSのURLとwigth 14pxに変更してスタイルシート欄に貼り付けてみましたが長方形は取れませんでした><

h3 span.sanchor のh3にしたところ画像が半分現れてタイトルが消えるという反応はあったんですが、

[]は取れませんでした。

2008/03/08 17:36:54
id:KUROX No.2

KUROX回答回数3542ベストアンサー獲得回数1402008/03/08 18:13:12

ポイント10pt

コメント欄がOPENされていないので、こちらで。

http://d.hatena.ne.jp/KUROX/20080308

IE6とFireFox 2.0で確認したんですが・・。

h3 span.sanchor {
  text-indent: -9999px;
  width: 16px; /*  画像の幅  */
  display: block;
  border: none;
  margin: 0;
  padding-right: 5px; /*  画像と文字との間の間隔  */
  background: url("http://stat.ameba.jp/blog/ucs/img/char/char2/173.gif") no-repeat center left;
  float: left;
  cursor: pointer;
}
id:noobplus

回答有り難うございます

解決しました!^^

2008/03/08 18:51:37
id:dungeon-master No.3

dungeon-master回答回数571ベストアンサー獲得回数402008/03/08 17:16:00

ポイント60pt

h3 span.sanchorを変更するCSSを有効に使うには、

noobplusさんの日記 > 管理ツールトップ > 記事の設定 を開いて、

「表示モードの選択」の 見出しの設定を「見出しを1段で表示する」にしてください。

id:noobplus

1段にしたところ希望通りになりました!

どうも有り難うございました^^

2008/03/08 18:52:04
  • id:KUROX
    >「表示モードの選択」の 見出しの設定を「見出しを1段で表示する」にしてください。

    申し訳ないです。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません