人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

こんにちは質問です。当方のブログテーマは"hatena"を使用させて頂いてるのですが、見出し記事にした場合タイトルの横に[](青い長方形)のロゴが出ます。
その部分を任意の画像に変更したいのですが方法を教えてください。自分でもCSSを弄ってみたのですが不可能でした。。他のテーマではロゴ画像が使われてたりするので、物理的には可能だと思うのですが、宜しくお願いします

●質問者: noobplus
●カテゴリ:はてなの使い方 ウェブ制作
✍キーワード:CSS Hatena こんにちは タイトル テーマ
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● KUROX
●50ポイント
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先はそのまま、ずばりです。

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

◎質問者からの返答

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

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

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

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


2 ● KUROX
●10ポイント

コメント欄が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;
}
◎質問者からの返答

回答有り難うございます

解決しました!^^


3 ● dungeon-master
●60ポイント

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

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

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

◎質問者からの返答

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