페이지 내 썸네일 이미지 마우스 오버시 살짝 확대 되는것은 어떻게 작업하나요?

안녕하세요. 우선 솔루션 설치 전에 2가지 질문드려봅니다.
interior04 를 설치할예정입니다.
그런데 다른 솔루션에 적용되어있는 기능을 몇가지 반영하려고 합니다

1) GNB메뉴 디자인 색상을 education11 디자인으로 꾸미려고 합니다.

 

- 뒷배경 검정 아미로 깔고 와이드로, 메뉴 폰트는 두껍게
- 로고 / GNB메뉴 상하로 구분해서 배치 (인테리어04는 로고와 BNB가 한줄로되어있음)



2) interior04 이미지에 마우스오버를 하면 이미지가 약간확대되는 느낌이 들도록 하려고 함.
그런데 interior04 썸네일 이미지를 보면 중간에 클립모양의 아이콘이 함께 생성이 되네요.
shopping16 썸네일 이미지처럼 보여지면 됩니다.
 

3) interior04 서브레이아웃에 LNB 메뉴가 가운데 상단 정렬로 되어있는데

education11 처럼 LNB메뉴를 좌측에 배너처럼 큼직하게 배치하려고 하는데 어떤 LNB메뉴가 좋을까요?

복잡하다면 education11 을 설치하여 이미지 썸네일 롤오버(확대) 기능만 넣어서 사용하면 좋은데
education11 솔루션이 유료디자인이라서 아쉽네요. 컨셉 디자인은 바꿀꺼라 현 유료디자인은 없어도 되는데 말이죠. ㅠㅠ

4)끝으로 쇼핑몰 솔루션을 설치하는데 쇼핑몰 기능은 필요없고 디자인과 게시판 기능만 써서 사용할수는 없는건가요?
쇼핑몰솔루션 설치하면 쇼핑몰 월 사용요금이 자동 결제가 되는지 궁금합니다.

바쁘신 업무에 항상 빠르고 명쾌한 답변 감사드립니다.
오늘 하루도 수고하세요.

· 관련키워드

 ,관리자,https,[RE],kwa-,LNB메뉴,홈페이지

공유하기
매뉴얼요청
분류
콘텐츠/항목
>이미지
등록자

김상운

등록일
2023-11-28
버전

[RE] 페이지 내 썸네일 이미지 마우스 오버시 살짝 확대 되는것은 어떻게 작업하나요?

안녕하세요. 비오에스입니다.


1.GNB 메뉴 디자인을 education11 디자인처럼 변경

기존에 배치되어있던 구조를 education11 헤더와 동일한 구조로 변경을 진행하시고, 

상세한 style 변경은 GNB/LNB 디자인 상세 수정 방법에 대한 매뉴얼을 첨부해 드리오니 참고하여 작업을 진행해보시기 바랍니다.

GNB/LNB 디자인 상세 수정 방법 : https://bos.kr/kwa-manual_v-1749



2. 이미지 확대 효과

별도의 오버레이 효과 없이 이미지 확대만 원하신다면, 구조 변경 없이 css만으로도 효과를 연출하실 수 있습니다.

transform: scale(); 이라는 css 속성 값을 이용하시면 되고, 

자세한 사용 방법은 포털사이트에 검색 또는 챗GPT를 이용해보시기 바랍니다.



3. LNB 노출 형태는 세로형LNB와 탭형LNB로 선택하여 사용하실 수 있습니다.

education11 = 세로형LNB / interior04 = 탭형LNB

관리자 홈 > 설정변경 > 디자인설정 > LNB형태를 선택해주시고,

세로형LNB를 사용하고자 하실 경우, LNB테마 또한 LNB형태에 맞는 01~03번 테마(세로형LNB일 때, 사용)로 변경해주셔야 합니다.



4. 쇼핑몰 솔루션을 설치하여 일반홈페이지처럼 운영하실 수 있습니다.

하지만 쇼핑몰 솔루션의 경우, 기본적으로 제공하는 쇼핑몰 기능에 대한 사용료가 월 약 3,000원씩 과금이 되는 점 참고해주시기 바랍니다.



매뉴얼을 참고하여 작업을 진행해보시고, 작업에 어려움이 있으실 경우 

작업의뢰 게시판으로 문의 주시면 BOS 전문가를 통해 유상으로 작업을 도와드리도록 하겠습니다. 

작업의뢰 : https://bos.kr/kwa-expert


추가 문의 사항이 있으실 경우, 아래 댓글로 남겨주시면 답변을 통해 도움을 드리도록 하겠습니다.


감사합니다.

등록자
비오에스
등록일
2023-11-29 10:37
조회
105
분류
기능문의
사용자포럼(Q&A)
번호제목등록자등록일
46093

정재웅

12-29
46090

김관엽

12-28
46089

홍성수

12-28
46086

유문진

12-26
46085

이소의

12-26
46083

김상운

12-23
46081

최재광

12-22
46078

이병묵

12-20
46077

노상훈

12-20
46074

장재호

12-18
46073

유문진

12-18
46071

김찬희

12-16
46069

김찬희

12-15
46066

김찬희

12-15
46065

김현우

12-14