Skip to main content
XE 팁
2011.10.24 00:13

XE 버튼 관련 샘플

조회 수 7726 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

링크 관련 버튼

<a href=" class="button"><span>뒤로가기</span></a>

 

 

Form 관련 버튼

<span class="button red"><input type="submit" value="" hidefocus="hideFocus"></span>

 

 

 

클랙스 뒤에 다음과 같은 속성 추가가 가능합니다.

button 은 기본으로 넣구요~ 그 뒤로~

 

예) button red small

 

 

관련 클랙스는 xe설치폴더/common/css/button.css 열어보시면 되겠습니다.

 

/* Large Size */
span.button.large { background-position:left -30px;}
span.button.large button,
span.button.large input { height:30px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px;}
/* xLarge Size */
span.button.xLarge { background-position:left -65px;}
span.button.xLarge button,
span.button.xLarge input { height:35px; padding:0 10px 0 8px; font:20px/36px Sans-serif; background-position:right -65px;}
/* Small Size */
span.button.small { background-position:left -107px;}
span.button.small button,
span.button.small input { height:18px; padding:0 6px 0 4px; font:11px/18px Sans-serif; background-position:right -107px;}

 

 

/* Color Preset */
a.button.green,
a.button.green span,
span.button.green,
span.button.green button,
span.button.green input { background-image:url(../tpl/images/buttonGreen.gif); color:#fff;}
a.button.black,
a.button.black span,
span.button.black,
span.button.black button,
span.button.black input { background-image:url(../tpl/images/buttonBlack.gif); color:#fff;}
a.button.red,
a.button.red span,
span.button.red,
span.button.red button,
span.button.red input { background-image:url(../tpl/images/buttonRed.gif); color:#fff;}
a.button.blue,
a.button.blue span,
span.button.blue,
span.button.blue button,
span.button.blue input { background-image:url(../tpl/images/buttonBlue.gif); color:#fff;}


List of Articles
번호 카테고리 제목 글쓴이 날짜 조회 수
36 XE 팁 XE CKEditor 옵션 설정 (i 태그 유지하기) geusgod 2015.06.09 533
35 XE 팁 XE 비밀번호 찾기 질문/답변 필수 제거하기 geusgod 2014.07.11 2040
34 XE 팁 XE 외부페이지 이미지 리사이즈 애드온 적용하는 방법 geusgod 2013.11.07 4740
33 XE 팁 XE 구글 analytics 코드 어디에 넣어야 효율적인가? geusgod 2013.07.29 4894
32 XE 팁 XE 외부페이지 javascript 주석 처리시 주의점 geusgod 2013.03.18 5541
31 XE 팁 XE 외부링크 이미지 썸네일 생성 문제 1 geusgod 2012.06.29 10577
30 XE 팁 xe 1.6.0 업그레이드를 위한 준비 geusgod 2012.06.28 8494
29 XE 팁 xe 외부페이지 mid 중복일때 다음페이지로 넘기는 방법 geusgod 2012.05.27 6621
28 XE 팁 SocialXE Server - Facebook 인증불가시 (에러발생시) file geusgod 2011.12.16 10927
27 XE 팁 XE Action Forward 와 Module Trigger 정리하기 종스 2011.11.01 11085
» XE 팁 XE 버튼 관련 샘플 종스 2011.10.24 7726
25 XE 팁 Xpressengine 스팸 API 골라서 적용하자~ geusgod 2011.06.28 10581
24 XE 팁 Xpressengine 속도 향상 방법론 (트리거 제거론) 종스 2011.06.05 10252
23 XE 팁 XE 외부페이지 세션변수 및 logged_info 변수 활용 3 종스 2011.01.01 16281
22 XE 팁 Xpressengine 일반 함수들 종스 2010.12.31 14113
21 XE 팁 Xpressengine 외부페이지 에디터 사용법 geusgod 2010.12.06 13848
20 XE 팁 xpressengine 메뉴 분석 geusgod 2010.11.28 14357
19 XE 팁 xpressengine 스킨 파일에서 DB내용 불어오기! 종스 2010.11.23 13186
18 XE 팁 Xpressengine 외부페이지 폼 변수 전달하고 받는 방법 종스 2010.06.03 18289
17 XE 팁 XE 디버그(debug) 하는 방법 geusgod 2010.02.26 26312
Board Pagination Prev 1 2 Next
/ 2