웹마스터 팁

XpressEngine 공식 사이트가 1.5로 업데이트 되면서 Button의 모양이 변경되었습니다.
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>
??? 사이트 바로가기


단. 버튼 눌림 효과가 나타나지 않습니다.
제목 글쓴이 날짜
OpenSSL 웹에 직접 구축하기 [2] file 워리도꾸 2016.02.16
스케치북 갤러리 제목에 카테고리 추가하기. [1] 보보2 2017.07.17
XE 공식(?) 버튼 삽입하기 [다들 알지도 모르겠네요,,] [77] [1] 웹엔진 2011.02.28
글등록시 포인트차감으로 등록불가 설정시 개별설정이 아닌 전체 설정 기준으로만 사용할 경우는 적용 안 되는 버그 수정법 sejin7940 2017.08.23
폰갭 자기 전화번호 추출 한꼬마 2017.08.14
폰갭 버전 업데이트 후 push 안되시는 분들께.. 한꼬마 2017.08.09
포인트 적립 횟수 일별 제한하기 (게시글 및 댓글 작성시) Redback 2017.06.18
다음 우편번호 5자리 적용 [1] file 뒤늦게입문 2017.03.15
HTML, CSS 등 코드를 깔끔하게 정렬 [6] file 참치.k 2013.01.11
SASS? CSS확장판 키큰아이 2017.05.09
사용자정의에서 URL형, email형, textarea 형등에서도 기본값 인식하게 하려면 sejin7940 2017.04.25
비밀글에 대해서도 썸네일이미지는 출력되도록 하고 싶으면 sejin7940 2017.04.12
제로보드 사용시 아이프레임의 크기를 내용에 따라 바꿔주는 스크립트 [7] 쿨리안 2003.06.28
게시글 확장변수 순으로 정렬하기 (2010.01.18 13:18 수정) [24] June Oh 2010.01.11
인기글 [1] kdp 2015.05.07
[주옥시리즈]최신글,인기글 위젯에 댓글수 표기하기 [1] socialskyo 2013.10.01
.htaccess 파일 관련 팁(웹 사이트 퍼포먼스 향상 및 트래픽 절감 효과) [21] file 서시빈목 2013.10.22
압축 풀어 설치했던 XE를 git으로 변환하기 [6] 기진곰 2015.02.25
반응형 기본 개념 Ansi™ 2017.02.27
[도로명주소 krzip] 1.7.4 이전 버전들에 이용하기 [3] XE플스 2014.02.06