위메이크 상품처럼 코딩하고 싶은데.. 어떻게 해야되는거에요???
지우개
http://www.wemakeprice.com/main/?source=default
여기보면 상품에 롤오버시 배경이미지와 폰트칼라가 바뀌는데..
어떻게 해야하는질 모르겠어서요;;
그리고 위메이크는 폰트칼라가 흰색으로만 바뀌는데
전 상품에 롤오버시 2~3가지 컬러로 바뀌게 하고싶은데요;;
조언 부탁드립니다..ㅠㅠ
제가 코딩을 해본게..div style=background:url(/html/images/main/product_bg.gif) no-repeat; width:470px; height:381px; position:relative; a href=../product/view.php?id={{clist.id}}&{{viewque}} div class=top_list ul li class=photoimg src={{clist.img2_url}} onerror=imageerror(this); title={{clist.name}} width=460px height=299px/li li class=name{{clist.name}}/li li class=detail간략 설명/li li class=pricespan{{clist.price_p_conv}}원/span b{{clist.price_conv}}원/b/li li class=btna href=../product/view.php?id={{clist.id}}&{{viewque}}img src=/html/images/main/btn_buy.gif alt=구매하기/a/li /ul /div /a /div
이렇게 html 이고
.top_list { width:466px; height:376px; position:absolute; top:1px; left:1px; background-color:#fff; line-height:18px;}.top_list ul { width:466px; height:376px;}.top_list ul li.photo {padding:3px 0 0 3px;}.top_list ul li.name {font-size:18px; font-weight:bold; letter-spacing:-1px; color:#707070; padding:4px 0 5px 22px;}.top_list ul li.detail {font-size:11px; padding-left:22px;}.top_list ul li.price {padding:0 0 0 22px; color:#ff6600;}.top_list ul li.price span {text-decoration:line-through; color:#636363;}.top_list ul li.btn {position:absolute; bottom:18px; right:12px;}.top_list ul li.btn img {vertical-align:top;}
.top_list ul:hover { background-color:#ff6600;}.top_list ul li.name:hover { color:#ffffff;}
이런식으로 css를 줘봤는데요;;
name에 롤오버시에는 칼라바 바뀌지만
다른곳에 롤오버시에는 칼라가 안바뀌드라고요;;;
전 top_list영역 아무곳이나 롤오버시 칼라를 바뀌게 하고싶어서요..
-
둘빛
class로 관리를 해야겠죠.