中途半端な解決法ですが - 角丸にする方法
id:b_t_bさんの新しいレイアウトがとても素敵で、かわいいです。なのですがお困りのご様子
2.左側のその日ごとの下を角丸にしたいけど、出来ない。どこに角丸画像をいれたらいいですか。
おそらく、「下を角丸」というのはここの部分のことで、
これを角丸にしたい、とのことなのでちょっとやってみました。
方法としては
.day { background-image: url("http://f.hatena.ne.jp/images/fotolife/b/b_t_b/20070102/20070102051817.gif"); background-repeat: repeat; text-align: left; margin-bottom: 50px; /* padding: 0 0 20px; */ padding: 0 0 0 0; width: auto; _width: 100% } div.comment{ background-image: url("http://f.hatena.ne.jp/images/fotolife/b/b_t_b/20070102/20070102051816.gif"); background-repeat: repeat; margin: 0 30px 10px; padding: 10px; border: 0px; _width: 100% } div.refererlist { padding: 0 0 2em 0; margin: 0; border: none; background-image:url("http://rikuo.g.hatena.ne.jp/files/rikuo/33a65ff8ea52a0ad.gif"); background-color:transparent; background-repeat:no-repeat; background-position:center bottom; } div.refererlist div.caption {background-image: url("http://f.hatena.ne.jp/images/fotolife/b/b_t_b/20070102/20070102051816.gif"); background-repeat: repeat; margin: 0 30px 0 30px; padding: 10px;} div.refererlist ul { font-size: 80%; background-image: url("http://f.hatena.ne.jp/images/fotolife/b/b_t_b/20070102/20070102051816.gif"); background-repeat: repeat; letter-spacing: 0; list-style-type: none; margin: 0 30px 0 30px;; padding: 0 }
という形でやっています。具体的には、トラックバック欄に
この画像を表示させて角丸をしています。
これで一応、角丸での表示ができます。
ただ、表題通りこれでズバッと解決している訳ではないです。
この方法ははっきり言って中途半端なやり方でして、id:b_t_bさんはトラックバックの表示を「コメントページに表示する」に設定されているので、エントリー個別のページでないとトラックバック欄が表示されないため、同時に角丸も表示できません。
そのためトラックバック欄を表示させる、なら角丸ができますが……この方法ではそれらの設定を変える必要がでてしまいます。
また2点目としては、
こちらのように、トラックバックが並んだ場合は、背景画像がずれてしまうという問題があります。
というわけで、とても中途半端で、穴のあるアドバイスで申し訳ないです。こんなのでも、何かのヒントになれれば幸いなんですが。
ツーか、私自身も今 同じところで引っ掛かってしまって困ってるので、誰か今年の初人助け、としてズバッとした解決方法を教えてくれないかなー、って思って書いてみました。
[のっかり質問][他人任せ][丸投げ][誰か私も助けて]
><