晴れ時々曇り

ここ最近ブログの仕様の変更かなんかやっていて(システム側)スマートホンからの閲覧とかｊａｖａ(サイドバーの＋－のボタン)が反映されませんでした。
やっと先週あたりから直りました。ｃｓｓ(デザインの仕様)を変更しようかと思いましたが、変更しなくても良いみたいです。
このブログはホッタラカシ(笑)の様に不定期更新中ですが、取りあえず毎日覗いています(汗)
最近不定期更新になった理由について考えたのですが。
たぶんですねーiPhoneにしてしばらくしてから、投稿の画面がiPhoneから開くと化けたり書き込みエラーになってしまったのが最大の理由ですね。
iPhone用のアプリは出ているのですが風ログは仕様が違うみたいで残念！！

話は変わって
以前からデザインを変えようと思っているんですが、なかなか腰が重くて変えられずにいます(汗)
このブログのデザインはブログの初期のデザインですからねー(古)
腰をすえて手直しがしたいな～(汗)

Ｔｗｉｔｔｅｒが３月から旧公式ウェジットのサポートが終了してブログで表示されなくなりました。
いつもスマホで見てたので気が付きませんでした(汗)
今日ようやく気が付いて変更しておきました。
私のブログはＷが220より狭いので通常のコピペでは端が切れてしまいます。
そこで色々調べてみたらスタイルシートの最後に以下を書き込むだけで出来ました。

.twitter-timeline {
min-width:180px!important;
   }

私はスタイルシートを自分用の物を読み込ませていたので出来ました。
やり方はTypePad ベーシックでcssを変更するをご覧下さい。


もう一つの方法
Ｔｗｉｔｔｅｒのソースコード内に以下を書き込む

<a class="twitter-timeline" width="ｘｘｘ" height="ｘｘｘ"href="https://twitter.com・・・・
widtg="ｘｘｘ" height="ｘｘｘ"　ｘｘｘは好きなサイズです。

群馬県人度クイズを再開しました。
ぜひ挑戦してください。
問題も新しく追加しましたよ～。

★サービス問題
上毛かるたで『ねぎと○○○○○下仁田名産』
○○○○○にあてはまる言葉は?

スマートフォンページへのリンクを作りました。ページはMOBIFYを利用しています。
そのためコメントはkazelogページからしかコメント出来ません(汗)
よろしくお願いします。

ブログの一番下のところに表示しているCopyright(C)が2004-2010になっていました。(汗)
2年もの間放置されていました。
と言う事で2012へ変更しておきました。

設置方法は電子きつねな日々ドス★さんのTypePad：JavaScriptでコピーライトの表示に詳しく書かれています。

スマートフォン対応のページに良く角が丸くなったページを見かけますがどうにするのだろうと思っていましたが。
やってみると比較的簡単でした。
-webkit-border-radius: 10px; /*丸角*/
-moz-border-radius: 10px; /*丸角*/
border-radius: 10px; /*丸角*/
こんな感じで出来ました。

風ログ(typepad系)でスマートフォン対応ページを作成してみました。
mobify(無料版)でスマートフォン対応のページを作ることが出来ます。

スマートフォンのサイトのアドレスはhttp://taroukazelog.mobify.com/です。
スマートフォンをお持ちの方はチェックしてみてください。
下は太郎のiphone(スマートフォン用ページ)のQRコードです。

やっと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!!を付け加えました(汗)

久しぶりにＰｈｏｌｉｏｔの写真を変更しました。
せっかく京都にいるのだから京都らしい写真に変更です。

慈眼寺の桜も開花したそうですね。
ブログを通して遠くの桜情報がわかるのは有難いです。
慈眼寺雑記さん有難う御座います。
私のブログのカレンダーも桜の花にしてみました。
いまいち日付が見えにくいです(汗)

先日よりTwitterをはじめていたのですがブログへTwitterを表示することが出来ることを知り早速やってみました(人柱)
結果できました(汗)
以下が設置の方法です。

①ツイッターへログインした状態でhttp://twitter.com/badges/ を開き(右の写真)でOtherをクリック。
②右下に(続く)と現れるのでクリック。
③次にフラッシュウィジェットかHTMLウィジェットかを選び右下の(続く)をクリック。
④また選択が現れるのでどちらかを選択し右下の(続く)をクリック。
⑤デザインを選択し記述された文字を風ログのタイプリストを作成しコピペしホーム→デザイン表示項目をチェックすりば風ログにも表示されます。
あとは並べ替えで好きな位置に変更してください。