반응형
오른쪽 구글 검색창을 보시는 바와 같이..검색어 입력폼이랑 라디오버튼, 검색버튼의 디자인을
조금 바꾸어 보았다....
검색어입력폼이랑 검색버튼은 태터툴즈 기본 css를 이용하였으며..
라디오버튼은 네이버UI Widget를 이용하였다...
invalid-file네이버UI Widget 다운로드
사용법은 다운로드 한후 압축을 풀고 자신의 계정에 맞게 경로를 수정하여 업로드하고
사용하는 소스는 아래와 같다..
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>UI Widget</title>
<script type="text/javascript" src="ui.base.js"></script>
<script type="text/javascript" src="ui.html.js"></script>
</head>
<body>
<input type="radio" name="rdo" checked="true" value="3" />1
<input type="radio" name="rdo" value="3" />2
<input type="radio" name="rdo" value="3" />3
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>UI Widget</title>
<script type="text/javascript" src="ui.base.js"></script>
<script type="text/javascript" src="ui.html.js"></script>
</head>
<body>
<input type="radio" name="rdo" checked="true" value="3" />1
<input type="radio" name="rdo" value="3" />2
<input type="radio" name="rdo" value="3" />3
<script type="text/javascript">
var r = new Radiobox('rdo');
r.setValue(3);
</script>
var r = new Radiobox('rdo');
r.setValue(3);
</script>
</body>
</html>
</html>
진하게 표시된 부분이 중요한 부분이니 틀리지 않도록 주의해서 사용한다..
출처 : NHN UX DesignCenter
반응형
'작업 > TT&TC' 카테고리의 다른 글
| 태터툴즈 계정을 이전하였습니다.. (2) | 2007.07.28 |
|---|---|
| 판도라 오픈API&태터툴즈 동영상 테스트입니다. (2) | 2007.07.20 |
| 태터툴즈1.1.3 업데이트 (0) | 2007.06.27 |
| 태터툴즈 플래시 방문자 카운터 삽입 (0) | 2007.06.21 |
| 태터툴즈 스킨 대폭 수정 (0) | 2007.06.18 |