웹마스터 팁

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


단. 버튼 눌림 효과가 나타나지 않습니다.
제목 글쓴이 날짜
메뉴와 연결된 xe의 page에 iframe을 사용해서 제로보드4 게시판을 불러들였습니다 [2] 바람처럼.. 2007.09.14
2차,3차 메뉴가 좌측으로 일렬로 되어있어 구분이 잘 안됩니다,이럴 때~ [7] file *제트* 2007.09.16
요청하신 모듈을 찾을 수 없습니다 문제해결 방법 [11] 써니a 2007.09.17
winxp IE7 rwapm에서 한글이름파일 업로드 [12] 공수래 2007.09.17
게시물 읽을 때 하단에 목록 보이지 않게 하기 [3] 정은기 2007.09.17
제로보드 XE에서 강추하는 플래시 넣기 [12] 미오유 2007.09.19
정사각형 썸네일은 안녕~ 직사각형 썸네일을 만들어보자 [8] 매니안 2007.09.19
새 공지창 띄우기 [22] *제트* 2007.09.20
(포인트 모듈) 추가 정보 출력 [8] file Simulz 2007.09.20
공지창 소스 [2] 열린 공간 2007.09.21
<수정>사이트 메신저 회원 연동해서 사용하기.... [3] 녀석참 2007.09.22
제로보드 XE 설치후에 제대로 작동 안하는 원인은... 독도2005 2007.09.22
(모듈 설정) 모듈 목록을 추가하여 설정을 쉽고 빠르게 #2, 2007-09-28 [3] file Simulz 2007.09.23
로고에 플래시파일 사용하기 [2] 팔공산 2007.09.26
(보드 모듈) 글 목록을 조회수 별로 색상 지정하기 [15] file Simulz 2007.09.27
회원가입 약관 관련. [2] rickey 2007.09.28
페이지에 설문 조사 넣기 [2] 지허 2007.10.01
다중의 이종 웹 브라우저에서 웹 사이트 테스트하기 [1] NetEagle 2007.10.01
에디터의 옵션 설정하기.. 컴포넌트 보이지 않게 등.. [4] 지허 2007.10.01
iframe사용시 세로길이 자동 조정되게 하기 [7] file 팔공산 2007.10.04