祝日対応カレンダー

祝日判定マクロ作者様のご厚意により公開・・・

DLファイルの拡張子をzipに変更、解凍後

Library/Themesに入れWinterBoardで

反映して下さい。

lockscreen-calendarj.theme

1104011

なお、上のロックスクリーンのように

天気情報と同時に組み込むことも可能です。

カレンダー側のLockBackground.htmlの

下記の2か所を、天気情報のHTMLに追加して

カレンダー側の残りのファイルを天気側の

同じ階層に移動させてください。

<!–1個所目–>

        #CalendarContainer{

            margin-top:65px;

            padding-top:5px;

            font-family:Helvetica;

            text-shadow: 1px 1px 0px black;

            background: url(imgs/lcd2.png) repeat-x bottom left;

        }

 

<!–2個所目–>

<div id=”CalendarContainer”>

    <script type=”text/javascript” src=”HolidayChk.js”></script>

    <script type=”text/javascript” src=”calendar.js”></script>

</div>

 

<!–カレンダーのフォントはお好みで–>

            font-family:Helvetica;

<!–上で表示しているものは–>

           font-family:LockClock-Light;

前回のブログで使用した、時計用フォントです。

この記事は の 2008年11月7日(金曜日) の 21:49 に投稿されました。記事のカテゴリ: iPhone. RSS 2.0のフィードを通じてこのエントリーへの反応を見られます。 コメントを投稿するか、あなたのサイトからトラックバックを送信できます。

4 件のフィードバック to “祝日対応カレンダー”

  1. kinopakuの発言：
    2008/12/07 23:24

    突然すみません。
    ここ数日ロック画面にてこずってとても困っています。
    色々、調べてみたのですがなかなかのっていなくて。。。
    LockDockbarをインストールしてロック画面にアイコンを表示しています。
    それでhomescreen- 1weekweather.themeを転送して使ってみたのですが、天気情報とLockDockbarのアイコンが重なってしまいとても不細工になっています。
    今日、ＨＴＭＬの本も買ってみたのですが全く理解できず。。。
    こちらで拝見させてもらったように天気情報を一番下にもってくるようにするにはどうしたらいいのでしょうか？お手数ですがアドバイスいただけないでしょうか？
    私のLockBackground.htmlは、このようになっています。お時間があるときでいいのでよろしければお返事ください。お願いいたします。

    body {
    background-color: none;
    margin: 0;
    padding: 20px 0 0 0;
    height: 480px;
    width: 320px;
    background-image: url(imgs/clockb.png);
    background-repeat: repeat-x;
    background-position: 0% 2.8%;
    }

    #WeatherContainer{
    margin-top:95px;
    font-family:Helvetica;
    font-size:12px;
    font-weight:bold;
    text-shadow: 0px 1px 0px black;
    color:white;
    }

    .holder {
    position: absolute;
    top: 370px;
    left: 0px;
    }

    #Weather{
    background: url(imgs/lcd.png) repeat-x bottom left;
    padding-bottom:7px;
    }

    .holder {
    color: white;
    }

    .info div{
    background: url(imgs/lcd.png) repeat-x bottom left;
    padding:0 0 8px 10px;
    }

    .info img{
    padding:0;
    margin:0;
    height:20px;
    width:17px;
    }

    .clock {
    margin:20px 0 0 65px;
    position:absolute;
    }

    .main {
    width:200px;
    text-align: center;
    margin-left: 32px;
    }

    .month {
    display:none;
    }

    .daysofweek {
    color:#CFCFCF;
    font-size: 10px;
    padding-bottom: 3px;
    }

    .days {
    font-weight:bold;
    text-shadow: 0px 1px 0px black;
    font-size: 14px;
    color:#CFCFCF;
    padding: 2px;
    }

    .days #today{
    color: white;
    }

    /***********************************************

    * JavaScript Image Clock- by JavaScript Kit (www.javascriptkit.com)
    * This notice must stay intact for usage
    * Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more

    ***********************************************/

    var imageclock=new Object()
    //Enter path to clock digit images here, in order of 0-9, then “am/pm”, then colon image:
    imageclock.digits=["c0.png", "c1.png", "c2.png", "c3.png", "c4.png", "c5.png", "c6.png", "c7.png", "c8.png", "c9.png", "cam.png", "cpm.png", "colon.png"]
    imageclock.instances=0
    var preloadimages=[]
    for (var i=0; i=13)
    sections[0]=sections[0]-12+”"
    for (var i=0; i<sections.length; i++){
    if (sections[i].length==1)
    sections[i]=”+”
    else
    sections[i]=”+”
    }
    return sections[0]+”+sections[1]+”+sections[2]
    }

    imageclock.display=function(){
    var clockinstance=this
    this.spanid=”clockspan”+(imageclock.instances++)
    document.write(”)
    this.update()
    setInterval(function(){clockinstance.update()}, 1000)
    }

    imageclock.display.prototype.update=function(){
    var dateobj=new Date()
    var currenttime=dateobj.getHours()+”:”+dateobj.getMinutes()+”:”+dateobj.getSeconds() //create time string
    var currenttimeHTML=imageclock.imageHTML(currenttime)+’=12)? imageclock.digits[11] : imageclock.digits[10])+’” />’
    document.getElementById(this.spanid).innerHTML=currenttimeHTML

    }

    new imageclock.display()

    var todaydate=new Date()
    var curmonth=todaydate.getMonth()+1 //get current month (1-12)
    var curyear=todaydate.getFullYear() //get current year

    document.write(buildCal(curmonth ,curyear, “main”, “month”, “daysofweek”, “days”, 0));

    Loading…
    -ﾂｺ
    -

    SILENT MODE ACTIVE

    UPCOMING EVENTS

    MISSED CALL

    NEW SMS

    NEW MMS

    NEW MAIL

    NEW INSTANT MESSAGE

    UNREAD NEWS ITEMS

  2. xyz7451の発言：
    2008/12/08 09:06

    天気情報の部分が抜けていると思うのですが・・・
    こんな感じにしたいということですか？
    ——————-
    デジタル時計
    ——————-
    LockDocBar
    ——————-
    天気情報
    ——————-

    #WeatherContainer{
    padding-top:25px;
    この数字の部分を大きくする（下にさがる）
    だけでいいはずです

    ＜div id=”WeatherContainer”＞
    ＜div id=”Weather”＞
    ＜div id=”TextContainer”＞
    ＜p id=”city”>Loading…＜/p＞
    ＜p id=”temp”>-ﾂｺ＜/p＞
    こんな感じ?
    ドッグの画像分下にさがってますが・・・

  3. kinopakuの発言：
    2008/12/08 19:39

    ありがとうございました！！
    大きくしてみましたが、変化なしでした（泣）
    また色々調べてみます♪

  4. kinopakuの発言：
    2008/12/09 20:30

    ありがとうございました！！
    今日、もう一回、教えていただいたとおりにするとうまくいきました！！
    感動です（泣）

コメントする