解決済

ブログの記事タイトルのカスタマイズ

記事タイトルの左横の*を消したいのですが?
☆を表示させるにはどうしたらいいですか?
評価の☆とは違います

2007-09-18 17:20の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google

回答(2)

1.

2007-09-18 17:34:52みんなナイスな
実際に見ないと細かい説明はできませんが
CSSで*の部分を消して
☆に入れ替えてください。

2.

2007-09-19 00:36:20みんなナイスな
*の削除
管理ページトップ→カスタマイズ/管理→
デザインの設定→右下のカスタマイズ 
スタイルシート(CSS) で
.title{
font-size:small;
font-weight:bold;
background:url(http://parts.blog.livedoor.jp/img/usr/crimson/crimson_icon_l.gif) no-repeat scroll 0% 25%;
padding:0 0 0 10px;
}

background:url(http://parts.blog.livedoor.jp/img/usr/crimson/crimson_icon_l.gif) no-repeat scroll 0% 25%;
padding:0 0 0 10px;
を削除
.title{
font-size:small;
font-weight:bold;
}
にします。
この内容で保存するをクリック 再構築

☆を同じ場所に表示したいのであれば
トップページ の
<div class="titlebody"><h3 class="title"><$ArticleTitle ESCAPE$><IfArticleRating><$ArticleRatingIcon$></IfArticleRating></h3></div>

<h3 class="title">と<$ArticleTitle ESCAPE$>の間に☆を入れます。

<div class="titlebody"><h3 class="title">☆<$ArticleTitle ESCAPE$><IfArticleRating><$ArticleRatingIcon$></IfArticleRating></h3></div>
にします。
この内容で保存する をクリック 再構築
個別記事ページ・カテゴリアーカイブ・月別アーカイブにも挿入。
Ads By Google

コメント(3)

#1.  BLUEPIXY
2007-09-18 18:14:37

CSSというよりHTMLテンプレート?

#2.  kavalier
2007-09-18 19:02:37

>#1
いや、CSS
そもそもブログでHTMLをいじる事はあまりない。

#3.  BLUEPIXY
2007-09-21 15:53:56

失礼しました。
なるほど、画像になっているのですね。
style指定なら
http://www.w3.org/TR/REC-CSS2/selector.html#before...
before~content
なんて使えるんですけど、IEなどが対応していないので苦肉の策というわけですね。
でも文字でいいなら画像を使わずにHTMLテンプレートにした方がいいように思います。

トラックバック

トラックバックURL: