웹마스터 팁

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>
??? 사이트 바로가기


단. 버튼 눌림 효과가 나타나지 않습니다.
제목 글쓴이 날짜
새로운 쪽지 유무에 따라 이미지 변경하는 법 [2] 멀티비타민 2013.12.16
관리권한 없이도 특정그룹에게 비밀글 열람 및 댓글작성 권한 부여하는 방법 ( 부운영자등을 위해) sejin7940 2018.04.26
게시판 본문읽기에서 컨텐츠 이미지와 텍스트 분리하여 출력하기 forest535 2018.04.09
EXIF 메타정보 필요하신 분 있으시면 forest535 2018.04.09
XEDITON 레이아웃에 다국어(국기) 선택 버튼 추가하기 [7] file ehii 2015.04.15
댓글을 역순으로 출력하는 팁 (최근댓글이 가장 위에) [8] sejin7940 2012.02.10
게시글 상하단에 광고삽입하기 veplay2 2018.03.08
winamp 방송정보 알아오기 (2005년 새로 코딩한 버전) [8] file 이승원 2005.05.06
[강추]!! 긁어와서 [자동]으로 게시글로!! [메타 블로그] php 로 넣기!!! xe블로그api를 이용한.. [51] file 김기철980 2009.01.29
css팁 : 웹폰트 저장소 Dotcomsoft 2018.01.17
css 팁 : 색상코드 검색이필요할때 Dotcomsoft 2018.01.17
모바일에서 유투브 동영상 크기 300px고정 [28] 패시브 2012.07.31
XE에 채팅 연동 하기 [1] younggyo 2017.12.15
bitnami ssl 클라우드플레어 설정법 키큰아이 2017.12.06
성공적인 홈페이지 제작을 위해 점검해야 될 사안 웹369 2017.12.05
제로보드에서 iframe 높이 자동(유동적)조절(파폭,IE, 오페라,사파리,IETester) [11] file hhgyu 2010.09.17
통합검색의 기본값을 '제목' 이 아니라 '제목+내용' 으로 하고 픈 경우 [2] sejin7940 2017.02.24
모바일앱, 모바일 어플에서 카카오톡, 카카오 스토리 앱으로 공유하기 한꼬마 2017.10.31
폰갭 모바일 사진 분석 부터 번역까지 아토피뉴스 2017.10.16
사랑비Bgm 플레이기 설치하고 제어하기 [5] file 팔공산 2008.11.22