웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
인스타그램 해시태그 회원가입 없이 끌어오기 | 외인 | 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 |