MoMo님의 요청이 있어서 mjworks. standard V1 레이아웃스킨중에 문하우스에서 사용중인 드랍메뉴팁중에서
지금 홈에서 사용중인 이미지가 필요하다고 하셔서 공개합니다.
별로 예쁘지도 않은 이미지라 공개를 하지 않았는데....
일단 제가 사용중인 common.css부터 소개합니다.
#gnb li { float:left; list-style:none; position:relative; white-space:nowrap;}
#gnb li a { display:block; float:left; padding:12px 0px 0px 0px; width:82px; height:32px; color:#ffffff; white-space:nowrap; text-align:center; font-size:1.2em; font-weight:bold; text-decoration:none; }
#gnb li a:hover,
#gnb li a:focus { color:#66CC00; background:url(../images/bgGnbOn.gif) no-repeat center top; }
#gnb li.on a { font-weight:bold; color:#fff; background:url(../images/bgGnbOn.gif) no-repeat center top;}
.gnb_sub { position:absolute; left:242px; top:125px; height:43px; overflow:hidden; white-space:nowrap; }
.gnb_sub li { float:left; list-style:none; background:url(../images/sub_part.png) repeat-x left center; padding-left:0px; position:relative; white-space:nowrap;}
.gnb_sub li a { display:block; float:left; padding:15px 13px 0 13px; height:30px; color:#a98a60; white-space:nowrap; text-decoration:none; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
.gnb_sub li a:hover,
.gnb_sub li a:focus { color:white; background:url(../images/sub_on.png) repeat-x left top; }
.gnb_sub li.on a, .gnbin li.on a:hover { color:white; background:url(../images/sub_top.gif) no-repeat center ; }
빨간색부분이 이미지들입니다. 원래 제홈에는 전부 png이미지입니다만, IE6에서 투명이 안되는 부분이 있어서 일부gif파일로 변경해서 올립니다.
images.zip
p.s 메뉴중 2차메뉴부분의 바탕이미지는 제가 꼼수로 만들어 운영중인지라 공개하기가 조금 그렇습니다.
감사합니다.우측 이미지링크 탐나네요.
방법을 모르겟네요 욕심많죠?
시원한여름 보내세요.
참 한가지만 여쭙께요 제홈에 상단에 여백이 생기는데 왜그런지 모르겟습니다.
어디서 고쳐야 하는지 좀 알려 주실수 잇는지요? 감사합니다.