CSS3 Animations |
Animation |
<h3 class="animated rubberBand">Animation</h3> (익스9+ 사용가능)
해당 소스는 오픈소스로 링크를 통해 더많은 효과를 확인하실수 있습니다. 더많은 자료보기 |
||||
Popover |
팝오버 | <a href="#" data-content="클래스만 넣고 타이틀과 컨텐츠명만 넣으면 팝오버 사용 끝." data-original-title="팝오버 타이틀" class="btn btn-danger popover-top">팝오버</a> 팝오버 방향조절은 클래스명 popver-left, popver-right, popver-bottom, popver-top 4종류 |
||||
Modal |
모달 |
<a href="/modal.php" data-toggle="modal" data-target="#Modal" class="btn btn-default">팝오버</a> modal.php 파일이란 테스트파일을 만든후 a href="modal.php" 로 경로를 지정해주고 파일안에 모달코드를 삽입합니다.
<div class="modal-dialog">
|
||||
Tooltip |
툴팁 | <a href="#" title="클래스만 넣고 title만 적어주면 툴팁 사용 끝"." class="btn btn-warning tooltip-top">툴팁</a> 툴팁 방향조절은 클래스명 tooltip-left, tooltip-right, tooltip-bottom, tooltip-top 4종류 |
||||
Responsive |
|
<div class="table-responsive"> 현재 페이지 테이블에 적용되었으니 브라우저 크기를 줄여서 확인하시면됩니다. 모바일에서도 내용이 짤리지 않도록 테이블을 처리 |
||||
Auto Textarea |
<textarea class="textarea"></textarea> 반응형 Textarea로 스마트폰에서도 쉽게 내용을 작성할수 있습니다. |
|||||
Summernote |
반응형 에디터로써 모바일에서도 빠른 로딩속도와 간편함을 최대화 시킵니다 (테스트용이므로 정상작동되지 않습니다) |
|||||
Google recaptcha |
![]() |
세계 Big데이터를 종합하여, 회원가입이 하루 일정량 가입이 평균이상치 요구될경우를 종합하여
해당 계정을 스패머로 간주하여 차단하며, 광고글 또는 스팸글 작성이 많을경우에도 적용되어 평균이상치 글작성 계정은
접근금지를 구글 Big데이터를 통해 차단시켜버립니다. 구글리캡챠 적용방법보기 |
||||
Board |
통합형 게시판입니다 게시판관리 < 게시판타입을 설정하여 쉽게 이용하실수 있습니다 list / gallery / webzine 등등 입력으로 초기 보여줄 리스트화면을 지정합니다. |