반응형 GNB 개요

STOVE GNB를 통해, 유저에게 Onstove 가입 동선, 웹페이지 언어 제어 기능, 게임 간 이동동선 등을 제공합니다. 
아래 가이드는 GNB ver. 6.0.48 을 기준으로 작성되었습니다

반응형 GNB 개편 내용

• PC & 테블릿 & 모바일등 플랫폼에 제약이 없이 GNB 구성 할 수 있습니다.
• 기존 GNB에 옵션을 통해 "반응형 GNB" 사용 가능합니다.
• 기존 커스텀 기능은 유지, 모바일 stove로고 사이즈 선택을 옵션으로 제공합니다.

서비스별 커스텀 제공

• 각 서비스별 요구 사항을 충족하기 위한 커스텀 영역을 제공하여,GNB 배포없이 보다 다양한 기능을 사용 할 수 있습니다.
  
  

디자인 스킨 적용

• GNB 테마를 변경하여 서비스에 특화된 디자인을 제공할 수 있습니다.
  
  

영역구분

반응형 GNB 디자인 변경사항

• 기본 디폴트 PC(미 로그인)
  
  
  

• 기본 디폴트 PC(로그인)
  
  
  

• 테블릿 & 모바일(미 로그인 & 디폴트 로고)
  
  
  

• 테블릿 & 모바일(미 로그인 & 디폴트 로고 & 전체메뉴 on)
  
  
  

• 테블릿 & 모바일(로그인 & 디폴트 로고 & 전체메뉴 on)
  
  
  

• 테블릿 & 모바일(미 로그인 & 미니 사이즈 로고)
  
  
  

• 테블릿 & 모바일(미 로그인 & 미니 사이즈 로고 & 전체메뉴 on)
  
  
  

GNB 디자인 & 테마 적용

• gnb-default (기본스킨) : 기본 흰색 바탕
  
  
  

• gnb-dark (다크스킨) : 기본 검은색 바탕
  
  
  

• gnb-dark-mix (다크믹스스킨) : 기본 검은색 바탕에 레이어팝업 기본형태
  
  
  

• gnb-default-mini ( 미니스킨 ) : 기본 흰색 바탕의 작은 형태
  
  
  

• gnb-dark-mini ( 미니다크스킨 ) : 기본 검은색 바탕의 작은 형태
  
  
  

• gnb-dark-mix-mini ( 미니다크믹스스킨 ) : 기본 검은색 바탕에 레이어팝업 기본의 작은 형태
  
  
  
  

• gnb-default-fixed (기본고정스킨) : 기본 흰색 바탕의 상단고정 형태
  
  
  

• gnb-dark-fixed ( 다크고정스킨) : 기본 검은색 바탕의 상단고정 형태