웹마스터 팁

  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)
목록
제목 글쓴이 날짜
역삼오피 역삼출장안마 ⦑오피.CLUB⦒ 역삼OP 역삼오피 역삼오피 koykoyah 2025.02.20
서초오피 서초오피 ⦑오피쓰주소.COM⦒ 서초OP 서초스파 서초오피 koykoyah 2025.02.20
용인오피 ⦑오피쓰주소.COM⦒ 용인마사지 용인오피 용인오피 용인OP koykoyah 2025.02.20
연신내오피 연신내출장안마 ⦑오피.CLUB⦒ 연신내OP 연신내오피 연신내오피 koykoyah 2025.02.20
남양주오피 남양주출장안마 ⦑오피.CLUB⦒ 남양주OP 남양주오피 남양주오피 koykoyah 2025.02.20
의정부오피 ⦑오피쓰주소.COM⦒ 의정부오피 의정부OP 의정부건마 의정부오피 koykoyah 2025.02.20
제주오피 ⦑오피.CLUB⦒ 제주OP 제주오피 제주출장샵 제주오피 koykoyah 2025.02.20
가락오피 ⦑오피.CLUB⦒ 가락마사지 가락오피 가락오피 가락OP koykoyah 2025.02.20
창원오피 ⦑출장마사지안내.COM⦒ 창원오피 창원OP 창원건마 창원오피 koykoyah 2025.02.20
부산오피 부산출장안마 ⦑출장마사지안내.COM⦒ 부산OP 부산오피 부산오피 koykoyah 2025.02.20
강서오피 ⦑오피쓰주소.COM⦒ 강서오피 강서출장마사지 강서오피 강서OP koykoyah 2025.02.20
용인오피 용인OP ⦑출장안마사이트.COM⦒ 용인휴게텔 용인오피 용인오피 koykoyah 2025.02.20
부평오피 ⦑출장안마사이트.COM⦒ 부평OP 부평오피 부평출장샵 부평오피 koykoyah 2025.02.20
동대문오피 ⦑출장안마사이트.COM⦒ 동대문오피 동대문OP 동대문건마 동대문오피 koykoyah 2025.02.20
건대오피 건대OP ⦑오피.CLUB⦒ 건대휴게텔 건대오피 건대오피 koykoyah 2025.02.20
의정부오피 ⦑오피.CLUB⦒ 의정부OP 의정부오피 의정부출장샵 의정부오피 koykoyah 2025.02.20
포항오피 ⦑오피쓰.COM⦒ 포항오피 포항출장마사지 포항오피 포항OP koykoyah 2025.02.20
창원오피 창원출장안마 ⦑출장마사지안내.COM⦒ 창원OP 창원오피 창원오피 koykoyah 2025.02.20
서초오피 ⦑출장마사지안내.COM⦒ 서초오피 서초출장마사지 서초오피 서초OP koykoyah 2025.02.20
안양오피 ⦑오피쓰.COM⦒ 안양오피 안양OP 안양건마 안양오피 koykoyah 2025.02.20
태그 쓰기