웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
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 예제
XE 공식 버튼2 삽입하기
2011.05.14 21:28
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>
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_2.gif
댓글 32
제목 | 글쓴이 | 날짜 |
---|---|---|
IFRAME 삽입 [20] | 박종익 | 2003.10.10 |
page에 웹페이지의 보드(게시판 ) 삽입 [2] | parkys | 2007.10.24 |
[동영상강좌] 제14회차 - 스크립트내 html삽입하기 | 아이티스터디 | 2006.02.02 |
XE 공식(?) 버튼 삽입하기 [다들 알지도 모르겠네요,,] [77] [1] | 웹엔진 | 2011.02.28 |
XE 공식 버튼2 삽입하기
[32]
![]() | 웹엔진 | 2011.05.14 |
모바일 메인에서 쓰는 기능을 삽입할려면 어떻게 해야 할까요?> | 최상순480 | 2011.08.02 |
xpresseditor 사용시 첨부파일 본문삽입 중복되는 문제 수정.
[13]
![]() | misol | 2012.01.31 |
HTML 편집모드에서 파일 첨부 본문 삽입시 자바스크립트 오류가 뜨는 문제 수정 팁 [1] | misol | 2012.02.01 |
[고급] 내 XE 모듈에 editor 삽입하기 [8] | 개발해보쟈 | 2013.01.22 |
게시판에 갤러리 자동 삽입 [1] | 강지우588 | 2013.06.04 |
view_document.html 없는 곳에 구글 애드센스 삽입하기..
![]() | 착한부산남자 | 2013.06.27 |
여러장의 이미지 동시 삽입시 이미지 간격조정 팁 [3] | 꿈섬 | 2013.08.10 |
[10원팁]AJAX Uploader 본문삽입 버튼 색상을 변경합시다.
[2]
![]() | socialskyo | 2013.12.25 |
게시판 데이터 일괄 삽입 방법 [1] | Happyphp | 2014.07.26 |
SEO 모듈 수정을 통한 Google analytics User ID 추적코드 삽입 | 하얀마법 | 2014.11.14 |
사용자 매뉴에 회원정보와 포인트설정 바로가기 기능 삽입
[1]
![]() | 간장게장같은남자 | 2015.01.23 |
게시판 작성시 본문에 자동으로 삽입 스크립트 | 한꼬마 | 2015.10.22 |
게시글 상하단에 광고삽입하기 | veplay2 | 2018.03.08 |