웹마스터 팁

XE에서 버튼 부분이 사라져 이 곳에서는 테스트가 어렵습니다.

양해 부탁드립니다.

WebEngine[Tip]

XE공식 버튼2 삽입하기 입니다.
이건 원래 배포가 안되어 있어서 XpressEngine 공식 사이트에서만 사용이 가능했는데요.
카르마님의 미배포 게시판 스킨에서 사용되길래 올려봅니다.

1. 내 사이트에 넣어보자!

우선 첨부한 이미지를 다운받아서 [ ./common/css/ ] 에 저장해 주세요. (파일 이름은 반드시 btn25.gif 로 해 주세요.)
그리고 [ ./common/css/button.css ] 를 수정합니다.

아무곳이나 상관 없는데 알아보기 쉽게 하는게 좋을거에요.

/* btn25 */
.btn25,
.btn25 a,
.btn25 button,
.btn25 input{display:inline-block;height:25px;line-height:25px;padding:0;margin:0;overflow:visible;position:relative;background:url(btn25.gif) no-repeat;cursor:pointer}
.btn25{background-position:0 0;margin:0 2px 0 0;vertical-align:top}
.btn25 a,
.btn25 button,
.btn25 input{padding:0 12px;left:2px;font-size:12px;color:#4a4a4a;font-weight:bold;border:0;background-position:right 0;text-decoration:none}
.btn25.blue{background-position:0 -30px}
.btn25.blue *{background-position:right -30px !important;color:#fff !important}
.btn25.black{background-position:0 -60px}
.btn25.black *{background-position:right -60px !important;color:#fff !important}

를 넣습니다.

2. 어떻게 사용하지?
<span class="btn25"><button>공식버튼2 예제</button></span>
공식버튼2 예제
<span class="btn25"><input type="button" value="공식버튼2 예제"></span>

<span class="btn25"><input type="submit" value="공식버튼2 예제"></span>

IE와 오페라를 제외하면 대부분 다 버튼효과가 안나타 납니다.

3. 링크를 걸수는 없을까?
<span class="btn25"><a href="http://xpressengine.com">공식버튼2 예제</a></span>
공식버튼2 예제
단, 버튼 눌림 효과가 나타나지 않습니다.

4. 색상은 바꿀수 없을까?
<span class="btn25">~~~</span> - 기본
공식버튼2 예제
<span class="btn25 blue">~~~</span> - 파랑(보라)
공식버튼2 예제
<span class="btn25 black">~~~</span> - 검정
공식버튼2 예제

 
5. 저건 파란색이 아니라 보라색인데?
그래서 있는게 색상 변경 버젼입니다.
파일 첨부한 btn25_2.gif의
이름을 btn25.gif로 바꿔서 올리시면 됩니다.

파일 미리보기

btn25.gif
btn25.gif

btn25_2.gif
btn25_2.gif

제목 글쓴이 날짜
조회수 클릭때마다 올라가기(1.5.2 버전) 송동우님 팁 [7] 때린데 또때려 2012.04.08
제로보드 1.5 이상 게시판에 페이스북 댓글 플러그인 설치법 [1] 줄루™ 2012.03.05
모바일 첨부,댓글,댓글쓰기 항상 열어놓기 [10] 키스미베이베 2012.05.31
Xe1.5 + board 1.4[목록설정] [분류관리][게시글관리]느린 로딩해결법 [30] 황비 2012.01.14
아이디/비밀번호 찾기 메일안올때 확인사항 (리눅스) [3] 이영길 2008.09.29
1.5.1에서 파일업로드가 안 되는 분 보세요. [12] 별님왕자 2011.12.07
회원가입시 항목 설명부분에 html 태그를 쓰고플 경우 [3] sejin7940 2012.05.24
쉬운설치후 백지현상 해결방법 [복잡해서 다시 작성하였습니다.) [4] file 마음의빈자리 2012.05.24
코딩하시는 분들 참고.. [1] 엘카 2012.05.24
rewrite rule 예외처리하기 [2] 대류 2012.01.01
관리자페이지 게시판목록에서 일괄 권한 설정 안 되는 버그 수정법 [1] sejin7940 2012.05.17
socialxe 페이스북에서 SSL timeout 해결법 및 자체 서버사용시 500 문제해결 [1] spi-ca 2012.05.16
제작시 방화벽문제 때문에 고정IP 주소가 필요할때 [2] sejin7940 2012.05.09
XE1.5.0.2 시작 모듈 설정하는 방법 [16] file gayeon 2011.10.01
XE 공식 버튼2 삽입하기 [32] file 웹엔진 2011.05.14
확장변수 쉽게 출력하기 [7] lightnsalt 2008.03.04
모든 원하는 확장변수를 선택해서 최근게시물 위젯에 나타내기 간단팁 [12] jsuimage 2009.10.17
포인트 수정없이 원하는 레벨 아이콘이나 원하는 이미지 출력하기(0.29용) [20] 지연아빠 2008.02.02
모듈 개발하실때 새로운 버전이 나오면 알림 기능 만들기 [4] file 라르게덴 2011.02.24
그누보드 데이터를 XE 로 이전하는 컨버터 입니다. [2] file joyhmbc 2012.04.27