웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
배경음악과 동영상 삽입 <embed> [7] | 제이지라 | 2002.04.26 |
게시판에 구글 SyntaxHighlighter 3.0.83(구문강조) 적용하기 - 본문에 코드삽입시 유용 | 으아악. | 2010.10.20 |
이미지 삽입시 아래에 한줄 띄우고 클릭가능하게 하여 편히 입력하게 만들자~ [8] | xemall | 2010.10.13 |
이미지 여러개 삽입시 이미지 사이에 공백 및 글 쓸 수 있도록 [1] | sejin7940 | 2010.07.07 |
레이아웃 삽입 후 최근 설문조사 가져오기 | ilovesyr | 2010.05.18 |
XE최신버전에 믹시(Mixsh) 위젯(widget) 삽입하는 방법 [2] | 곰이v | 2010.03.21 |
[초보] 본문 하단에 구글 애드센스 삽입방법 [2] | BigSeong | 2009.10.10 |
본문에 삽입된 그림의 확대기능이 작동하지 않는경우(XE Official Ver2 layout) [2] | 분홍곰 | 2009.08.14 |
엄지 추천 기능 본문에 삽입 하고자 하실때 (급조) [2] | thejeon | 2009.07.29 |
제로보드 XE나 개인 블로그에 GPS 로그(궤적)를 나타낸 구글맵 삽입하기 | 상오기 | 2009.03.21 |
왕초보용 xe 1.2.0 버전 사용 기본 레이아웃 좌측에 배너 삽입 방법. [7] | 『june™』 | 2009.03.20 |
메인화면에 플래시 쉽게 삽입하는 방법.. [12] | 청개구리00 | 2008.08.30 |
댓글 입력창에 배경 이미지 삽입하는 방법 [4] | 팔공산 | 2008.07.11 |
이미지 삽입후 이미지 위에 노란색 박스 사라지게하는 법 [5] | dhseo | 2008.05.28 |
[수정 했습니다.]본문 입력없이 확장 변수로만 글작성 작성하기(그림삽입포함) [13] | 대암지기 | 2008.03.09 |
제로보드XE 외부페이지에 javascrip 삽입하기 [3] | BlueGATE | 2008.01.22 |
MSN로그인 상태를 홈피좌측 메뉴에 삽입하는 방법 [9] | 팔공산 | 2007.11.27 |
(0.1.2) 이모티콘 삽입 후 그림 안보일 때 [5] | Simulz | 2007.09.02 |