웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
메뉴와 연결된 xe의 page에 iframe을 사용해서 제로보드4 게시판을 불러들였습니다 [2] | 바람처럼.. | 2007.09.14 |
2차,3차 메뉴가 좌측으로 일렬로 되어있어 구분이 잘 안됩니다,이럴 때~ [7] | *제트* | 2007.09.16 |
요청하신 모듈을 찾을 수 없습니다 문제해결 방법 [11] | 써니a | 2007.09.17 |
winxp IE7 rwapm에서 한글이름파일 업로드 [12] | 공수래 | 2007.09.17 |
게시물 읽을 때 하단에 목록 보이지 않게 하기 [3] | 정은기 | 2007.09.17 |
제로보드 XE에서 강추하는 플래시 넣기 [12] | 미오유 | 2007.09.19 |
정사각형 썸네일은 안녕~ 직사각형 썸네일을 만들어보자 [8] | 매니안 | 2007.09.19 |
새 공지창 띄우기 [22] | *제트* | 2007.09.20 |
(포인트 모듈) 추가 정보 출력 [8] | Simulz | 2007.09.20 |
공지창 소스 [2] | 열린 공간 | 2007.09.21 |
<수정>사이트 메신저 회원 연동해서 사용하기.... [3] | 녀석참 | 2007.09.22 |
제로보드 XE 설치후에 제대로 작동 안하는 원인은... | 독도2005 | 2007.09.22 |
(모듈 설정) 모듈 목록을 추가하여 설정을 쉽고 빠르게 #2, 2007-09-28 [3] | Simulz | 2007.09.23 |
로고에 플래시파일 사용하기 [2] | 팔공산 | 2007.09.26 |
(보드 모듈) 글 목록을 조회수 별로 색상 지정하기 [15] | Simulz | 2007.09.27 |
회원가입 약관 관련. [2] | rickey | 2007.09.28 |
페이지에 설문 조사 넣기 [2] | 지허 | 2007.10.01 |
다중의 이종 웹 브라우저에서 웹 사이트 테스트하기 [1] | NetEagle | 2007.10.01 |
에디터의 옵션 설정하기.. 컴포넌트 보이지 않게 등.. [4] | 지허 | 2007.10.01 |
iframe사용시 세로길이 자동 조정되게 하기 [7] | 팔공산 | 2007.10.04 |