diff --git a/src/main/webapp/WEB-INF/jsp/web/addr/AddrMobGuide.jsp b/src/main/webapp/WEB-INF/jsp/web/addr/AddrMobGuide.jsp index 3a7386ab..b0b9bb5a 100644 --- a/src/main/webapp/WEB-INF/jsp/web/addr/AddrMobGuide.jsp +++ b/src/main/webapp/WEB-INF/jsp/web/addr/AddrMobGuide.jsp @@ -26,7 +26,7 @@ function moveTab(type){ @@ -98,7 +98,8 @@ function moveTab(type){ -
+ +
-
-
    -
  • -

    01

    -

    휴대폰 연락처 앱 선택

    - -
  • -
  • -

    02

    -

    왼쪽 메뉴 클릭 후
    연락처 관리 선택

    - -
  • -
  • -

    03

    -

    연락처 관리에서 연락처
    가져오기/내보내기 선택

    - -
  • -
  • -

    04

    -

    연락처 내보내기 선택

    - -
  • -
  • -

    05

    -

    내장메모리 선택 후
    핸드폰과 PC 연결

    - -
  • -
  • -

    06

    -

    내 PC에서
    본인 핸드폰 기종 선택

    - -
  • -
  • -

    07

    -

    연락처(VCF) 파일 선택 후
    PC 복사(Ctrl+C/Ctrl+V),
    드래그앤드롭)

    - -
  • -
-
- - -
-
+ +
+
    +
  • +

    01

    +

    휴대폰 연락처 앱 선택

    + +
  • +
  • +

    02

    +

    왼쪽 메뉴 클릭 후
    연락처 관리 선택

    + +
  • +
  • +

    03

    +

    연락처 관리에서 연락처
    가져오기/내보내기 선택

    + +
  • +
  • +

    04

    +

    연락처 내보내기 선택

    + +
  • +
  • +

    05

    +

    내장메모리 선택 후
    핸드폰과 PC 연결

    + +
  • +
  • +

    06

    +

    내 PC에서
    본인 핸드폰 기종 선택

    + +
  • +
  • +

    07

    +

    연락처(VCF) 파일 선택 후
    PC 복사(Ctrl+C/Ctrl+V),
    드래그앤드롭)

    + +
  • +
+
+ + +
+
+
+
    +
  • +

    01

    +

    + iCloud.com 접속 후
    Apple 계정으로 로그인 +

    + +
  • +
  • +

    02

    +

    ‘연락처’ 앱 선택 및 실행

    + +
  • +
  • +

    03

    +

    모든 연락처 선택

    + +
  • +
  • +

    04

    +

    vCard 내보내기

    + +
  • +
  • +

    05

    +

    다운로드 폴더
    iCloud vCards 파일로 저장

    + +
  • +
  • +

    06

    +

    연락처(vCards)파일 선택 후
    + PC 바탕화면
    + 복사/붙여넣기(Ctrl+C/Ctrl+V)

    + +
  • +
+
+ + +
+
diff --git a/src/main/webapp/publish/adrbook4.html b/src/main/webapp/publish/adrbook4.html index 5a21a4ce..e1242c5b 100644 --- a/src/main/webapp/publish/adrbook4.html +++ b/src/main/webapp/publish/adrbook4.html @@ -10,22 +10,24 @@ + - - + + - + +
@@ -36,14 +38,9 @@
- - + + +

폰주소록 등록

@@ -53,167 +50,223 @@
  • -
+ +
+ + + -
+
  • 01

    구글 플레이 스토어 · 애플 앱스토어에서 네이버 앱 다운

    - +
  • 02

    왼쪽 상단 메뉴 선택

    - +
  • 03

    -

    하단 스크롤 후
    [내도구] → 주소록 선택

    - +

    하단 스크롤 후
    [내도구] → 주소록 선택

    +
  • 04

    오른쪽 상단 메뉴 선택

    - +
  • 05

    폰 연락처 업로드 선택

    - +
  • 06

    새로고침 선택

    - +
  • 07

    연락처 접근 허용 선택

    - +
  • 08

    폰 연락처 업로드 완료

    - +
  • 09

    PC에서 네이버 메일 접속 후 상단 주소록 아이콘 선택

    - +
  • 10

    연락처 저장 · 내보내기 선택 후 파일 형식(CSV 또는 XLSX), 항목, 대상 선택 후 파일로 저장하기 클릭

    - +
