Skip to main content
XE 팁
2011.10.24 00:13

XE 버튼 관련 샘플

조회 수 7738 추천 수 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;}


  1. XE CKEditor 옵션 설정 (i 태그 유지하기)

    Date2015.06.09 CategoryXE 팁 Bygeusgod Views763
    Read More
  2. XE 비밀번호 찾기 질문/답변 필수 제거하기

    Date2014.07.11 CategoryXE 팁 Bygeusgod Views2320
    Read More
  3. XE 외부페이지 이미지 리사이즈 애드온 적용하는 방법

    Date2013.11.07 CategoryXE 팁 Bygeusgod Views4780
    Read More
  4. XE 구글 analytics 코드 어디에 넣어야 효율적인가?

    Date2013.07.29 CategoryXE 팁 Bygeusgod Views4926
    Read More
  5. XE 외부페이지 javascript 주석 처리시 주의점

    Date2013.03.18 CategoryXE 팁 Bygeusgod Views5564
    Read More
  6. XE 외부링크 이미지 썸네일 생성 문제

    Date2012.06.29 CategoryXE 팁 Bygeusgod Views10775
    Read More
  7. xe 1.6.0 업그레이드를 위한 준비

    Date2012.06.28 CategoryXE 팁 Bygeusgod Views8506
    Read More
  8. xe 외부페이지 mid 중복일때 다음페이지로 넘기는 방법

    Date2012.05.27 CategoryXE 팁 Bygeusgod Views6637
    Read More
  9. SocialXE Server - Facebook 인증불가시 (에러발생시)

    Date2011.12.16 CategoryXE 팁 Bygeusgod Views10988
    Read More
  10. XE Action Forward 와 Module Trigger 정리하기

    Date2011.11.01 CategoryXE 팁 By종스 Views11119
    Read More
  11. XE 버튼 관련 샘플

    Date2011.10.24 CategoryXE 팁 By종스 Views7738
    Read More
  12. Xpressengine 스팸 API 골라서 적용하자~

    Date2011.06.28 CategoryXE 팁 Bygeusgod Views10621
    Read More
  13. Xpressengine 속도 향상 방법론 (트리거 제거론)

    Date2011.06.05 CategoryXE 팁 By종스 Views10330
    Read More
  14. XE 외부페이지 세션변수 및 logged_info 변수 활용

    Date2011.01.01 CategoryXE 팁 By종스 Views16533
    Read More
  15. Xpressengine 일반 함수들

    Date2010.12.31 CategoryXE 팁 By종스 Views14129
    Read More
  16. Xpressengine 외부페이지 에디터 사용법

    Date2010.12.06 CategoryXE 팁 Bygeusgod Views13889
    Read More
  17. xpressengine 메뉴 분석

    Date2010.11.28 CategoryXE 팁 Bygeusgod Views14368
    Read More
  18. xpressengine 스킨 파일에서 DB내용 불어오기!

    Date2010.11.23 CategoryXE 팁 By종스 Views13196
    Read More
  19. Xpressengine 외부페이지 폼 변수 전달하고 받는 방법

    Date2010.06.03 CategoryXE 팁 By종스 Views18371
    Read More
  20. XE 디버그(debug) 하는 방법

    Date2010.02.26 CategoryXE 팁 Bygeusgod Views26342
    Read More
Board Pagination Prev 1 2 Next
/ 2