웹마스터 팁

저는 해당 문제를 다음과 같은 방법으로 수정했습니다.

 

https://www.xpressengine.com/qna/23017234

 

https://www.xpressengine.com/qna/22815480 <- 스크린샷 참조

 

 

스크린샷 참조 게시물에 보면 close 나 모두 삭제시 navbar 상단이 빈공간으로 남게 됩니다.

 

알림센터에서는 navbar가 있으면

 

/modules/ncenterlite/skins/default/ncenterlite.css 에서

 

#nc_container ~ .navbar.navbar-fixed-top {
    top:28px;
}

 

이코드를 이용해서 여백을 주어서 공간을 만들고 있었는데요 이를 지우시거나 주석처리 해버립니다.

 

그 파일에서 맨위에 있는 #nc_container 에서 top:0; 이라고 되어있을텐데

 

이것을 상단바 크기만큼 측정해서 적어줍니다. 단위는 px로 적으세요

 

상단바의 크기는 요소 보기로 보시면 쉽게 알수 있습니다. 정확하게 알기 어렵다면 노가다 .....

 

↓ 공홈을 예시로 들면 ↓

 

60.png

 

60px 이니 top:60px; 로 교체하시면 됩니다. (참조 : 제 사이트의 적용된 simplestraps는 51px라 해당 크기로 적용했습니다)

 

 

사진.PNG

 

다 적용 하고 나면 다음과 같은 화면이 되며 알림센터바가 아래에 있기 때문에 해당 현상을 해결할수 있습니다.

 

반응형 레이아웃의 경우 모바일에서는 크기가 혹시라도 다르다면... @media를 통해 해결하리고 생각합니다.

 

또한 하나더 말씀드리자면 메뉴를 클릭 or 마우스 오버 했을때 메뉴에 의해 가려지기 위해서 적절한 z-index 값을 설정하셔야

 

제대로 이용하실수있을겁니다. (z-index 값은 알림센터 설정에서 변경이 가능)

 

 

태그 연관 글
  1. [2015/06/11] 묻고답하기 알림센터에서 심플스트랩 쓸때... by 불금 *3
제목 글쓴이 날짜
xe core 설치 화면 오류 있습니다. 이렇게 바꿔주세요. [2] 한꼬마 2015.02.18
데이타 이전 시 xml 파일 임포트 속도 높이기 ^^ forest535 2015.02.17
snoop가 안될때 curl 로 가져오기 [3] 한꼬마 2015.02.13
300기가 Zboard4->XE 이전기 [14] file forest535 2015.02.13
카카오 API로 로그인창 만들어 봤어요~~ ^^ [6] file 컴박살 2015.02.12
회원가입후 24시간 이후 글작성 가능하기 [2] 샵사이드 2015.02.09
누리고 쇼핑몰 - 배송비가 표시 안되는 경우에 [7] garnecia 2015.01.31
템플릿등에서 PHP 제어 구조(if, for, foreach)의 대체 문법 적용 [3] 총모아 2015.01.30
xe 폰갭 제작시 admob 광고 글쓰기 방해 하지 않으려면 한꼬마 2015.01.26
부트스트랩 관련 버튼안에 체크박스 돼지코구뇽 2015.01.25
DB LOCK으로 인한 사이트 마비와 사례, 조치 [2] onTrust 2015.01.24
게시판에서 태그 기준으로 검색하면 임시저장글들도 노출되는 버그 수정 sejin7940 2015.01.23
사용자정의 중 전화번호 형식을 쓰는경우 - 사이에 한칸씩 여백이 생기는 걸 없애는방법 [1] sejin7940 2015.01.23
사용자 매뉴에 회원정보와 포인트설정 바로가기 기능 삽입 [1] file 간장게장같은남자 2015.01.23
익명게시판에서 임시저장된 글을 불러와 등록하면 익명처리되지 않고 글쓴이 정보가 기록되는 버그 수정 [1] sejin7940 2015.01.23
누리고 쇼핑몰 상품취소 혹은 반품시 마일리지 자동회복하기 [6] garnecia 2015.01.21
kin 모듈 게시물 -> board로 게시물 옮기기 편법 file 꾸링 2015.01.20
사이트 종합해서 접속자 아이피 검색 file StyleRoot 2015.01.19
웹서버 php에서 한글언어 깨지거나 오류날때 방법@ 뭘봐첨봐 2015.01.19
포인트 부족 시 글 열람 금지 설정해도, 글을 볼 수 있는 버그 수정 [1] sejin7940 2015.01.18