新着表示「NEW」マークを付加しました
ブログレイアウト変更ネタです
。
記事タイトルにアイコンを表示させるにはどうすればいいのやら？！・・・ と調べていたら、「FC2ブログのテンプレート工房」さんでおもしろい紹介記事があったので、参考とさせていただきウチのブログでも試してみました
。
まず新着記事に「NEW」ってマークを表示させる方法について。
記事を読むと「NEW」マークは画像が利用できるとのことで手持ちの画像を利用するとし、ＨＴＭＬに手を加えてちゃんと新着記事にマークが表示されるか試して見たところ・・・
「拍手」ボタンの上になぜかアイコンが・・(苦笑)
。
紹介記事のコメントを読み進めていくと、記事タイトルの後ろに表示させる方法があったので参考にして修正したところ、バッチリうまくいきました
。
ついでに左カラムの「最新記事」にもマークがでるように手を入れて見たがなぜか表示されない
。またまたコメントの中でTABLEタグで囲んでやる方法があり試して見たところうまくいった。続いて「最新コメント」、「最新トラックバック」も変数をそれ用に修正しなおして検証をし、同じく表示するようにしてみた。
検証はFirefoxでやっていたのだが一応念のためIE6で表示させてみたところ、あぁ・・タイトルのバック画像がうまく重ねて表示されてなくて上下が切れた状態だ
。また「最新記事」の一覧表示も無駄に内側に詰められて表示されている。うーーむ。サブマシンのVistaのIE8ではFirefox同様ばっちり表示されていて問題なし。
なんとかならないものかと修正をすべく、いろいろと手を加えたがうまくいかない
、
こまったものだ。
IE6でのこのレイアウト崩れはちょっと許容できないので、せっかくいい感じだったが画像での表示をあきらめてテキスト表示するようにすべて修正しなおした。これならばIE6でもちゃんとタイトルが表示される。
しかし「最新記事」の一覧表示が内側に詰められて表示されてしまうのは残念ながら今のところ修正できていない。何かいい手はないかなぁ・・・。
- 関連記事
-
- タイトル画像をランダム表示 (2009/10/21)
- Re: 新着表示「NEW」マークを付加しました (2009/08/30)
- 新着表示「NEW」マークを付加しました (2009/08/30)
- ユーザーランキングについて (2009/08/26)
- ブログレイアウト微調整 (2009/08/14)
  記事タイトル レイアウト変更 を行いました(2010.02.09)
 記事に tag関連エントリの自動表示 を行うようにしました(2010.01.05)
  伊東温泉・共同浴場１０湯比較リスト 公開しました！(2009.12.20)
表示高速化のため、記事を要約して表示する方法へ変更しました(2009.12.13) 伊東温泉共同浴場温泉マップ 公開しました！
★全国駅前温泉リスト★ 随時更新中 (2010.8.17 更新)  |
投稿後は管理人承認待ちとなり、承認の上公開されます。記事とは関係のないトラックバックは予告なく削除対象となりますので予めご了承ください。
テスト
