웹마스터 팁

  2. Support
  3. 웹마스터 팁

홈페이지에 예쁜 날씨 배너를 달아보자!!!!

2008.01.28 20:40

blue7376.myid.net



본 소스는 http://www.previl.net의 운영자이신 previl님의 오픈 소스를 이용한 것임을 먼저 밝혀 둡니다.
소스 저작권에 대해 해당 운영자께서 오픈소스로 배포함을 밝히셨기 때문에 자유롭게 수정 재배포 하실 수 있습니다.

소스 설명
해당 소스는 php+ajax 으로 제작되었습니다.
드림위즈 날씨 RSS를 PHP로 끍어와 필요한 부분만 뽑아서 xml형태로 ajax을 이용해 그 데이타를 출력 하는 형태 입니다.

출력 페이지는 CSS+div태그로 작업했고 IE6, IE7 및 파이어폭스에서 확인 하였습니다. ( 디자인은 원하시는 형태로 직접 변경하셔서 사용하셔도 됩니다.)
ajax부분은 MC 심새(phpschool공개 소스)님의 소스를 이용했습니다.
이미지는 getFile 공개 이미지를 다운받아 편집하였습니다.

압축을 푸신 후 계정에 올리시고 사용 하시면 됩니다.

p.s 드림위즈 날씨 RSS서비스를 이용하는데 드림위즈에서 출력 형태를 바꾸면 해당 프로그램이 제대로 작동되지 않을 수 있으니 수정 및 업데이트를 본사이트에서 확인 하시기 바랍니다.

적용된 사이트 미리보기
제로보드 XE 레이아웃에 소스 삽입하는 방법
1.압축 푸신 후 사용하시는 계정의 최상위 폴더에(웹페이지에의 최상위 폴더) weather이란 폴더를 만들고 그 안에다  모든 파일을 올리시기 바랍니다

2. 관리자 모드로 로그인 한뒤 레이아웃->레이아웃 편집으로 가서 다음 소스를 삽입해야 합니다.
------------------------------------------------------------삽입할 코드---------------------------------------------------
<iframe border="0" frameborder="0" framespacing="0" marginheight="0" marginwidth="0"  scrolling="no" src=/weather//index.html  width="170" height="220" bgcolor=#ffffff allowtransparency="true" align="center"></iframe></p>
--------------------------------------------------------------삽입할 코드-------------------------------------------------

3. 삽입 할 위치

<!-- main_menu 3차 시작 -->
                    <!--@if($val['list'])-->
     <ul>
                    <!--@foreach($val['list'] as $k => $v)--><!--@if($v['text'])-->
      <li <!--@if($v['selected'])-->class="on"<!--@end-->><a href="{$v['href']}" <!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$v['text']}</a></li>
                    <!--@end--><!--@end-->
     </ul>
                    <!--@end-->
    </li>
                {@$idx++}
                <!--@end--><!--@end-->
   </ol>
            <!--@end-->

-------> 여기에 삽입해주세요!!!!

4. 최종 삽입 된 모습

<!-- main_menu 3차 시작 -->
                    <!--@if($val['list'])-->
     <ul>
                    <!--@foreach($val['list'] as $k => $v)--><!--@if($v['text'])-->
      <li <!--@if($v['selected'])-->class="on"<!--@end-->><a href="{$v['href']}" <!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$v['text']}</a></li>
                    <!--@end--><!--@end-->
     </ul>
                    <!--@end-->
    </li>
                {@$idx++}
                <!--@end--><!--@end-->
   </ol>
            <!--@end-->
<iframe border="0" frameborder="0" framespacing="0" marginheight="0" marginwidth="0"  scrolling="no" src=/weather/index.html  width="170" height="220" bgcolor=#ffffff allowtransparency="true" align="center"></iframe></p>

5. 지역 날씨 고정 방법 

첨부 파일을 받으시고 압축을 푸신 뒤
index.html 하단에 보면 아래 코드가 있는데... 서울부분을 원하시는 지역으로 고치시기 바랍니다. 그럼 쿠키가 없을 시 원하시는 지역으로 나타납니다.

function getCookie(name){
    var cookies = document.cookie, cookie = cookies.split('; ');
    for(var i=0,cnt=cookie.length;i< cnt;i++) {
        c = cookie[i].split('=');
        if(c[0] == name) return unescape(c[1]);
    }
    return "지역이름";
}


// 무조건 특정 지역으로 고정 할려면 아래 처럼 하시면 됩니다.
function getCookie(name){
    return "해당지역이름";
}

본 소스로 멋진 홈페이지 꾸며 보시길 바랍니다. 감사합니다.
이 게시물을
좋아요(+3)
목록
제목 글쓴이 날짜
초보의 초보를위한 강의 PHP를 활용한 페이지 암호걸기 #2 [8] 아이쿠 2002.11.13
초보의 초보를위한 강의 PHP를 활용한 페이지 암호걸기 #1 [9] file 아이쿠 2002.11.13
페이지에 접속할 때마다 다른 배너보여주는 소스.. [9] 풍월주인 2002.10.07
초보의 php를 활용한 OneFrame(NoFrame) 홈페이지 만들기 - 4 end [15] 아이쿠 2002.08.30
초보의 php를 활용한 OneFrame(NoFrame) 홈페이지 만들기 - 3 [1] 아이쿠 2002.08.30
초보의 php를 활용한 OneFrame(NoFrame) 홈페이지 만들기 - 2 [11] 아이쿠 2002.08.30
초보의 php를 활용한 OneFrame(NoFrame) 홈페이지 만들기 - 1 [17] 아이쿠 2002.08.30
[Header 이용하기 #3] 페이지 이동 [2] )OsE= 2002.08.01
[PHP]간단한 로그인페이지 만들기 [15] ZipShin 2002.07.09
총페이지의 값을 구하고 출력하기 불티나 2002.06.05
include를 이용한 다음넷 홈페이지 꾸미기2(그림 첨부) [4] file ZipShin 2002.03.12
include를 이용한 다음넷 홈페이지 꾸미기1 [10] ZipShin 2002.03.12
많고 많은 페이지들을 하나로 줄이자! [7] 제키드+_+)/ 2002.02.23
[re | 씽크식 PHP] 많고 많은 페이지들을 하나로 줄이자! [2] John Sync. 2002.02.24
이제 홈페이지 업데이트 안하는 수모를 겪지 말자! [7] 담배를끊으면복이옴과 2002.02.02
홈페이지에 실시간뉴스 보여주기 [19] looster 2001.06.05
공부용 방명록이에욥^^. 주석왕창(페이지분할등.기능있어욥~) [2] 프리^^ 2001.04.16
PHP 인증 페이지를 만들자! - Lesson 3 수정본 #1 [3] ☺[폐]허접-_- 2002.01.24
PHP 인증 페이지를 만들자! - Lesson 2 수정본 #1 [5] ☺[폐]허접-_- 2002.01.24
PHP 인증 페이지를 만들자! - Lesson 1 수정본 #2 ☺[폐]허접-_- 2002.01.24
태그 쓰기