woojjaa님 반갑습니다. 님의 답변을 할려고 하니 mjworks standard v1 레이아웃은 제가 만든 것도 아닌데 저에게 물어 오시는 분이 많네요. 제가 리플을 너무 많이 달아서 그런가요^.^ 정작 제가 만든 문하우스 레이아웃은 인기가 없는지 묻는 사람도 없고...*.* // 여담입니다.
먼저 추가메뉴의 서브메뉴 부분은 이 레이아웃뿐만 아니라 XE기본 소스에 그렇게 만들어져 있습니다. 그 부분은 제가 어떻게 해 볼 수가 없습니다.
그리고 추가메뉴의 갯수를 많이 보이게 하는 부분은 common.css를 편집하면 가능합니다. 단 7개이상 나오게 할려면 많은 소스의 변경이 필요합니다. 여기서는 7개 정도만 보이게 편집해 보겠습니다.
#headerRight { float:right; width:170px; overflow:hidden;}
#headerRight ul { margin:5px 0; padding:5px 0 0 10px; float:right; list-style:none; height:200px; overflow:hidden;}
#headerRight ul li {list-style:none; height:25px;}
#headerRight ul li a
{ height:25px; color:#fff; font:11px Tahoma, Arial, "맑은고딕", "돋움"; padding:5px 10px; text-decoration:none; background:url(../images/nav_bull.gif) left 5px no-repeat; }
#headerRight ul li a:focus, #headerRight ul li a:hover { text-decoration:none; color:#FFFF00; font:11px Tahoma, Arial, "맑은고딕", "돋움"; font-weight:bold;}
#Log { width:65px}
#extraMenu { width:74px; border-left:#1a1a1a 1px solid;}
#searchBox { position:absolute; right:200px; top:20px; width:165px; padding:11px 10px 0 10px; height:30px; overflow:hidden; float:left;}
위에서 margin:5px 0; padding:5px 0 0 10px; 이부분을 더 줄이면 1개 정도는 더 들어가겠죠, 이렇게 추가메뉴를 늘리고 나면 검색박스를 이동해 주어야 합니다. position:absolute; right:200px; top:20px; // 이 부분을 잘 조절해서 보기 좋은 자리에 위치시키세요.
woojjaa님 반갑습니다.
님의 답변을 할려고 하니 mjworks standard v1 레이아웃은 제가 만든 것도 아닌데 저에게 물어 오시는 분이 많네요.
제가 리플을 너무 많이 달아서 그런가요^.^
정작 제가 만든 문하우스 레이아웃은 인기가 없는지 묻는 사람도 없고...*.* // 여담입니다.
먼저 추가메뉴의 서브메뉴 부분은 이 레이아웃뿐만 아니라 XE기본 소스에 그렇게 만들어져 있습니다.
그 부분은 제가 어떻게 해 볼 수가 없습니다.
그리고 추가메뉴의 갯수를 많이 보이게 하는 부분은
common.css를 편집하면 가능합니다. 단 7개이상 나오게 할려면 많은 소스의 변경이 필요합니다.
여기서는 7개 정도만 보이게 편집해 보겠습니다.
#headerRight { float:right; width:170px; overflow:hidden;} #headerRight ul { margin:5px 0; padding:5px 0 0 10px; float:right; list-style:none; height:200px; overflow:hidden;} #headerRight ul li {list-style:none; height:25px;} #headerRight ul li a { height:25px; color:#fff; font:11px Tahoma, Arial, "맑은고딕", "돋움"; padding:5px 10px; text-decoration:none; background:url(../images/nav_bull.gif) left 5px no-repeat; } #headerRight ul li a:focus, #headerRight ul li a:hover { text-decoration:none; color:#FFFF00; font:11px Tahoma, Arial, "맑은고딕", "돋움"; font-weight:bold;} #Log { width:65px} #extraMenu { width:74px; border-left:#1a1a1a 1px solid;} #searchBox { position:absolute; right:200px; top:20px; width:165px; padding:11px 10px 0 10px; height:30px; overflow:hidden; float:left;}이렇게 추가메뉴를 늘리고 나면 검색박스를 이동해 주어야 합니다.
position:absolute; right:200px; top:20px; // 이 부분을 잘 조절해서 보기 좋은 자리에 위치시키세요.