その部分を任意の画像に変更したいのですが方法を教えてください。自分でもCSSを弄ってみたのですが不可能でした。。他のテーマではロゴ画像が使われてたりするので、物理的には可能だと思うのですが、宜しくお願いします
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先はそのまま、ずばりです。
私も試しましたがうまくいきました。
コメント欄が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; }
回答有り難うございます
解決しました!^^
h3 span.sanchorを変更するCSSを有効に使うには、
noobplusさんの日記 > 管理ツールトップ > 記事の設定 を開いて、
「表示モードの選択」の 見出しの設定を「見出しを1段で表示する」にしてください。
1段にしたところ希望通りになりました!
どうも有り難うございました^^
回答有り難うございます。
提示されたCSSのURLとwigth 14pxに変更してスタイルシート欄に貼り付けてみましたが長方形は取れませんでした><
h3 span.sanchor のh3にしたところ画像が半分現れてタイトルが消えるという反応はあったんですが、
[]は取れませんでした。