- - + +
-
- +
+ + -
+ +
  • 01

    -

    애플 앱스토어에서
    네이버 주소록 앱 다운

    - +

    애플 앱스토어에서
    네이버 주소록 앱 다운

    +
  • 02

    -

    네이버 주소록 앱 실행 후
    주소록 접근 권한 승인 선택

    - +

    네이버 주소록 앱 실행 후
    주소록 접근 권한 승인 선택

    +
  • 03

    -

    원하는 모드를 선택
    +

    원하는 모드를 선택
    주소록 앱 시작하기 선택

    - +
  • 04

    -

    내보내기 완료 후
    반드시 확인 버튼 선택

    - +

    내보내기 완료 후
    반드시 확인 버튼 선택

    +
  • 05

    -

    PC에서 네이버 주소록 접속 후
    연락처 저장·내보내기 선택

    - +

    PC에서 네이버 주소록 접속 후
    연락처 저장·내보내기 선택

    +
  • 06

    파일 형식(CSV 또는 XLSX), 항목, 대상선택 후파일로 저장하기 선택

    - +
- - + +
- -
-
-
+
    +
  • +
  • +
+
  • 01

    휴대폰 연락처 앱 선택

    - +
  • 02

    -

    왼쪽 메뉴 클릭 후
    연락처 관리 선택

    - +

    왼쪽 메뉴 클릭 후
    연락처 관리 선택

    +
  • 03

    -

    연락처 관리에서 연락처
    가져오기/내보내기 선택

    - +

    연락처 관리에서 연락처
    가져오기/내보내기 선택

    +
  • 04

    연락처 내보내기 선택

    - +
  • 05

    -

    내장메모리 선택 후
    핸드폰과 PC 연결

    - +

    내장메모리 선택 후
    핸드폰과 PC 연결

    +
  • 06

    -

    내 PC에서
    본인 핸드폰 기종 선택

    - +

    내 PC에서
    본인 핸드폰 기종 선택

    +
  • 07

    -

    연락처(VCF) 파일 선택 후
    PC 복사(Ctrl+C/Ctrl+V),
    드래그앤드롭)

    - +

    연락처(VCF) 파일 선택 후
    PC 복사(Ctrl+C/Ctrl+V),
    드래그앤드롭)

    +
- - + +
-
- - -
-
+
+
    +
  • +

    01

    +

    + iCloud.com 접속 후
    Apple 계정으로 로그인 +

    + +
  • +
  • +

    02

    +

    ‘연락처’ 앱 선택 및 실행

    + +
  • +
  • +

    03

    +

    모든 연락처 선택

    + +
  • +
  • +

    04

    +

    vCard 내보내기

    + +
  • +
  • +

    05

    +

    다운로드 폴더
    iCloud vCards 파일로 저장

    + +
  • +
  • +

    06

    +

    연락처(vCards)파일 선택 후
    + PC 바탕화면
    + 복사/붙여넣기(Ctrl+C/Ctrl+V)

    + +
  • +
