묻고답하기
레이아웃 편집에 관한 질문 드려요!!!
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
답변감사합니다.
쪽지보셨나 보네요^^;;;
아이고 앞으로 막막합니다,
계속 해봐야죠 뭐-ㅅ-;;
| 글쓴이 | 제목 | 최종 글 |
|---|---|---|
| XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
| 이균우 | [웹디자인]포토샵 질문인데요.. 글자 크기.. [4] | 2010.01.05 by lembert |
| 걜지군 | 이거해결해주세요 [1] | 2010.01.05 by 백성찬 |
| 걜지군 | 저기메인이안떠요 [1] | 2010.01.05 by 백성찬 |
| Ju-rie | 회원 로그인 화면에서 확장변수가 제대로 안나와요 | |
| 장단엽 |
헤더부분에 이미지 넣는거좀 갈켜주셔요
[1]
 | 2010.01.05 by 갱그리 |
| rjsoo | 페이지 에서 기존에 위젯을 수정시 거부 창이 떠요 [1] | 2010.01.05 by 백성찬 |
| 강영식959 | 파일 첨부 클릭 시 첨부 창이 안 뜨는 현상 [1] | 2010.01.05 by 백성찬 |
| 플릭 | 메일 인증 질문합니다 [1] | 2010.01.05 by 백성찬 |
| 임수형 | 텍스타일 설치문제 [1] | 2010.01.05 by 백성찬 |
| HLA | 관리자메일주소를 바꾼이후로 가입인증메일이 안갑니다. [1] | 2010.01.05 by 백성찬 |
| 푸른고래 |
게시판 썸네일 적용시에러
[1]
| 2010.01.05 by 백성찬 |
| whitemind | admin setting부분에서 URL 주소를 바꿨더니 이상해졌습니다. [1] | 2010.01.05 by 백성찬 |
| PaikYunki | Search Engine 은 조회수에 안포함되게 하는 방법있습니까 | |
| 실천가 | xe스킨이 다른곳에도 있나요? | |
| zerozerozero |
[xe2] 회원정보 수정 질문이여~
| |
| 강상욱916 |
파일첨부 에러 #2038
| |
| WebNarLa | 레이아웃 메뉴 | |
| 대야야 |
XE Official Ver2 사용하는데 서브메뉴 문제
[1]
| 2010.01.04 by 한시운 |
| 전민규 | html로 로그인 창 만드는거요.. [2] | 2010.01.04 by zz |
| thejeon | DROP TABLE xe_....한번에 삭제하는법.. [1] | 2010.01.04 by 라르게덴 |
현재 레이아웃이 기본 레이아웃을 바탕으로 제작되어있다면
css 폴더에 default.css 파일중
#gnb {
라는 부분이 있습니다.
이곳의 left, top 속성을 조절 하시면 됩니다.
그리고 글을 추가하는 것도
<div class='클레스명'>쓸글..</div>
이런식으로 추가하셔서
css에 추가해 주시면 되는겁니다.