GNB스크립트 방식 변경

*  정확한 해당 경로 (URL 또는 메뉴상 위치 ex : 회사소개 > 기업소개 > 기업소개게시판 )

  - 경로 : http://yong1323.sitecook.kr/

 

* 내용 (변경, 또는 문제가 되는 부분에 대한 설명을 상세하게 문의해주시기 바랍니다. )

  - 내용 : 

 안녕하세요. 항상 친절한 답변 주셔서 문제 해결을 잘 하고 있습니다.

오늘은 상단 GNB메뉴를 첨부파일과 같이 전체메뉴가 보일 수 있는 방식으로

변경이 가능한지 문의드립니다.

 

현재는 메뉴명 마우스 오버시 해당 메뉴만 서브메뉴가 보이는 방식이거든요.

 

가능하다면 어떻게 처리해야 하는지 답변주시면 고맙겠습니다.

 

만약 불가능하다면, 서브메뉴가 가로로 보여지게 하는 방식 말고 아래로 떨어지게 하는 방법은 어떻게 처리하는지도 문의 드립니다.

 

감사합니다.

· 관련키워드

스크립트,첨부파일,sitecook.kr, ,GNB서브모양변경, GNB서브메뉴모양, GNB서브메뉴형태,[RE],GNB서브펼치기, GNB와이드형서브펼치기, GNB-w서브펼치기, 와이드형펼치기, w형펼치기, w펼치기,GNB-w,헤더,

공유하기
매뉴얼요청
첨부파일
확장자는jpg04.jpg
분류
GNB/LNB 메뉴구성
>메뉴구성
등록자

엄덕용

등록일
2015-05-21
버전

[RE] GNB스크립트 방식 변경

[GNB 서브메뉴의 3가지 형태 변경] 메뉴얼입니다.

만약 메뉴얼에 설명이 부족한 부분이 있다면 
번거로우시겠지만 댓글로 추가 질문을 적어주시기를 부탁드릴게요~
관련키워드

GNB서브모양변경, GNB서브메뉴모양, GNB서브메뉴형태

등록자
비오에스
등록일
2015-05-21 17:44
조회
3,716

댓글 3

엄덕용
안녕하세요. 꿀맛같은 연휴 잘 보내셨는지요?
조현정선생님의 추가 답변 감사드립니다.
그런데... 제가 답변주신 http://sitecook.kr/ab-40926-76 페이지로 이동해서 수정했는데
와이드형으로는 변경되는데 풀로 내려와지도록은 되지 않네요--;
wide-parent="content"에서 wide-parent="wrap"으로 변경했는데 말이죠..
그래서 해당 주소와 아이디패스워드를 메일로 보내드리오니... 바쁘시겠지만 확인부탁드립니다.
감사합니다.
2015-05-26 17:15
엄덕용
안녕하세요. 위 답변 잘 보았는데요
변경을 해보니 와이드형태로 하더라도 첨부파일처럼 모니터화면 전체로 보여지지 않고 네비게이션 영역부분만 백그라운드가 덮어 버리는 형태로 출력이 되는데요...
첨부파일처럼 모니터가로영역 풀로 내려와서 보여지게 하는 방법 없을까요?
물론 현재 네비게이션의 알파값도 같은 형식으로 내려오면 더욱 좋구요.

만약 제가 하기 어렵다면 비용을 들여서라도 요청드리고 싶은데... 제작의뢰할 경우 비용도 답변주시면 좋겠습니다.

감사합니다.
2015-05-22 17:32
조현정
GNB서브를 GNB-w(와이드) 형으로 설정하신 경우, 풀로 내려와서 보여지게 하는 속성이 있습니다.
http://sitecook.kr/ab-40926-76 메뉴얼의 하단에 Tip으로 내용을 추가하였으니 확인 부탁드리고요,

배경을 png로 사용하는 방법은 어떤 상품을 설치하셨는지에 따라 방법이 다를 수 있으니
어느 홈페이지에 적용하실 것인지 사이트 주소를 적어서 질문을 다시 한 번 적어주시기 바랍니다.

GNB의 서브모양 부분만 제작대행을 의뢰하실 경우 33,000원입니다.
그 외에 기능적인 요소를 더 요청하신다면 비용이 추가될 수 있습니다.
신청은 http://sitecook.kr/ab-1357 게시판에 완성된 디자인파일을 첨부하셔서 신청해주세요.^^
2015-05-26 10:33

[RE] GNB스크립트 방식 변경

고객님께서 직접 편집화면 보시면서 참고하실 수 있도록 확인하는 과정에서 조금 작업해드렸구요

아래는 작업 과정을 정리한 내용입니다.

 

 

1. GNB 서브형태를 GNB-w (와이드형) 로 변경합니다.

 

 

2. GNB를 감싸는 가장 안쪽 DIV클릭 > 수정 클릭하여 > wide-parent="wrap" 값을 지정하였구요.

 

 

3. id="ABA-gnb" 라는 아이디 지정은 GNB를 감싸는 가장 바깥쪽 행에 들어가있어야해서요,

헤더 편집페이지에서 볼 수 있는 가장 바깥쪽 행박스(검은색테두리)로 id를 옮겼습니다.

 

 

 

 

4. 헤더영역으로부터 서브가 시작되는 높이값도 지정을 해야합니다.

 

 

 

GNB를 감싸는 가장 바깥쪽 행박스 D클릭 > 시작태그 앞에 적혀있는 내용중 > 붉은색 표시한 부분이 높이값입니다.

 

 

 

 

(여기부터는 고객님께서 직접 수정하셔야 하는 내용입니다.)

 

1. 서브 높이값을 조금 더 넓혀주셔야 하는데요,

http://bos.kr/kwa-manual_v-1080 메뉴얼을 통해 방법을 확인하실 수 있습니다.

 

 

 

 

2. 서브메뉴의 왼쪽으로부터의 시작점을 밀어줘야합니다.

 

 

 

GNB를 감싸는 가장 안쪽 D클릭 > DIV속성 입력란에서

sub-l-fit="숫자" 의 값을 왼쪽으로부터 밀고싶은 만큼의 숫자를 넣어주세요.

 

실제화면을 봐가시면서 적당한 값을 넣어주시면 됩니다.

 

 


관련키워드

GNB서브펼치기, GNB와이드형서브펼치기, GNB-w서브펼치기, 와이드형펼치기, w형펼치기, w펼치기

등록자
비오에스
등록일
2015-05-27 09:56
조회
3,666
사용자포럼(Q&A)
번호제목등록자등록일
21795

류숙현

05-28
21670

권근하

05-22
21649

한혜조

05-22
21640

정현환

05-21
21619

엄덕용

05-21
21613

박대경

05-21
21448

권근하

05-14
21368

심재우

05-12
21272

최호용

05-07
21125

김기철

04-29
20859

류숙현

04-17
20824

정민영

04-16
20671

류숙현

04-08
20630

성미정

04-07
20515

최호용

04-01