CMS솔루션마켓, 이온디 - 워드프레스, 라이믹스, 카페24, 그누보드, 엑셀

홈페이지 제작팁

이온디 포털 메인 2단 우측 정렬 ver. 0.5

조회 수 2 추천 0 2010.11.22 18:19:21
이온디 *.181.14.53

이온디 포털 메인 2단 우측 정렬 레이아웃입니다.

기존에 네비게이션이 서브메뉴에 가려지던 현상을 수정하였고

메뉴 부분 디자인을 조금 손봤습니다.


위젯 영역에 최근코멘트와 태그박스를 추가 변경하였습니다.


97line
#menuWrapper li { margin:0; list-style:none; padding:0;}
z-index 삭제함

72line
#submenu {
    position:relative;
    display:table;
    width:100%;
    height:36px;
    clear:both;
    background: url(../images/default/bg_gnb.png);
    z-index:-1;
    }
z-index:-1; 추가함

100 line
#menuWrapper ul li.menu_list { float:left; position:relative; display:block;border-right:1px solid #434343;}
#menuWrapper ul li a.m_first {padding:10px 20px 10px 20px; color:#999; text-align:center; font-weight:bold; cursor:pointer; border-left:1px solid #9399A1; vertical-align:bottom;}
border 추가/변경함

104 line
#menuWrapper ul li .m_second { display:none; width:180px; position:absolute;overflow:hidden; left:10px; border:1px solid #5a5a5a; border-bottom:none;z-index:1;}
z-index:1; 추가함