묻고답하기
홈 상단으로 올리고, 검은 선 삭제하기
2008.11.14 10:18
홈 상단 검은선을 삭제했으면 좋겟다는 생각이 있어 검색하다가 아래와 같은 답이 있어서 작업하다가 발견한 것인데
우연히 발견은 하고 고쳤습니다만 이것이 옳은지는 알 수 없습니다.
어떤 문제가 발생할런지 아니면 이렇게 하면 문제가 있는지 몰라서 질문합니다.
어느분이 한번 검토해 주시면 마음 놓고 사용하겠습니다.
---------------------------------------------------------------------------------------------------------------------------
홈 상단 검은선 삭제하기 (검색결과)
우연히 발견은 하고 고쳤습니다만 이것이 옳은지는 알 수 없습니다.
어떤 문제가 발생할런지 아니면 이렇게 하면 문제가 있는지 몰라서 질문합니다.
어느분이 한번 검토해 주시면 마음 놓고 사용하겠습니다.
---------------------------------------------------------------------------------------------------------------------------
홈 상단 검은선 삭제하기 (검색결과)
![[레벨:2]](http://www.zeroboard.com/zbxe_qna/modules/point/icons/default/2.gif "포인트:415point (51%), 레벨:2/30")
댓글 2
-
(../images/black/bgBody.gif)는 배경이미지입니다. 그 배경이미지는 상단에서 옆으로 복사되는 이미지입니다. 활용하려면 이미지만 바꾸어서 사용할 수 있지요. 이 제로보드 윗부분에 약간 회색으로 나타나는 부분입니다.
상단 틈새를 없애주는 부분은 숫자를 지워주면 별문제없습니다.
물론 검정선 숫자도... -
박노열
2008.11.14 16:41
안녕하세요
마음 놓고 사용할 수 있도록 확인해 주셔서 감사합니다.
배경이미지에 대해 알게 되어 감사드립니다.
행복하세요.
zbxe/layouts/xe_official/css/black.css 파일...
/* Site Layout - Body Wrap */
body { background:#3d3d3d url(../images/black/bgBody.gif) repeat-x; } << 핑크 부분 지우세용
------------------------------------------------ 위는 질문의 답이었습니다 -----------------------------------------------------------
자기 사용하는 것 (white.css를 사용함)
zbxe/layouts/xe_official/css/white.css
어느분이 좀 확인해 주시면 감사하겟습니다. http://www.koabbey.com
1. 바탕화면 최상단으로 올리기 : 아래부분을 찾아서 (13번 줄)
1). 위와 같이 핑크생 부분을 삭제하고 background:#3d3d3d url(../images/black/bgBody.gif) repeat-x;
2). 아래 auto; padding:1.5em 0 0 0;} 중 1.5em 을 -> 0으로 하니 최상단으로 올라가는군요.
/* Site Layout - Body Wrap */
body { background:#3d3d3d url(../images/black/bgBody.gif) repeat-x; <<- 삭제한 부분 } -> body { }
#bodyWrap { position:relative; width:980px; margin:0 auto; padding:1.5em 0 0 0;}
결과적으로 아래와 같이 되었습니다.
/* Site Layout - Body Wrap */
body { }
#bodyWrap { position:relative; width:980px; margin:0 auto; padding:0 0 0 0;}
2. 홈 상단 검은 선 없애기 : 아래 부분을 찾아서 (17줄)
적색부분의 6px -> 0px 로 하니 상단 굵은 검은 선이 없으시는군요
/* Site Layout - Header */
#header { position:relative; width:978px; height:114px; border-top:6px solid #323232; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:url(../images/white/bgHeader.png) no-repeat right bottom; margin-bottom:10px; z-index:99;}
위와 같이 하여 보기는 좋아졌는데 혹시 문제는 없을런지?
------------------------------------------ 아래와 같이 하니 보기 좋습니다. 혹 참고하세요 www.koabbey.com ----------------------------
13 /* Site Layout - Body Wrap */
14 body {}
15 #bodyWrap { position:relative; width:980px; margin:0 auto; padding:0.5em 0 0 0;}
16
17 /* Site Layout - Header */
18 #header { position:relative; width:978px; height:114px; border-top:1px solid #323232; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:url(../images/white/bgHeader.png) no-repeat right bottom; margin-bottom:10px; z-index:99;}
19 #header h1 { position:absolute; top:26px; left:25px;}