11.Nas_1


새창 작성 수정 목록 링크 Edit G카랜다 HDD HDD HDD 게시물 주소 복사


반응형 메뉴입니다.

♨ 카랜더 일정 :
  • 링크

  • 첨부

  • 컨텐츠 정보

    본문

    반응형 메뉴입니다.

    \r\n
    \r\n
    • \r\n
    •  행님\r\n
    • 작성일시 2013.01.18 14:01:24\r\n
    • 조회 1,677\r\n
    • 댓글 34

    관련링크

    \r\n

    첨부파일

    \r\n
     rwd_menu.zip (6.6K) 2013.01.20 18:51:57 63회 다운로드

    \r\n


    \r\n
    아직 메뉴 3단 자동으로 추출하는거 까지는 못했습니다. 

    데스크탑, 휴대폰, 테블릿, 노트북, 스마트폰, 피쳐폰에 다 맞을걸로 생각됩니다. 

    @media screen and (max-width:768px){ 을 따로 두고 ... 기기의 가로 픽셀에 따라 메뉴가 자동으로 반응합니다. 

    .CSS 에 핑크색과 그린색 두가지 .CSS 첨부합니다. 

    jquery-1.4.2.min.js 이미 링크되어 있는 사이트에서는 아래 하단의 <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> 지워 주세요. 

    script.js 링크 잘 시키시고요 ... 

    그린색상과 핑크색상 두 가지 중 menu.php 보시고 링크시키면 됩니다. 

    DTD 버젼에서는 아주 잘 나옵니다만 ... 다른 버젼에서는 테스트 하지 못했습니다. 

    링크1 사이트는 참고로 한 사이트입니다. 

    부탁드립니다. 

    붙이는 방법 : main 에 rwd_menu 를 풀었으면 ... 

    메인 head.php 어디 부분에 ... 

    <?php include_once("$g4[path]/rwd_menu/menu.php"); ?> 로 링크하시면 되겠습니다. 

    성공하세요... 

    덧붙임 : 

    참, 메인에 붙이실 때 ... 

    <html><head></head><body></body></html> 다 떼야 하는거 아시죠 ? 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
    <head> 
    <meta name="title" content="DESIGN 반응형 웹디쟈인" /> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
    <title>Dropdowns</title> 
    </head> 
    <body> 



    </body> 
    </html> 

    또 덧붙임 : IE7 사용을 위해서 ... 

    .CSS  10번째 줄 

    .nav a{ 사이에 *zoom:1} 추가해 주세요 ...
    \n
    [이 게시물은 관리자님에 의해 2013-11-18 21:29:50 11.H_BBS에서 이동 됨]
    [ 추가 정보 ... 더보기) ]
    뷰PDF 1,2



    office view

    관련자료

    댓글목록

    등록된 댓글이 없습니다.

    목록

    새창 작성 수정 목록 링크 Edit G카랜다 HDD HDD HDD 게시물 주소 복사




    Total 1,677 / 52 Page
    [ 스킨정보) 실시간tv 시청 최적조건)설정>라이브러리>비디오>선택 기본 동작 메뉴(선택) 조건은 애드온 실시간… ] 댓글 1

    스킨정보) 실시간tv 시청 최적조건) 설정>라이브러리>비디오>선택 기본 동작 메뉴(선택) 조건은 애드온 실시간TV 에 최적의 조…

    [ 시놀로지 재부팅 후 접속 되지 않을시 강제 부팅하는 reboot 방법 ]

    시놀로지재부팅 후 접속 되지 않을시강제 부팅하는 reboot 방법SSH 접근 가능시sudo /usr/syno/sbin/./synodsdefaul…

    [ 문의) 이미지가 없을때 홈위젯이 썸네일이 나오지 않음 ]

    문의) 이미지가 없을때 홈위젯이 썸네일이 나오지 않음소스에 대한 지식이 없고 짜집기는 어는 정도` 하는데다음소스에 추가 조언 부탁 드립니다이미지…

    [ Synology(시놀로지) NAS 내부/외부 연결 어떻게할까? ] 댓글 1

    ●Synology(시놀로지) NAS 내부/외부 연결 어떻게할까? https://quasarzone.com/bbs/qc_user/views/319…

    [ ● synology Photo 사진 폴더를 불러오기 ? 해결방업은 권한설정후 사용하세요 ] 댓글 1

    ● synology Photo 사진 폴더를 불러오기 ? 해결방업은 권한설정후 사용하세요- 사진 얼굴 인식 dsm7.0구성 //.헤놀지원 여부 ?…

    [ ★★ 그누보드 시놀로지 이메일수발신 성공 설정 하기 ) 메일 서버 dsm7.0 설치구성 작업 ] 댓글 5

    ★★ 그누보드 시놀로지 이메일수발신 성공 설정 하기 ) 메일 서버 dsm7.0 설치구성 작업메일서버 지메일 smtp구성 dsm7.0 설치구성 작…

    [ ● 시놀로지 NAS 토렌트 다운로드 방법! 다운로드 스테이션 영화다운 완료후 카톡알림 ]

    ●시놀로지 NAS 토렌트 다운로드 방법! 다운로드 스테이션 영화다운 완료후 카톡알림 설정 작업 입니다.완료후 카카오 이메일 친구 톡비서로 카카오…

    [ 추천● 작업성공[Docker추천-14] GPS위치 추적 traccar서버 사용방법및 ] 댓글 10

    ● 작업)[Docker추천-14] GPS위치 추적traccar서버 사용방법및 트래커 이동경로보고서 마커표시 이동경로 확인하기 무료위치추적. 구글…

    [ ● 시놀로지 포토스테이션 사진 폴더 DSM7 photo에 사진 초기 설정 추가 하기 ]

    ● 시놀로지 포토스테이션 사진 폴더 DSM7 photo에 사진 초기 설정 추가 하기dsm7에서 사진 관리 방법을 정리 합니다 기본 초기 설치후 …

    [ ● 작업준비)Synology에서 기본인증서는 유료,기타 활용 멀티인증서 사용 ]

    ● 작업준비)Synology에서 기본인증서는 유료,기타 활용 멀티인증서 사용https://svrforum.com/nas/372241letsenc…


    ♥간단_메모글♥


    최근글


    새댓글



    PHP 안에 HTML ☞ 홈페이지 화면갱신 시간은 ♨
    ▶ 2024-06-29 12:11:53

    오늘의 홈 현황


    • 현재 접속자♨ 565(1) 명
    • 오늘 가입자※ 2 명
    • 어제 가입자※ 4 명
    • 주간 가입자※ 8 명
    • 오늘 방문자 1,575 명
    • 어제 방문자 2,007 명
    • 최대 방문자 13,042 명
    • 전체 방문자 4,402,737 명
    • 전체 게시물※ 8,663 개
    • 전체 댓글수※ 24,789 개
    • 전체 회원수 11,076 명

    QR코드


    ☞ QR코드 스캔은 kakao앱 자체 QR코드

    알림 0








    최신글↑