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


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


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

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

JavaScript無効時のレイアウト対処 注目

Javascriptを無効にしてブラウジングしている方は非常に少ないと思いますが、ちょっと気になることがあったのであれこれ考えていました232

というのは、ランキングに参加している「ブログの殿堂」ではランク順にブログのサムネイル画像が表示されているのですが、ある時期からウチのブログはスタイルシートが適用されておらず、味気ない画面となっている237。「ブログの殿堂」のサムネイル作成するプログラムはJavascript非対応なんでしょう。

見に覚えはある・・・(笑)229。「IE5.5の場合は別のスタイルシートに切り替える」でJavascriptでスタイルシートを振り分けるように手を加えたのでJavascript無効だとスタイルシートが適用されない。

・・・ということで、今回対処を行うことにしました。他にもいろいろJavascript利用していますので、とりあえずなんとかなるようにしてみましょう。皆さんもご自身のブログをJavascript無効にして見て見ると驚きがあるかもしれません(苦笑)。


スタイルシートが適用されない件の対処

 

script無効時の動作を<noscript></noscript>の間に記載します。Javascriptで出力しているスタイルシートを指定している箇所を書き出します。

 

<noscript>
  <link rel="stylesheet" type="text/css" href="<%css_link>" _fcksavedurl=""<%css_link>"" _fcksavedurl=""<%css_link>"" media="all" />
  <!--[if IE 5]>
  <link rel="stylesheet" href="http://yassee.blog38.fc2.com/template/IE5-100103/style.css" type="text/css">
  <![endif]-->
</noscript>


1行目は通常利用するスタイルシート、次の行はIE5(5.5含む)だけに適用するスタイルシートをCSSハックで指定してます。URLはウチの場合の例です。

Javascript使わずにこの中身だけ書いとくだけで本当は事済むという、、、本末転倒なことなのですが・・・237。なんでわざわざJavascript利用し続けているのだ?、と言われそうですが、せっかく苦労してJavascript改造したので、気が済むまで利用しないと・・・という自己満足な理由なだけです(苦笑)。


タイトル画像が適用されない件の対処

 

タイトル画像をランダム表示」しているためJavascript無効時はタイトル画像が表示されません。該当箇所に一部スタイルを適用させて対処します。

 

<noscript>
  <style type="text/css">
  <!--
   div#header {
     background-image: url(http://blog-imgs-26.fc2.com/y/a/s/yassee/P3081447-8.jpg);
   }
  -->
  </style>
</noscript>


これで指定したタイトル画像が表示されます(URLはウチのブログの例)。ランダム表示させる際、該当部分はコメントアウトしておいた部分です。

 

その他の対処について

 

新着NEWマークが表示されませんが、デザインが崩れるわけでもないですし影響度は低いと判断しこれはスルー。ツリー表示の最近のコメント(コンパクト)が表示されませんが、別に「最新コメント」のプラグインがあり代用可能なのでこれもスルー。ブログ開設からの経過日が表示されませんが、これはどうでもいいかなと(苦笑)。


人気ページランキング、拍手ランキングは表示されませんがこれはいたしかたないでしょう。人気ページランキングはhtmlファイルのリンク先だけ表示させるようなことは出来そうですが、まぁそこまでする必要もないかなと。拍手ランキングは手はなさそうです。

 

ある程度形になったので今回はここまでにします。

関連記事


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

テーマ : ブログカスタマイズ
ジャンル : ブログ

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
最近のコメント(コンパクト)
データ取得中...
最新記事
最新コメント
最新トラックバック
カレンダー(月別)
05 ≪│2017/06│≫ 07
- - - - 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 -
月別アーカイブ
タグリスト

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

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

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

やっすぃぃぃー

Author:やっすぃぃぃー

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

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

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

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

この人とブロともになる

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