묻고답하기
상단 로고부분의 배경색을 바꾸고 싶어요?
2007.12.31 14:39
안녕하세요!
제로보드를 처음 이용해서 홈페이지를 만들고 있습니다.
여러 고수님들이 올려 놓으신 글을 보구 열심히 따라해보구 있는데요
이부분은 어떻게 수정해야 될지 못찻겟네요.
날씨가 많이 춥습니다. 건강 조심 하세요.. 감사합니다.
댓글 9
-
이창훈785
2007.12.31 14:42
-
굿모링
2007.12.31 15:03
빠른 답변 넘감사드립니다.
적용을 시켜 봤습니다. 잘 모르겟는 부분이 있어서 질문 드립니다.
border-top:6px solid #323232; 이부분은 상단 6px (색) - 잘 바꿔었구요
border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; right, left(색) 잘바꿔었구요
background:url(../images/white/bgHeader.png) 이부분이 바꾸니까 메뉴쪽만 바뀝니다.로고들어가는 쪽의 색상을 못 바꾸겟네요 . ... 제가 모르고 있는 부분좀 알켜주세요
감사합니다. -
이창훈785
2007.12.31 15:10
이쪽 헤더부분과 헤더 h1부분 한번 살펴보게 적어주세요. 소스 보기전에 저도 왜 그런지 잘 모르겠네요. 원래 잘 바껴야 하는데.. - -;
-
굿모링
2007.12.31 15:12
#header { position:relative; width:978px; height:150px; border-top:6px solid #754c24; border-left:1px solid #754c24; border-right:1px solid #754c24; background:url(../images/white/bgHeader.png) no-repeat right bottom; margin-bottom:10px; z-index:99;}
#header h1 { position:absolute; top:20px; left:25px;}
^.^ -
이창훈785
2007.12.31 15:18
background:url(../images/white/bgHeader.png) no-repeat right bottom; margin-bottom:10px; z-index:99;}
이부분을
background:#000000 right bottom; margin-bottom:10px; z-index:99;}이라고 한번 해보세요. 그럼 검은색으로 바뀔꺼에요. 만약 png이미지파일을 쓰신다면 냅두시고요.
정정하네요. background:#000000 ; margin-bottom:10px; z-index:99;}이라고 한번 해보세요. 그럼 검은색으로 바뀔꺼에요. 만약 png이미지파일을 쓰신다면 냅두시고요.
순간 margin이랑 헷깔리게 봐서.. ㅡㅡ; 요렇게 해보세요.right bottom;이거 빼시고여 -
굿모링
2007.12.31 15:32
#header { position:relative; width:978px; height:150px; border-top:6px solid #754c24; border-left:1px solid #754c24; border-right:1px solid #754c24; background:#000000; right bottom; margin-bottom:10px; z-index:99;}
#header h1 { position:absolute; top:20px; left:25px;}
검정색으로 잘 바꿔었습니다 .. 그런데 메뉴나오는 곳 같이 같이 바꿔어 버렷네요.
메뉴만 색을 바꾸는곳이 따로 있나요.?
아니면 background:url(../images/white/bgHeader.png) 아까 이부분을 따로 적어 주면 되나요. ?
적어줘야 되다면 어디다 적어 줘야 되는지 부탁드립니다. -
이창훈785
2007.12.31 15:43
따로 적어 주셔도 되구, 칼라값에 한칸띄고 그걸 붙이면 됩니다.
예) background: #000000 url(../images/white/bgHeader.png) no-repeat right bottom 이렇게여
그리고 메뉴부분공간만 따로 배경을 바꾸는곳은
#gnb { position:absolute; top:76px; left:0; height:38px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
#gnb li { list-style:none; float:left; background:url(../images/white/bgGnbVr.gif) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
#gnb li a { display:block; float:left; padding:13px 15px 0 15px; height:25px; color:#727272; white-space:nowrap; text-decoration:none; }
#gnb li a:hover,
#gnb li a:focus { color:#000000;}
#gnb li.on a { font-weight:bold; color:#3f3f3f; background:url(../images/white/bgGnbOn.gif) no-repeat center top;}
이부분입니다. 참고하시고 하시면 될듯 합니다.
아.. 그리고 지금 님이 바꾸신 부분에서
#header { position:relative; width:978px; height:150px; border-top:6px solid #754c24; border-left:1px solid #754c24; border-right:1px solid #754c24; background:#000000; right bottom; margin-bottom:10px; z-index:99;}
#header h1 { position:absolute; top:20px; left:25px;}
배경에 칼라색만 넣을때는 저 빨간부분을 빼주셔야 하네요. 제가 소스를 순간 헷깔리게 봐서 저걸 넣어버렸네요. -
굿모링
2007.12.31 15:58
이창훈785님 그디어 성공 했습니다.
친절한 답변해줘셔서 고맙구 귀하신 시간 내 주셔서 넘 감사드립니다.
새해 복 많이 받으세요!!! ^.^ -
이창훈785
2007.12.31 16:02
성공하셨다니 다행이네요.. 님도 새해복 많이 받으세요~
#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;}
에 해당됩니다. #칼라값을 background:여기에 추가해주면 될듯 하네요.