晴れ時々曇り

ブログの一番下のところに表示している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ウィジェットかを選び右下の(続く)をクリック。
④また選択が現れるのでどちらかを選択し右下の(続く)をクリック。
⑤デザインを選択し記述された文字を風ログのタイプリストを作成しコピペしホーム→デザイン表示項目をチェックすりば風ログにも表示されます。
あとは並べ替えで好きな位置に変更してください。

もうお分かりの方もいるかも知れませんが「晴れ時々曇り」のfaviconファビコン(ブックアイコン)をこんなのに変更しました。

ブログ開設から何年何ヶ月何日を表示してみました。
右のサイドバーの一番上に出ています。
設置にはJavaScript（ジャバスプリクト）を使います。
そんなに難しく無いのでみなさんもチャレンジしてみて下さい。

菊池さんの工作室で詳しく説明されています。
■スクリプト（日数表示(年月日表示)）と■表示用スクリプトをコピーして、タイプリストを作成してそこへ貼り付けるだけです。

その時に注意しなくてはならないのは　
■表示用スクリプトの指定日は dayCount3("指定日名","1997/5/18"); のように 開設日の日付に書き換えなくてはなりません。両側の"  "を消さない様に注意して下さい。

それとブログ開設から4年10ヶ月27日経過。の最後の部分を経過にする場合は■スクリプト（日数表示(年月日表示)）の中頃のmsg1 = "から： "; msg2 = "経ちました。<br>";　の部分を→経過に書き換えます。

以上で完成すると思います。
それでは頑張って行きましょう！！。

※もしも日付の色を変えたい場合には
上記の msg1 = "から：<Font color=#FF0000> "; msg2 = "</Font>経ちました。<br>";　の様に青い <Font color=#FF0000></Font>を追加します。

久しぶりにブログを模様替えしてみました。
日経平均・為替相場を表示するブログパーツを追加してみました。
いちいち調べるの厄介ですから（汗）
今は色々ブログパーツがあるんですねー。