그누보드 5.3 버전 기본 메뉴 중앙 정렬하기 > 그누보드팁

본문 바로가기
전체검색

그누스킨닷컴

그누보드팁

그누보드 영카트 초보 사용자를 위한 기본 매뉴얼, 스킨 제작 기초강좌를 공유합니다.

그누보드 5.3 버전 기본 메뉴 중앙 정렬하기

페이지 정보

작성자 관리자 작성일18-08-02 09:36 조회454회

본문

그누보드 5.3버전 기본 메뉴는 좌측 정렬인데 중앙 정렬로 변경하는 방법입니다.

07873020e1523563deaa821e368e9b53_1533169855_7887.png

그누보드를 처음 설치해서 메뉴를 생성하면 이렇게 왼쪽으로 정렬되어 있죠.

수정 파일 css/default.css
테마 사용 중이면 theme/basic/css/default.css


아래 코드를 찾은 후 text-align:center 추가.
#gnb .gnb_wrap{margin:0 auto;position:relative;text-align:center}

#gnb .gnb_1dli{float:left;line-height:50px;padding:0 15px;position:relative;}
여기를 이렇게 변경.
#gnb .gnb_1dli{display:inline-block;line-height:50px;padding:0 15px;position:relative;}

07873020e1523563deaa821e368e9b53_1533169969_6715.png

가운데 정렬은 되지만 왼쪽 전체 메뉴 펼치기 아이콘 위치가 애매하네요.
이대로 쓰실 분들은 그대로 사용하시면 되고 저 아이콘만 별도로 왼쪽에 고정시키는 방법입니다.

아래 코드를 찾은 후 position:absolute;left:0 추가
#gnb .gnb_mnal{padding:0;position:absolute;left:0}

07873020e1523563deaa821e368e9b53_1533170126_5568.png

수정 후 화면입니다. 왼쪽에 고정되었네요.

커뮤니티는 당분간 중단하겠습니다.
그누보드팁 목록
번호 제목
공지 그누보드 팁 자료실 공지사항
137 그누보드 설치 에러 Connect Error: Access denied for user
136 그누보드 전체 파일에서 특정 글자나 함수 일괄 찾기 - 에디트플러스 사용
135 게시판 사이드뷰 체크시 회원 아이콘만 출력하고 링크는 금지
134 게시판에 글을 올릴 때 회원도 자동등록방지 캡챠(kcaptcha)코드 적용하기
133 환경 설정에 있는 그누보드 설정 여분 필드 사용 방법
132 카페24 웹호스팅 phpMyAdmin 직접 설치하기
131 관리자 아이디가 사라졌을 때 특정 회원을 관리자로 지정하기
130 사이트 로그인이 안 될 때 기본적으로 체크해야 할 사항
129 파일을 수정했는데 상단에 알 수 없는 여백이 생겨요.
128 통합 검색에서 전체 게시판이 아닌 특정 게시판을 지정해서 검색
127 관리자 페이지에서 출력 순서대로 게시판 목록 정렬
126 관리자 페이지 회원 목록에서 회원 정보 일괄 수정하기
125 포인트 내역 전체 초기화 모든 회원 포인트를 0으로 변경
124 게시판 페이지 타이틀 수정 방법
123 메일 발송 기능 사용 시 네이버 스팸메일함으로 분류되는 원인
122 게시판 글 등록 시 메일 발송 비회원은 발송되지 않을 때 해결 방법
121 전체 최신글에서 특정 게시판 출력 제외하기
120 메뉴 설정에서 메뉴코드 me_code 출력하기
119 특정 메뉴 색상을 다르게 설정하기
118 어느 검색 사이트에서 링크 타고 왔는지 확인하는 방법
117 에디터 입력화면 세로 높이 수정 smarteditor2, ckeditor4, cheditor5
116 오토셋(Autoset) 사용방법6 - 가상 호스트 설정 댓글2
115 네이버 소셜로그인 네아로 검수요청 신청서 작성 방법
114 파일 업로드시 파일명 변경 없이 원본 그대로 업로드
게시물 검색


그누스터디는 그누보드, 영카트 초보 사용자를 위한 정보를 공유합니다.

Copyright © GNUSTUDY. All rights reserved.
상단으로