上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


拍手する ※見てくださった方々へ、、ご参考になれば幸いです。よろしければ「拍手」頂ければウレシイです


にほんブログ村 旅行ブログ 温泉・温泉街へ にほんブログ村 旅行ブログ 旅行グルメへ にほんブログ村 鉄道ブログ 鉄道旅行へ ブログランキング・にほんブログ村へ
ブログランキング【くつろぐ】 ブログランキング ブログランキングのブログん家 blogram投票ボタン

 注目 Blog 記事タイトル レイアウト変更 を行いました(2010.02.09)
 注目 Blog 記事に tag関連エントリの自動表示 を行うようにしました(2010.01.05)
 注目 伊東温泉・共同浴場10湯比較リスト 公開しました!(2009.12.20)
 注目 Blog 表示高速化のため、記事を要約して表示する方法へ変更しました(2009.12.13)
 注目 伊東温泉共同浴場温泉マップ 公開しました!
 注目 ★全国駅前温泉リスト★ 随時更新中 (2010.8.17 更新) オススメ

新着表示「NEW」マークを付加しました

ブログレイアウト変更ネタです280


記事タイトルにアイコンを表示させるにはどうすればいいのやら?!・・・ と調べていたら、「FC2ブログのテンプレート工房」さんでおもしろい紹介記事があったので、参考とさせていただきウチのブログでも試してみました277


まず新着記事に「NEW」ってマークを表示させる方法について。
記事を読むと「NEW」マークは画像が利用できるとのことで手持ちの画像を利用するとし、HTMLに手を加えてちゃんと新着記事にマークが表示されるか試して見たところ・・・


「拍手」ボタンの上になぜかアイコンが・・(苦笑)230


紹介記事のコメントを読み進めていくと、記事タイトルの後ろに表示させる方法があったので参考にして修正したところ、バッチリうまくいきました278


ついでに左カラムの「最新記事」にもマークがでるように手を入れて見たがなぜか表示されない183。またまたコメントの中でTABLEタグで囲んでやる方法があり試して見たところうまくいった278。続いて「最新コメント」、「最新トラックバック」も変数をそれ用に修正しなおして検証をし、同じく表示するようにしてみた。


検証はFirefoxでやっていたのだが一応念のためIE6で表示させてみたところ、あぁ・・タイトルのバック画像がうまく重ねて表示されてなくて上下が切れた状態だ240。また「最新記事」の一覧表示も無駄に内側に詰められて表示されている。うーーむ。サブマシンのVistaのIE8ではFirefox同様ばっちり表示されていて問題なし。


なんとかならないものかと修正をすべく、いろいろと手を加えたがうまくいかない237
こまったものだ。


IE6でのこのレイアウト崩れはちょっと許容できないので、せっかくいい感じだったが画像での表示をあきらめてテキスト表示するようにすべて修正しなおした。これならばIE6でもちゃんとタイトルが表示される277


しかし「最新記事」の一覧表示が内側に詰められて表示されてしまうのは残念ながら今のところ修正できていない。何かいい手はないかなぁ・・・。

関連記事


拍手する ※見てくださった方々へ、、ご参考になれば幸いです。よろしければ「拍手」頂ければウレシイです

テーマ : 日記
ジャンル : 日記

tag :日記 ブログレイアウト カスタマイズ 

にほんブログ村 旅行ブログ 温泉・温泉街へ にほんブログ村 旅行ブログ 旅行グルメへ にほんブログ村 鉄道ブログ 鉄道旅行へ ブログランキング・にほんブログ村へ
ブログランキング【くつろぐ】 ブログランキング ブログランキングのブログん家 blogram投票ボタン

 注目 Blog 記事タイトル レイアウト変更 を行いました(2010.02.09)
 注目 Blog 記事に tag関連エントリの自動表示 を行うようにしました(2010.01.05)
 注目 伊東温泉・共同浴場10湯比較リスト 公開しました!(2009.12.20)
 注目 Blog 表示高速化のため、記事を要約して表示する方法へ変更しました(2009.12.13)
 注目 伊東温泉共同浴場温泉マップ 公開しました!
 注目 ★全国駅前温泉リスト★ 随時更新中 (2010.8.17 更新) オススメ

tag関連エントリ(Google AJAX Feed)

Loading..Please Wait

trackback


この記事にトラックバックする(FC2ブログユーザー)

投稿後は管理人承認待ちとなり、承認の上公開されます。記事とは関係のないトラックバックは予告なく削除対象となりますので予めご了承ください。



カテゴリ別全記事一覧で新着New表示

以前、新着表示「NEW」マークを付加しましたで記事の新着にはNew! のマークがつくようにカスタマイズしましたが、全記事一覧をカテゴリ別に表示...

Re: 新着表示「NEW」マークを付加しました

>しかし「最新記事」の一覧表示が内側に詰められて表示されてしまうのは残念ながら >今のところ修正できていない。何かいい手はないかな...

コメント


cup テスト


テスト

コメントの投稿

投稿後は管理人承認待ちとなり、承認の上公開されます。記事とは関係のないコメントは予告なく削除対象となりますので予めご了承ください。


非公開コメント

ブログ内 記事検索
カテゴリ
全記事一覧表示
カテゴリ別全タイトル表示 NEW
最近のコメント(コンパクト)
データ取得中...
最新記事
最新コメント
最新トラックバック
カレンダー(月別)
06 ≪│2017/07│≫ 08
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 - - - - -
月別アーカイブ
タグリスト

RSSリンクの表示
メールフォーム

名前:
メールアドレス:
件名:
本文:

ホームページリンク
素材リンク集
ゆーりの休日 2000ピクセル以上のフリー写真素材集 写真素材ポラリス
フリーエリア
リンク
プロフィール

やっすぃぃぃー

Author:やっすぃぃぃー

趣味はダイビングと鉄道旅行。ダイビングライセンスはダイブマスター、鉄道ではJR全線乗りつぶし達成済という異才。温泉、駅弁、ラーメン、路面電車、お城巡りも好きな凝り性。横浜市内在住。HP

やっすぃぃぃーの愛車
レガシィ

スバル・レガシィB4の話題を『みんカラ』SNSでいろいろまとめてます。車の話題を随時掲載中です♪
『亡き後を考える』シリーズ記事
温泉トピックス
温泉比較リスト
温泉マップ
GoogleMAPで温泉マップを作成しました。湯巡りの際のご参考に!

伊東温泉共同浴場10湯
鹿児島市内温泉銭湯20湯
ブログ開設から何日経った?
サイト内 人気ページランキング
検索サイト キーワードランキング
FC2拍手ランキング
FC2アクセスランキング
17位 温泉旅行
285位 旅行
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
ブログパーツ レンタルCGI
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。