解決済

ブログのタイトル前にアイコンを入れることはできますか?

毎日申し訳ありません!
今度はブログのタイトルの前にアイコンを入れたいと考えています。

です。

タイトルが文字だけで味気ないので、今は◆をいれてるのですが

<img src=" ; width="28" height="26" border="0" alt="ic_heart02_01" hspace="5" class="pict" align="left" />

のアイコンがタイトルの前にくっつくようにしたいのですが
可能でしょうか?

あと、時々他の方のブログで(livedoor以外のブログでよく見るかも・・・)スライドショーが、ただのスライドショーではなく写真がくるくる回ったり、左右に動いたり、万華鏡のようになったり、音楽がついてたり…そういうことをしてみたいのですが、livedoorのブログでも出来るのでしょうか?
livedoorピクスでは不満足です^^;(すみません)

毎日の質問で恐縮ですが、よろしくお願い致します。

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

回答(2)

1.

2008-03-26 00:37:01ベスト
ブログのタイトルというのは、この場合、各記事のタイトルのことですね。
http://knowledge.livedoor.com/33009
と同じようなやり方で、
一時的にタイトル欄にimg タグを置いたり、
全部のタイトルにimg タグを置いたりできます。
◆がないタイトルもあるので、一時的なモノなのかなとか思いますが、反って面倒くさいかもしれません。
他のデザインなんかでもありますけど、
.title に background で画像を指定して、
タイトル文字列部分は、margin やpadding で位置調整するというような方法もあります。

スライドショーについては、
そういうのってフラッシュで実現されているんじゃないでしょうか。
とりあえず、左右に動く(音楽をつける:プラグインが必要かな?)は、ノーマルでいけそうだけど・
自信度 : 自信なし 回答レベル : アドバイス

2.

2008-03-27 02:04:49ベター
#1>ということですが、どこをどうすればいいのか
スタイルシート
.title{
の中に
background:url(http://image.blog.livedoor.jp/ricaya1019/imgs/f/1/f11bd624.gif) no-repeat;
padding-left:35px;
の行を追加
それだけでは、画像を表示する高さが足りないので、
height:24px;
に高さを変更する。
もしくは、画像を縮小したものに置き換える。
回答レベル : アドバイス

BLUEPIXYさま

今回も無事解決しました! いつもありがとうございます!! 
そしてまたよろしくお願いいたします^^

Ads By Google

コメント(2)

#1.  BLUEPIXY
2008-03-26 14:58:57

スライドショー
http://www.geocities.jp/miyake_kobo/js/index.html
丁寧な解説があるので、参考になるかもしれません。

#2.  ricaya
2008-03-26 17:40:07

BLUEPIXYさま

いつもお世話になります。スライドショーの参考URLありがとうございました!さっそく研究してみます^^

ただ…タイトルの方ですが…申し訳ありません。。。
私には理解ができませんでした…。
このテンプレートはタイトルが本当に文字だけでわかりずらいので◆は自分で毎回タイトルの頭に付けています。

「.title に background で画像を指定して、
タイトル文字列部分は、margin やpadding で位置調整するというような方法もあります。 」ということですが、どこをどうすればいいのかわかりませんでした…。

http://knowledge.livedoor.com/33009 も見てみたのですがやはり「???」でした^^;

ご面倒をおかけいたしますが、再度どの部分にはりつけたいアイコンのURLを入れればいいか、また、タイトル欄のimgタグの貼り方も教えていただけないでしょうか?

どうか、よろしくお願い致します!!!

トラックバック

トラックバックURL: