BEAR
html5 로 그래픽 에디터 만드는거인데요 ㅠㅠ
inpujt type 중에 color를 사용해서요 .. 칼라 클릭에 따라 image 가 바뀌는 것을 보여주고 싶은데요.
쇼핑몰에 보면 하얀색 기본 후드티가 있으면 빨간색 클릭하면 빨간색으로 바뀌고요 . 전체 폼은 만들었는데 어떻게 연결해서
해야할지 모르겠어요
소스입니다.
<meta charset="utf-8">
CSS Three Column Liquid Layout by Mani Sheriar
<style>
/* CSS Document */
body {
margin:10px 0 0 0;
padding:0;
color:#666;
background-color: #FFF;
font:normal 0.75em/1.5em "맑은 고딕", "돋움";
}
#main_wrap {
margin:0 auto;
width:95%;
min-width:650px;
max-width:1500px;
border:2px solid #333;
}
header {
background:#BB62AB;
padding:10px;
margin:0;
text-align:center;
color:#FFF;
}
#inner_wrap {
position:relative;
margin:0;
padding:7px;
}
nav {
position:relative;
top:-7px;
left:-7px;
float:left;
width:200px;
height:220px;
margin:0 0 -7px 0;
padding:20px;
background:#ECB9E8;
}
article {
position:relative;
padding:0 0 0 220px;
}
footer {
position:relative;
background:#999999;
top:1px;
width:1500px;
height:100px;
clear:both;
margin:0;
padding:10px 0;
text-align:center;
color:#CCC;
}
.rcorner {
border:2px solid #000000;
border-radius:20px;
width:800px;
height:80px;
margin-left: 400px;
linear
</style>
<body>
</body>
</html>
inpujt type 중에 color를 사용해서요 .. 칼라 클릭에 따라 image 가 바뀌는 것을 보여주고 싶은데요.
쇼핑몰에 보면 하얀색 기본 후드티가 있으면 빨간색 클릭하면 빨간색으로 바뀌고요 . 전체 폼은 만들었는데 어떻게 연결해서
해야할지 모르겠어요
소스입니다.
<meta charset="utf-8">
<style>
/* CSS Document */
body {
margin:10px 0 0 0;
padding:0;
color:#666;
background-color: #FFF;
font:normal 0.75em/1.5em "맑은 고딕", "돋움";
}
#main_wrap {
margin:0 auto;
width:95%;
min-width:650px;
max-width:1500px;
border:2px solid #333;
}
header {
background:#BB62AB;
padding:10px;
margin:0;
text-align:center;
color:#FFF;
}
#inner_wrap {
position:relative;
margin:0;
padding:7px;
}
nav {
position:relative;
top:-7px;
left:-7px;
float:left;
width:200px;
height:220px;
margin:0 0 -7px 0;
padding:20px;
background:#ECB9E8;
}
article {
position:relative;
padding:0 0 0 220px;
}
footer {
position:relative;
background:#999999;
top:1px;
width:1500px;
height:100px;
clear:both;
margin:0;
padding:10px 0;
text-align:center;
color:#CCC;
}
.rcorner {
border:2px solid #000000;
border-radius:20px;
width:800px;
height:80px;
margin-left: 400px;
linear
</style>
<body>
</body>
</html>
그리고 질문하신 것 처럼, 적용하는 것은 단순하게 CSS 만으로 처리할 수 있는 문제는 아닙니다.
자바스크립트와 기타 여러가지 프로그래밍 기법이 병행되어야 해결 할 수 있는 문제이기 때문에, 제가 답변 드릴 수 없는 사항입니다.
이해해 주시기 바랍니다.