웹마스터 팁
XE 공식(?) 버튼 삽입하기 [다들 알지도 모르겠네요,,]
2011.02.28 21:12
Button이 흰색과 검정색만 남았으며 스타일도 변경되어 이 팁에서 예제를 보긴 힘들듯 싶습니다.
./common/css/button.css 이 있어야 합니다.
기본 Core에 포함되어 있습니다.
<span class="버튼"><input type="button" value="버튼 내용"></span>
으로 사용할수 있는데요.[ <span class="버튼"><button type="button">버튼 내용</button></span>으로도 사용 가능. ]
버튼 에 아래와 같은 것들을 넣을수 있습니다.
버튼 | 흰색 | 검정색 | 빨간색 | 파란색 | 초록색 |
작은 크기 | button small | button black small | button red small | button blue small | button green small |
기본 크기 | button | button black | button red | button blue | button green |
큰 크기 | button large | button black large | button red large | button blue large | button green large |
색상 예제
<span class="button black"><input type="button" value="예제 버튼"></span>
<span class="button red"><input type="button" value="예제 버튼"></span>
<span class="button blue"><input type="button" value="예제 버튼"></span>
<span class="button green"><input type="button" value="예제 버튼"></span>
<span class="button"><input type="button" value="예제 버튼"></span>
크기 조절 예제
<span class="button red small"><input type="button" value="예제 버튼"></span>
<span class="button red"><input type="button" value="예제 버튼"></span>
<span class="button red large"><input type="button" value="예제 버튼"></span>
<span class="button red xLarge"><input type="button" value="예제 버튼"></span>
+[TIP]
아래와 같은 방법으로 만들면 링크를 쉽게 걸수 있습니다.
<a href="주소" class="버튼"><span>버튼 내용</span></a>
예제
<a href="http://www.webengine.wo.tc/" class="button blue"><span>??? 사이트 바로가기</span></a>
??? 사이트 바로가기
단. 버튼 눌림 효과가 나타나지 않습니다.
댓글 77
-
we09
2011.12.03 16:47
-
flowerrain
2011.12.04 15:51
-
flowerrain
2011.12.04 15:55
-
숭숭군
2011.12.05 18:40
-
숭숭군
2011.12.05 18:43
-
숭숭군
2011.12.05 18:43
-
숭숭군
2011.12.05 18:44
-
숭숭군
2011.12.05 18:44
으로도 사용 가능. ] -
ㄲ ㅏ ㅊ ㅣ
2011.12.08 18:22
-
순수의시절
2011.12.08 19:50
xe 기본 게시판에서 작동을 하는건가요? pxe에서 해보니 안되는것 같기도.. ^^
-
박인영647
2011.12.09 11:26
??? 사이트 바로가기 ??? 사이트 바로가기
-
모조키
2011.12.09 12:31
버튼 스타일이 바꼈네요..
빨갱이 녹등이 파랭이 버튼은 이제 못보나요... ㅜ
-
윤디
2011.12.10 01:21
-
서비여
2011.12.12 12:52
-
RooM335
2011.12.15 16:18
-
Gracia
2011.12.17 04:57
바뀐 버튼 완전 안습 --; 누구의 작품일까영
-
웹 엔진
2011.12.19 18:03
1.5 되고 버튼 스타일에 대해 불만 많으신것 같습니다.
그래서 1.5에도 적용할수 있게 TIP을 준비했습니다.
-
하늘보리30
2011.12.20 18:34
-
squarehacker
2012.01.14 12:24
-
uKoon
2012.03.16 09:25
-
greenleaf
2012.03.20 00:57
-
정도의길을걷기싫다
2013.07.30 11:50
^-^ 재밌네요
-
ranson
2013.07.30 14:10
크롬에선 안 먹히네요
-
웹엔진
2013.07.31 00:17
크롬에서도 잘 먹히던 버튼입니다. ^^
-
KS
2013.08.25 04:36
-
Master_S
2013.08.25 17:20
<span class="button red xLarge"><input type="button" value="진 심 으 로 감 사 합 니 다 !"></span>
-
기분기모찌
2017.08.28 00:59
<span class="button black"><input type="button" value="예제 버튼"></span>
제목 | 글쓴이 | 날짜 |
---|---|---|
인스타그램 해시태그 회원가입 없이 끌어오기 | 외인 | 2017.02.08 |
jQuery 플러그인 모음 | Ansi™ | 2017.01.25 |
DOS 공격에 대한 방어 프로그램입니다. | 마루디자인 | 2017.01.23 |
방명록 형태 사용시 제목이 길게 저장되게 하려면 | sejin7940 | 2016.12.23 |
숫자 아이디 허용 방법 | 410contents | 2016.12.13 |
클라우드플레어 사용시 서버 IP 노출방지 체크리스트 | gnbstory | 2016.12.09 |
간단한 xe 관련 자바스크립트 질문 [1] | 마든남 | 2016.12.01 |
가상서버 고르실때 참고하시면 좋겠네요. | 로니 | 2016.11.24 |
네이버 웹마스터도구 최적화검증과 GZIP | 영흥도우럭1 | 2016.11.18 |
모바일환경에서, 스케치북스킨의 경우 포인트레벨아이콘이나 닉네임이미지 가 안 나타나는 경우 수정법 | sejin7940 | 2016.11.13 |
구글애드센스 한페이지에 3개 초과하시면 안됩니다. [3] | 최윤한 | 2016.11.11 |
관리자페이지의 게시판 목록에서 '모듈분류'로만 검색이 안 되는 버그 수정 | sejin7940 | 2016.11.09 |
내 작성글 보기에서 익명게시판에서 작성한 내 글도 보이게 하기 위해서 | sejin7940 | 2016.10.19 |
사이트 운영하시는분들 단체메일 가급적 보내지 마세요. | 최윤한 | 2016.10.19 |
관리자페이지 첫페이지에서 최근글 / 최근댓글 리스트에서 닉네임 대신에 날짜가 나오게 하는 방법 | sejin7940 | 2016.10.19 |
초보자분들 윈도우에 apmsetup 쓰지 마세요 느립니다. [1] | 최윤한 | 2016.09.20 |
우분투에 apm 서버 완벽하게 설치하기 | 로니 | 2016.09.13 |
무료 폰트 모음 | boomstop | 2016.09.13 |
클라우드 플레어 질문있습니다. [2] | 생컨38889 | 2016.08.31 |
xe 사이트에 응용프로그램으로 오토포스팅은 안됩니다. | 최윤한 | 2016.08.17 |
안녕하세요