묻고답하기
좌측이나 우측 GNB(메뉴) 기준 레이아웃..
2014.04.28 09:23
혹시 좌측이나 우측에 메뉴가 고정된 형태의 레이아웃을 찾아볼 수 없을까요 ??
이것저것 연습중인데 아니면 혹시 기본형에서 변경시켜서 할 수 있는 방법이라도 ..
초보다 보니 이것저것 뜯어보면서 하고 있는데 이부분에 이렇게 들어갔으면 좋겠다 싶은게 있는데
참 찾아보기가 힘드네요 ㅜ
댓글 6
-
Double'U'
2014.04.28 09:29
-
임실치즈
2014.04.28 09:33
네이버에서 고정메뉴를 찾아보던중 http://zuf.co.kr/about.html 이런식의 메뉴가 항상 고정된 형태로 제작하고 싶습니다.
현재 제가 알고싶은 것이 gnb부분을 붙이는 것이 알고싶어요. 연결될 수 있도록(?) 이라고 해야할까요
디자인을 css로 짜게 되면 어떤 부분을 연결시켜야 사이트맵에서 추가했을시 연결이 되는것도 .. 궁금합니다.
그부분을 공부하고 싶은데 어떤 부분인지 .. 공부를 할수록 어렵네요 .
-
Double'U'
2014.04.28 10:02
레이아웃을 그리는(만드는) 방법을 먼저 아셔야 할 듯 합니다....
이건 참 현재 상태에서 설명이 어렵네요.
html 책을 한권 보시는 것을 추천합니다.
<body style="margin: 0; padding: 0; height: 100%; height: 100%;">
<div style="position: fixed; width: 200px; height: 100%; background-color: #ffff00; z-index: 100;">왼쪽 메뉴</div>
<div style="position: absolute; height: 100%; width: 100%; background-color: #c1c1c1; overflow: hidden; z-index: 10;">
<div style="position: absolute; padding-left: 200px; width: 100%; background-color: #c1c1c1; overflow-y: auto;">본문</div>
</div>
</body>
이게 정답은 아니지만 이런 식으로 레이아웃을 짜야 합니다.
-
임실치즈
2014.04.30 17:56
제 댓글을 달아주신 분이시군요 ! 댓글 감사합니다.
원하는 그리드는 만들었는데 왼쪽 배너 부분에 GNB를 연결 시키는 방법에 대해 모르겠어서 .. 음 조금더 찾아봐야할꺼 같네요 나머지 그리드부분은 조언해주신부분처럼 작업을 했어요 !
-
http://www.xpressengine.com/index.php?mid=download&category_srl=18322954&parent_srl=18322919&page=4&package_srl=19767397
1.7 대에서 테스트는 해보지 않았습니다.
오래전에 나온 레이아웃이지만 실력있는 제작자이며, 퀄리티 또한 좋은 무료레이아웃이지요. ㅎ
-
임실치즈
2014.04.30 17:56
감사합니다. 이레이아웃을 참조하여서 많은 도움이 되었어요 감사합니다.!
서브메뉴를 붙일수 있는 레이아웃은 여러가지가 있지만
대부분 범용성을 주기 위해서 소스자체가 복잡합니다.
레이아웃에서 찾아보시면 많을텐데요.