ブログ

トピック詳細

コメント一覧 4件中、1～4件表示

• 標野さま
  
  ご回答いただきありがとうございます。
  
  早速やってみたところ、希望とおりの表示になりました。
  うれしいですっ！！！！
  
  ありがとうございました。
  
  これから、がんばってブログをやっていこうと思います。
  

  2011年02月02日 11:33 by しおり

• <div class="sideother">
  <div>
  <h3>&nbsp;</h3>
  
  上記はcoffeegirlテンプレートのHTMLの一部ですが
  抜粋部分の２行めにclass名もidも何もなしに<div>の記述があって
  このタグが 花唐草と角丸を含む背景を呼び出すのに用いられています。
  
  <div>タグはとても頻繁に出てくるタグなので
  プラグインのHTML内に使われている<div>タグと混同されて
  表示の不具合を引き起こしているのかもしれません。
  
  抜粋した部分に
  <div class="sideother">
  <div class="karakusa">
  <h3>&nbsp;</h3>
  赤文字の部分を追加して。
  
  スタイルシートの
  .sideother div{
  background: url(http://templates.blog.fc2.com/template/coff eegirl/beige_top.gif) center top no-repeat;}
  の部分を
  
  .karakusa{
  background: url(http://templates.blog.fc2.com/template/coff eegirl/beige_top.gif) center top no-repeat;}
  
  上記のように編集してみてはいかがでしょうか。
  
  
  標野の環境で試してみたときには
  花唐草がベージュ罫の一番上にだけ表示されるようになりました。
  （おそらくコレが本来の表示ではないかと思われます）
  
  さくら***さんの環境でも同じことが起こるかはよくわからない部分もあるのですが
  もしご希望にかなうようなら一度ためしてみて下さいね。
  

  2011年02月01日 17:23 by 標野ゆき

• 教えていただき、ありがとうございますｍ（＿＿）ｍ
  
  やってみましたが、角丸の部分や花唐草そのものも消えてしまうんですね（汗）
  
  できれば、花唐草が途中、途中に出てきてしまう現象（多分javascriptに反応しているのかなと思うんですが。。。）を 消したかったのですが。。。
  
  もし、そちらをご存知でしたら教えていただけるとありがたいです。
  
  
  標野さま＞貴重なお時間を頂き、ありがとうございました。

  2011年02月01日 10:11 by しおり

• スタイルシートの
  
  .sideother div{
  background: url(http://templates.blog.fc2.com/template/cof feegirl/beige_top.gif) center top no-repeat;
  }
  の部分を削除してしまえば、表示されなくなると思います。
  
  ただ、このテンプレートの場合
  http://templates.blog.fc2.com/template/coffeegirl/beige_top .gifの画像には
  花唐草の部分だけでなく、角丸の囲み罫の上側の部分が含まれていますので
  この修正をおこなうと囲み罫の上の二つの角は直角になってしまいます。
  
  角丸のまま表示したい場合には
  上記の画像を一旦ダウンロードして、画像処理ソフトなどを使って花唐草の部分を背景色で塗りつぶしてから、ご自分のファイルに アップロードし、スタイルシート内の上記のURLを アップロードした画像のURLで上書きされるとよいと思います。
  
  

  2011年01月31日 16:58 by 標野ゆき