묻고답하기
레이아웃 편집에 관한 질문 드려요!!!
2007.11.15 17:54
![](http://www.zeroboard.com/files/attach/images/122/16001416/layout.gif)
![](http://www.zeroboard.com/files/attach/images/122/16001416/home.jpg)
위 스크린샷을 참고해주세요.
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
답변감사합니다.
쪽지보셨나 보네요^^;;;
아이고 앞으로 막막합니다,
계속 해봐야죠 뭐-ㅅ-;;
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
이규암 | 위젯 rss 리더기요;; | |
이희태242 | 레이아웃 편집에 관한 질문 드려요!!! [7] | 2007.11.15 by 이희태242 |
은진아빠 | 레이아웃 스킨에서 옵션에 따라 다른 파일을 읽어오게 하려는데.. | |
kanasii | xe에서 환율이나 날씨정보 출력하기... 질문 입니다. ^^: | |
까 망 | 사이트 접속시 제로보드xe로.. [4] | 2007.11.16 by 까 망 |
황정례 | [HTML] 아이프레임스크롤문제 [2] | 2007.11.16 by 황정례 |
김경해 | 뉴스티커 만들기 | |
무비클립 | 게시판 전체 사이즈 줄이는 방법좀 알려주세요 [2] | 2007.11.16 by 지나가다 |
새벽잠 | 왕초보가 선배님들에 도움을 기다립니다!!!! | |
뮤랜 | 플래쉬UI getURL삽입문제.. [1] | 2007.11.16 by williams |
mino | 플래시 사이트에서 팝업창 만드는법 [1] | 2007.11.16 by williams |
주인규 |
첨부 이미지파일의 이름이 깨집니다.
[1]
![]() | 2007.11.16 by 조창훈381 |
타락사 | 외부페이지 삭제는 안되나요 [1] | 2007.11.16 by 우갱™ |
test맨 | 레이아웃은 어디에 저장 되나요 [2] | 2007.11.16 by test맨 |
안치홍320 | 최근게시물과 최근이미지의 제목을 이미지로 바꿀수는 없나요? [1] | 2007.11.16 by 소마세월 |
smico | 영문버전과 한글버전을 각각 별도로 동시에 동일한 서버하에서 별도로 운영할수 없습니까? [7] | 2007.11.16 by 백성찬 |
날아다니는 다리미 | 닉네임 길이를 줄이고 싶습니다. | |
scooby | 파일첨부가 안되요..... 도와주세요!!! [2] | 2007.11.16 by 나무그림자 |
lipome | 검색하면 나타나게하는 방법좀 부탁드림니다 [1] | 2007.11.16 by 허브향기1 |
준혁 |
편법이라도 좀 알려주세요..
[2]
![]() | 2007.11.16 by 준혁 |
현재 레이아웃이 기본 레이아웃을 바탕으로 제작되어있다면
css 폴더에 default.css 파일중
#gnb {
라는 부분이 있습니다.
이곳의 left, top 속성을 조절 하시면 됩니다.
그리고 글을 추가하는 것도
<div class='클레스명'>쓸글..</div>
이런식으로 추가하셔서
css에 추가해 주시면 되는겁니다.