月送りカレンダー(横型・リアルタイム版)可変3カラム用
最近投エントリーした「月送りカレンダー(横型・リアルタイム版)」は固定カラムしか考慮しておりませんでした(というのは喜怒哀楽さんより頂いたコメントで判明)。可変3カラムの場合は左右カラムの上部開始位置が絶対値指定のため、これも制御する必要があります。
ということで可変3カラムにも対応できるように修正しました(この方法が妥当かどうかは別として)。詳細は下記のエントリーを参照ください。
併せて util.js もバージョンアップしました。
- Movable Typeのカレンダーに曜日を表示する方法
- Movable Typeのカレンダーに複数カテゴリのリンクを表示する方法
- Movable Typeでダイナミックカレンダーが表示されない不具合の対処
- Ajax ハイブリッド月送りカレンダー
- Ajax ダイナミック月送りカレンダー
- 複数ブログの情報をひとつのカレンダーにまとめて表示する
- Ajax 月送りカレンダー(jQuery・MT4版)
- 「Ajax 月送りカレンダー」の表示月をブログ記事の投稿月や月別アーカイブに連動させる
- 「Ajax 月送りカレンダー」で未来月のブログ記事を表示しない
- カテゴリー別 Ajax 月送りカレンダー(MT4版)
- Ajax 日めくりカレンダー(MT4版)
- Ajax 月送りカレンダー(MT4版)
- カレンダーの日付リンクのジャンプ先をエントリー・アーカイブに変更する
- Ajax 月送りカレンダー(縦型)
- Ajax 月送りカレンダー(横型)
≫ 横型リアルタイム月送りカレンダー from flea bite::blog
小粋空間: カレンダー アーカイブ●月送りカレンダー(横型・リアルタイム版)可変... [続きを読む]
≫ 参考CGI/カスタマイズサイトなど from MetLog
以下のサイトを参考に、あるいは利用させていただきました。 MTカスタマイズ 小粋... [続きを読む]
≫ 参考CGI/カスタマイズサイトなど from MetLog
このブログ作成にあたり、以下のサイトを参考に、あるいは利用させていただきました。... [続きを読む]
yujiroさん、こんにちは。
上記エントリーを再度確認しながら、試したのですが、どうもうまくいきません・・・orz
実は、
http://samua.s58.xrea.com/blog/
このページでは、カレンダーが少しかけてしまう部分は、
<div id="globalnavi"> <iframe name="cal-iframe" src="<MTBlogURL>archives/calendar/<MTDate format="%Y/%m/index">.php" width="698" height="25" scrolling="NO" frameborder="0" marginwidth="0" marginheight="0"> </iframe> </div>
このように、heightを元々の19から25へ変えてみました。
それから、スタイルシートにて
#links-right{ color: #ffffff; position : absolute ; right : 15px ; top : 190px ; width : 155px ; }
このように、topの値を変更しています。(左側も同じく)
その他、7項以降のスクリプトの設定は一切なしで、FirefoxとIEとで同じ表示が出来ました。
このスクリプトの設定をするとIEではうまい具合に表示されて、Firefoxでは両サイドバーが少し上に食い込んでしまうんです。
http://samua.s58.xrea.com/blog/mybloglist.php
このページがスクリプトを設定してあるページです。
setAttributeByTagNameAndAttributeや、setStyleById関数のパラメータでは、ブラウザ種別を1と設定してみました。
私の手違いがありましたら、ご指摘願います。
どこがどうして、うまくいかないのか・・・。途方にくれています。
スクリプトの設定をしない方が・・・いいのでしょうか???
お忙しいところ、申し訳ありません!よろしくご教授願います!
>ミッチさん
こんにちは。
ご質問の件ですが、「月送りカレンダー(横型・リアルタイム版)」の7.2項にある設定で
setStyleById(1, 'links-left', 'top', '125px');
の赤字部分を190px(よりやや大きい値)に変更してみてください。この値は
#links-right{ color: #ffffff; position : absolute ; right : 15px ; top : 190px ; width : 155px ; }
の赤字部分を上書きするデータです。第1パラメータが「1」ですので、FirefoxやNetscapeの場合は setStyleById で指定した値が使用されます。
また正常に表示されないページだけにこのJavaScriptを起動する設定を行ってやってください。
説明不足ですいませんでした。
以上です。
それではよろしくお願い致します。
こんにちはー。
>また正常に表示されないページだけにこのJavaScriptを起動する設定を行ってやってください。
そうだったんですね;
よく読まずに全部設定した後で、うまく表示されないーと、悩んでいたんですね、私。
結局、うちはスタイルシートでの設定変更でFirefoxとIEでちゃんとした表示確認できました。
いろいろとyujiroさんの貴重な時間を割いてしまったようで申し訳ありません!
今後ともよろしくお願いいたします。
m(__)m
>ミッチさん
こんばんは。
ご連絡ありがとうございました。
無事にできたようで良かったです。
複雑な説明ですいませんでした。お気遣いなく。
こちらこそ今後ともどうぞよろしくお願い致します。
突然のメールで、失礼いたします。
東京八王子にてブロードバンド導入やインターネット有効活用サイト「南大沢ブロードバンド」を運営しております、かつみぱぱと申します。(http://minamiohsawabb.lolipop.jp/)
ここに本来書くべきではありませんが、メールがわからなかったので、失礼します。
現在は、「XOOPSでつくる!最強のコミュニティサイト」というCMSの本を出版(共同著書)し、XOOPSを中心に活動しておりますが
急遽、MovableTypeの本を出すことになり
つきましては、その中で、「小粋空間」さんを紹介させていただきたくコメントをいたしました次第です。急で申し訳ございませんが
・「横型カレンダー」
・「3カラムテンプレート」
を、初心者向けに紹介をさせていただきたいと思います。どうか、よろしく御願いします。
>katsumipapaさん
はじめまして。
紹介の件、ありがとうございます。
光栄に存じますので是非お願いしたいと思います。
なお紹介方法等についての内容を教えて頂きたいので、申し訳ございませんが
youjiroh@wd5.so-net.ne.jp
に一度ご連絡頂けますでしょうか(私の個人用メールアドレスです)。
以上です。
それではどうぞよろしくお願い致します。
はじめまして。
「横型カレンダー」使わせて頂いてます。
ここは他にも沢山TIPSがあって、とても参考になります!
また寄らせてもらいますね(^^)
>ひでさん
はじめまして。
コメント&カレンダーご利用ありがとうございます。
色々と参考になれば幸いです。
またのお越しをお待ち申し上げます。