웹마스터 팁
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
-
동탄간지
2011.03.01 00:15
-
가스통
2011.03.02 11:41
좋은 정보 감사합니다. -
ToFinder
2011.03.03 18:44
-
후유증
2011.03.03 23:03
-
슝트
2011.03.05 20:10
-
독도2005
2011.03.06 13:47
-
flowerrain
2011.03.07 10:13
-
CraZyWoo
2011.03.07 14:45
-
팬텀MW
2011.03.07 19:17
-
송용호
2011.03.09 09:46
-
에스테반777
2011.03.09 14:11
-
k02092000
2011.03.12 22:31
감사합니다.^^ -
k02092000
2011.03.12 22:41
-
k02092000
2011.03.12 22:41
파워유연구소 br>새 창 -
RAFEL.
2011.03.13 16:58
-
차디찬불꽃
2011.03.14 10:47
http://naradesign.net/wp/2008/10/31/203/
여기 보시면 자세히 나와있습니다. -
쏭바강
2011.03.14 14:43
이게 예를들어 보라색(purple) 으로 변경하려면 어떻게 하죠? 그냥 흰색으로 보이는데요 RAFEL 님 글처럼요 -
웹 엔진
2011.03.14 23:10
보라색은 CSS에 정의되어 있지 않습니다.
사용 가능한 색은 5가지 뿐인걸로 알고 있습니다.
red / black / blue / green / 안쓸경우(하얀색) -
kun6858
2011.03.19 10:37
-
송용호
2011.04.01 14:57
<span class="버튼"><input type="button" value="버튼 내용"></span> -
웹 엔진
2011.04.01 23:19
빨간색 버튼 부분을 바꿔주셔야죠,,흰색 검정색 빨간색 파란색 초록색 작은 크기 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 -
송용호
2011.04.01 14:57
-
쌔때
2011.04.06 17:44
-
카르포스
2011.04.11 20:30
-
제주촌닭
2011.04.12 03:49
-
iceman237
2011.04.21 15:45
-
가시밭
2011.05.03 02:12
-
인간a
2011.05.13 20:11
XE 개편후 버튼 삽입법
<div class="tx"><span class="btn25 blue"><a href="http://1ng4n.wo.tc/" target="_blank">인간닷컴바로가기</a></span> </div>
지금 저건 보라색
빨간 부분은 보라색이고 btn25 이거는 하얀색 btn25 black 은 검은색! -
웹 엔진
2011.05.14 21:07
이건 XpressEngine 에서만 가능합니다.
이것을 사용하고 싶으시면 http://www.xpressengine.com/19751836를 보아 주세요. -
달팽이355
2011.05.25 12:50
-
철갑
2011.05.25 16:51
xe\common\css 내부에 button.css에 정의되어있습니다.
거기서 추가하시거나 수정하시면 될듯한데요. -
웹 엔진
2011.05.25 17:20
뭘 수정하죠?...
버튼 색상을 수정 하려면 이미지 파일을 수정 하셔야 합니다. ㄷㄷ -
아날로그
2011.06.27 07:28
-
무한탐구
2011.06.28 20:21
-
매직헌터
2011.06.28 21:09
-
글문
2011.06.29 12:54
-
떠나자
2011.06.30 18:00
list.html 등에 보면 버튼의 형태를 지정해주는 class="button {$btn_class}" 부분이 있던데
이 "{$btn_class}" 설정은 어디에서 하는건가요?
이부분으로 small, large 등을 결정하는거 같은데요 --; -
웹 엔진
2011.07.17 17:50
그건 게시판 스킨 등에서 찾아 보셔야 합니다.
이 팁과는 관련이 없다고 봅니다. -
스반
2011.07.17 13:46
-
곰이다우엉
2011.07.27 10:34
-
Xiso
2011.08.02 19:54
XE마켓에 제가올린 아쿠아버튼도 똑같이 사용가능합니다... 하하 -_-; -
모자가날라가요
2011.08.06 15:46
-
tao
2011.08.06 20:39
-
비타민s
2011.08.08 21:20
-
고후
2011.09.02 21:25
-
곰탱이^^
2011.09.07 19:22
-
코리스™
2011.09.30 16:59
-
코리스™
2011.09.30 17:11
-
레오디
2011.10.05 00:37
-
차용호
2011.12.02 22:25
button
제목 | 글쓴이 | 날짜 |
---|---|---|
으앗~~ 이거 엄청긴데 어느새월에 brbr 치구있어..=_;; 한번에 엔터효과주자! [15] | 깻잎사랑=_=v | 2002.09.15 |
최근게시물의 폰트크기와 링크색상 바꾸기. [5] | 매머드 | 2002.09.13 |
[HTML 초보자]- 테이블 태그(셀을 합치자..^^) [10] | ZipShin | 2002.09.11 |
레이어 고정법 [8] | bageup | 2002.09.11 |
Fieldset을 이용한 제몰 딸린 테이블~!!! [2] | 깻잎사랑=_=v | 2002.09.10 |
Fieldset을 이용한 iframe의 효과~! [6] | 깻잎사랑=_=v | 2002.09.09 |
벅스 연동 되는 자세한 소스... [6] | 서비 | 2002.09.07 |
벅스 플레이어 소스입니다. [6] | ☺Lifestory™ | 2002.09.07 |
[HTML 초보자]- 테이블 태그를하자-4 [1] | ZipShin | 2002.09.07 |
[HTML 초보자]- 테이블 태그를하자-3 [2] | ZipShin | 2002.09.04 |
자바스크립트 없이 브라우저 버전체크 [5] | steelheart | 2002.09.03 |
[HTML 초보자]- 테이블 태그를하자-2 [5] | ZipShin | 2002.09.02 |
초보에게는 골치아픈 배경 위치 정하기... [6] | 유지호 | 2002.09.01 |
[HTML 초보자] 테이블 태그를하자-1 [5] | ZipShin | 2002.08.30 |
배경그림 고정하기 [5] | 티투 | 2002.08.28 |
[HTML 초보자] marquee 태그 마스터 하기. [5] | ZipShin | 2002.08.27 |
스타일 시트 적용순서 [4] | 판타랏사 | 2002.08.24 |
[HTML 초보자] HTML <Hr>태그에 대해서.. [3] | ZipShin | 2002.08.23 |
노프레임 홈페이지 만들기 강좌:) [53] | Alunar@R. | 2002.08.22 |
[HTML 초보자] 강제개행 <br>태그 엔터효과. [8] | ZipShin | 2002.08.21 |