묻고답하기
레이아웃 편집에 관한 질문 드려요!!!
2007.11.15 17:54
위 스크린샷을 참고해주세요.
voesy 님의 레이아웃 스킨을 제 입맛대로 수정하려고 하는데요.
voesy님의 본래 스킨에서
메뉴부분을 조금 아래쪽으로 내리고..
메뉴가 아래로 내려가면 생기는 상단의 공백에 제가 몇가지 타이핑해서 어떤 메뉴를 만드려고 합니다.
그런데...
도대체 모르겠더군요..
제 능력을 넘어선듯 합니다 -ㅅ-;;;
그래서 이렇게 도움을 구합니다....;
어떻게 해야하는지요???
그리고 css파일 수정하는게 맞는지요?
꼭 답변 주세요.
..나모로 보면서 수정하는 방법은 없을지요..;;
댓글 7
-
소마세월
2007.11.15 19:42
-
이희태242
2007.11.15 20:53
답변 감사합니다^^;
답변중에 '클레스명'이라는것이 무엇인지 알수 있을지요? -
우갱™
2007.11.15 21:19
클래스명이란 div의 이름을 말하는거에요.
-
이희태242
2007.11.15 21:26
클래스명은 제가 임의로 지정하는게 맞는지요?
아 그리구 제가
top부분을 조정해서
요렇게 메뉴를 밑으로 조금내렸습니다만..
그래서 생긴 하얀 공백부분에
말씀해주신
<div class='클레스명'>쓸글..</div>
를 이용하여도 글은 나타나질 않네요..
아 또 <div class='클레스명'>쓸글..</div> 요걸 css파일상 어디에 넣어야 저위치에 나타날지도 모르겠습니다.;;
질문이 참 ...그렇죠..
그렇지만 제겐 매우 어려운 문제이고 고비입니다.
답변부탁드리겠습니다 .ㅠㅠ -
이희태242
2007.11.15 21:28
/* topmenu(상단메뉴) CSS 설정 */
#topmenu { background: #f4f4f4; }
#topmenu .menubg { position:relative; width: 980px; height:200px; background: #fff; margin: 0 auto; padding: 10px 10px 0px 10px; border-top:1px #e0e0e0 solid; border-bottom:0px #e0e0e0 solid; border-left:1px #e0e0e0 solid; border-right:1px #e0e0e0 solid; }
#topmenu .toplogo { float:left; width: 280px; height:70px; }#gnb { position:absolute; top:50px; left:290px; height:70px; width:700px; overflow:hidden; white-space:nowrap; margin-bottom:0px;}
#gnb li { list-style:none; float:left; padding-left:0px; position:relative; left:0px; background: url(../images/01/mainmenubg.gif); white-space:nowrap;}
#gnb li a { float:left; width:100px; text-align:center; font-weight:bold; display:block; padding:27px 0px 0 0px; height:70px; color:#FFFFFF; white-space:nowrap; text-decoration:none; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; font-size: 1.2em;}
#gnb li a:hover,
#gnb li a:focus { color:#ffcc00;}
#gnb li.on a { width:100px; background: url(../images/01/mainmenu_select.gif); text-align:center; font-weight:bold; color:#000000; }/* top(상단) CSS 설정 */
#top { background: #f4f4f4; }
#top .mainlogo { position:relative; background: #fff; width: 980px; height: 100px; margin: 0 auto; padding: 10px 10px 10px 10px; text-align: center; color: #FFF; border-top:0px #e0e0e0 solid; border-bottom:0px #e0e0e0 solid; border-left:1px #e0e0e0 solid; border-right:1px #e0e0e0 solid; z-index:99;}
css 소스첨부합니다. -
이걸 어떻게 해드려야 하나 좀 난감하네요..
일단 저도 초보라 제가 생각하는 방법은...
먼저 로고이미지와 로고 부분 css설정을 원하는 크기로 늘리시는게 나을듯 합니다.
그리고 기본 탑메뉴 부분을 아래로 내리고 div를 하나더 만들어 탑메뉴 위에 오게 만들면 될듯합니다.
따라서 단순히 css만 수정하면 되는게 아니라 레이아웃의 구조도 아주 약간은 수정을 하셔야 할듯하네요.. ㅡ.ㅡ;;
제로보드 tip을 보시면서 css에 대해 조금이나마 익히신 후에 도전해보시는게 나을듯 합니다.
제가 소스까지 수정해 드리는건 조금 곤란할것 같습니다.(지금 만들고 있는 홈페이지가 있는지라 ;;;) -
이희태242
2007.11.15 22:00
답변감사합니다.
쪽지보셨나 보네요^^;;;
아이고 앞으로 막막합니다,
계속 해봐야죠 뭐-ㅅ-;;
현재 레이아웃이 기본 레이아웃을 바탕으로 제작되어있다면
css 폴더에 default.css 파일중
#gnb {
라는 부분이 있습니다.
이곳의 left, top 속성을 조절 하시면 됩니다.
그리고 글을 추가하는 것도
<div class='클레스명'>쓸글..</div>
이런식으로 추가하셔서
css에 추가해 주시면 되는겁니다.