웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
플래시메뉴 사입방법 [4] | urhow1 | 2007.08.29 |
분류가 있는 게시판에서 전체분류모드로 게시물 클릭시 딜레이 현상 [2] | Sx3 | 2007.08.30 |
페이지수정 안되시는 분들께 드리는 팁 [2] | 다케루 | 2007.08.30 |
구글광고넣기....(재밌는경험담 본문에 광고 넣으시려는분 꼭 읽어 보세요...) [2] | kangho | 2007.08.30 |
회원 단축 메뉴 보여주기 | Simulz | 2007.08.30 |
(최근글목록) 분류명 표시하기 & 이미지 [7] | Simulz | 2007.08.31 |
서버이전하고 마이그레이션하고 경험담 [3] | 팔공산 | 2007.08.31 |
(최근글목록) 게시판 이름 출력하기 #2 [12] | Simulz | 2007.08.31 |
관리자 아이디 사용제한 체크하는 어이없는 실수 & 해결 [5] | refree | 2007.09.01 |
(0.1.2) 이모티콘 삽입 후 그림 안보일 때 [5] | Simulz | 2007.09.02 |
랜덤 배경 이미지 [7] | Simulz | 2007.09.04 |
(설문조사) 회원만 설문 조사 하도록 [8] | Simulz | 2007.09.04 |
회원에게는 구글 애드센스 보이지 않게 하기 [2] | 스컬리지금어디야 | 2007.09.05 |
글이 중간에 짤릴 경우.. | 송암 | 2007.09.06 |
확장변수 이용해서 2차 3차 분류 항목 만들기 [3] | VagaBond | 2007.09.08 |
(게시판) 목록에 확장 변수를 출력하기 [18] | Simulz | 2007.09.08 |
메인 페이지 링크 www. 주소 표시, 로그인 링크 문제.... [5] | 마덴나 | 2007.09.08 |
(파일 첨부) 파일명 안보일 때 ... 없애기 [9] | Simulz | 2007.09.10 |
랭킹에 순위 넣기! ㅋ~ (꼼수;) | 다케루 | 2007.09.11 |
파일 업로드시에 403에러 발생시 해결방법. [12] | WhiteAT | 2007.09.12 |