晴れ時々曇り

やっとPCとiphoneからのアクセスを振り分けることが出来ました。
先日までのcssの適用方法は断念してMobifyを利用することにしました。
左の写真が以前までのiphoneからの見え方です。右側が変更後のページです。
スマートフォンからのアクセスをjavaで振り分けます。
Webクリエイターボックスさんで詳しく説明されています。

スマートフォン用のcss(スタイルシート)を適用する方法
PC用ページデザインを変更する方法で紹介したのと同じに、css(任意のcss)を適用すればOKなんですが。
まずは携帯用ページのstles-mobile.cssを探して自分好みに書き換えます。
書き換えたら名前を変えて保存します。　→my-stles-mobile.css　なんてね!!
それのmy-stles-mobile.cssを以下の様なリンクを記述して適用します。





※しかし問題が・・・個別ページはこの方法では任意のcssが適用出来ません。
　また調べてみます(汗)

iphone用ページを作成と書きましたが正確にはスマートフォン用のページです。
ようやくスマートフォンページをちゃんと認識出来る様になりました。(たぶん)
トップページのみを対応にしてあります。
スマートフォン専用ページPCからではちゃんと認識されません。
これからもう少し手を加えて行きます。

風ログをiphone対応にしてみました。
ただ、文字サイズを変えただけですけど・・・。
携帯用のスタイルシートを書き換えてみましたがまた元に戻ってしまうかも知れません。

食べログにブログパーツがあることに気づき設置しました(汗)
食べログは便利なんですが色んな機能を使おうとすると有料なんです。
プレミアム会員は月315円です。
お店を紹介して行くと無料でプレミアム会員になれるらしいので ・ ・ ・
プレミアム会員目指して頑張ります(汗)

やっぱり更新日の表示がちょっとおかしい。
上が昨日設置した更新日なんですがかってにカウントアップしています。
下は実験的に設置したものですがSafariでは表示されません（汗）
取りあえずもう少し悩んでみます（笑）

経過日数の表示を修正しました。
右の画像はSafariでの表示です。
Macでも見ましたが大丈夫でした。
久しぶりにMacに電源を入れました（汗）
残るはニューステロップの文字化けだけですねー。

昨日からブログの以前から気になっていた不具合を修正しています。
昨日暦を直したところ、“さくらまみいさん”から更新日の日付が化けていますと指摘を頂きました（汗）
太郎の愛用のブラウザーはIEなのできちんと表示されていたのですが、Safariなどのブラウザーに対応していませんでした。気は付いていたのですが（汗）
今回は上の画像の様に左がIEから見た場合、中央がSafariから見た場合、右がFirefoxから見た場合の様に修正完了。
見てわかる様に改行（21日の下）の幅も違って見えてしまうんですねー。
Safariのみ更新日の表示が違うとか気が付いても言わない様に（笑）
結果的に経過日数が無くなりました（汗）
恐るべしSafari!!

右側の更新日を追加しました。
ちゃんと作動するかまだ不明ですが(笑)
開設日と合わせて表示させたのですがそれでは少ないのでWell come!!を付け加えました(汗)