+
+ + +
+
+
+ +
+ + + - + + -
- - +
+ + + + \ No newline at end of file diff --git a/src/main/webapp/publish/css/adrbook.css b/src/main/webapp/publish/css/adrbook.css index ee0b6e59..8f00f18d 100644 --- a/src/main/webapp/publish/css/adrbook.css +++ b/src/main/webapp/publish/css/adrbook.css @@ -180,12 +180,24 @@ button.group_move i {background-image: url(/publish/images/content/adress_inters .add_and .number {position:absolute;top:-25px;left:50%;transform:translate(-50%, 0);background:url('/publish/images/content/btn_addBg.png') no-repeat 0 0;width:61px;height:61px;background-size: 100%;color:#fff;font-size:16px;text-align: center;line-height:60px;letter-spacing: 0;} .addWrap.iphone .add_and li:last-child {width: calc(72.5%);margin-right: 0 !important;padding-bottom: 20px;} .addWrap.vcf {margin-top:40px;} +.addWrap.galaxy {margin-top:40px;} +.addWrap.iphone.vCard{display:none;} .addWrap .btnWrap {text-align:center;margin: 20px 0;} .addWrap .btnWrap button {width:220px;height:60px;font-size:20px;border-radius: 5px;transition: 0.3s ease;} .addWrap .btnWrap button:hover {box-shadow:0px 0px 5px 4px rgb(0 44 154 / 15%);transition: 0.3s ease;} .addWrap .btnWrap button:nth-child(1) {background-color:#002c9a;color:#fff;margin-right:5px;} .addWrap .btnWrap button:nth-child(2) {background-color:#fff;color:#002c9a;border:1px solid #002c9a;} + +.addWrap.iphone.vCard li{position:relative;width:calc((100%/4) - 32px);height:480px;} +.addWrap.iphone.vCard li:nth-child(n+4){height:440px;} +.addWrap.iphone.vCard img{position:absolute;width:100%;bottom:0;left:0;} +.addWrap.iphone.vCard li:nth-child(2){width:47%;} +.addWrap.iphone.vCard li:nth-child(3)::after{display:none;} +.addWrap.iphone.vCard li:nth-child(4){margin:25px 32px 25px 0;} +.addWrap.iphone.vCard .add_and li:nth-child(4)::after{display:block;background: url(/publish/images/content/icon_arrR.png) no-repeat 0 0;} +.addWrap.iphone.vCard .add_and li:last-child{width:calc((100%/4) - 32px);} + /* 주소록 등록_수정 */ .eleType_cont.current.address{margin:40px 0 0 0;} .addWrap.android .add_and .nine {width:calc(100%);} @@ -226,6 +238,16 @@ button.group_move i {background-image: url(/publish/images/content/adress_inters .search_group_bottom2 .btnWrap2::after {display:none;} .search_group_bottom2 .btnWrap2::before {display:none;} .search_group_bottom2 .btnWrap2 .selType2 {width:125px;} + + /* 폰주소록 등록 */ + .addWrap.iphone.vCard li{width:calc((100%/3) - 32px);height:550px} + .addWrap.iphone.vCard li:nth-child(n+4){height:550px;} + .addWrap.iphone.vCard li:nth-child(2){width:63%;} + .addWrap.iphone.vCard li:nth-child(2)::after,.addWrap.iphone.vCard li:nth-child(5)::after{display:none;} + .addWrap.iphone.vCard li:nth-child(3)::after{display:block;} + .addWrap.iphone.vCard li:nth-child(4){margin:25px 32px 25px 0;} + .addWrap.iphone.vCard .add_and li:nth-child(4)::after{display:block;background: url(/publish/images/content/icon_arrR.png) no-repeat 0 0;} + .addWrap.iphone.vCard .add_and li:last-child{width:calc((100%/3) - 32px);} } diff --git a/src/main/webapp/publish/images/content/add_vCard_iphone_img01.png b/src/main/webapp/publish/images/content/add_vCard_iphone_img01.png new file mode 100644 index 00000000..b567a184 Binary files /dev/null and b/src/main/webapp/publish/images/content/add_vCard_iphone_img01.png differ diff --git a/src/main/webapp/publish/images/content/add_vCard_iphone_img02.png b/src/main/webapp/publish/images/content/add_vCard_iphone_img02.png new file mode 100644 index 00000000..cac6eb44 Binary files /dev/null and b/src/main/webapp/publish/images/content/add_vCard_iphone_img02.png differ diff --git a/src/main/webapp/publish/images/content/add_vCard_iphone_img03.png b/src/main/webapp/publish/images/content/add_vCard_iphone_img03.png new file mode 100644 index 00000000..adcf6aea Binary files /dev/null and b/src/main/webapp/publish/images/content/add_vCard_iphone_img03.png differ diff --git a/src/main/webapp/publish/images/content/add_vCard_iphone_img04.png b/src/main/webapp/publish/images/content/add_vCard_iphone_img04.png new file mode 100644 index 00000000..56f0d31f Binary files /dev/null and b/src/main/webapp/publish/images/content/add_vCard_iphone_img04.png differ diff --git a/src/main/webapp/publish/images/content/add_vCard_iphone_img05.png b/src/main/webapp/publish/images/content/add_vCard_iphone_img05.png new file mode 100644 index 00000000..9721c4bf Binary files /dev/null and b/src/main/webapp/publish/images/content/add_vCard_iphone_img05.png differ diff --git a/src/main/webapp/publish/images/content/add_vCard_iphone_img06.png b/src/main/webapp/publish/images/content/add_vCard_iphone_img06.png new file mode 100644 index 00000000..e8fcc903 Binary files /dev/null and b/src/main/webapp/publish/images/content/add_vCard_iphone_img06.png differ diff --git a/src/main/webapp/publish/js/content.js b/src/main/webapp/publish/js/content.js index 80d64c5c..32caee11 100644 --- a/src/main/webapp/publish/js/content.js +++ b/src/main/webapp/publish/js/content.js @@ -825,7 +825,7 @@ function TabType5(obj, tabId) { function TabType6(obj, tabId) { var $tab = $(obj).closest("li"); var $tabPrev = $(obj).closest("li").prev("li"); - $tab.addClass("active"); + $tab.addClass("active").find("button").removeAttr("style"); $tab.find("button").attr("title", "선택됨"); $tab.siblings("li.tab").removeClass("active"); $tab.siblings("li.tab").find("button").removeAttr("title");