목록#BootStrap (16)

웹솔루션개발 25년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 부트스트랩을 이용한 4단계 드랍메뉴

jQuery 와 Bootstrap 을 이용한 드랍다운 메뉴 입니다. 사용법 1.head 에 css 를 정의 하세요. 2.body 에 메뉴 구조를 만들거나 기존 코드를 활용하여 변경하세요. ... ... 3.body 최하단에 스크립트를 호출하세요. ... ... $(function () { $('#bootnavbar').bootnavbar(); })
웹프로그램밍 자료실/JAVA 자료 2020. 3. 5. 09:06
[해피CGI][cgimall] 부트스트랩 윈도우 95 테마 CSS

버튼 입력폼 폰트등 윈도우 95 와 동일 합니다. 옛 분위기를 내고 싶은 사이트를 제작중이라면 해당 테마도 괜찮아 보입니다. https://themesberg.com/register 다운로드 받으실려면 가입이 필요합니다. 라이센스는 MIT 라이센스 입니다.
웹프로그램밍 자료실/기타 자료 2020. 1. 17. 09:00
[해피CGI][cgimall] Jquery 와 Bootstrap 를 이용한 notify(알림)

Notify는 닫기 버튼과 Font Awesome 아이콘이있는 Bootstrap 알림 표시 줄을 만드는 가벼운 jQuery 플러그인입니다. 플러그인을 사용하면 다른 jQuery / JavaScript 이벤트에서 여러 동적 알림을 트리거 할 수 있습니다. 가까운 오류, 성공, 정보 및 경고 알림 메시지를 사용자에게 쉽게 표시 할 수 있습니다. 또한 이러한 CSS3 스타일 알림 바는 최상의 사용자 경험을 제공합니다. 알림 메시지는 자동으로 사라지지만 수동으로 닫을 수도 있습니다. 라이센스는 MIT 라이센스 입니다. 1.라이브러리 및 CSS를 호출하세요. 2.버튼을 하나 만들어 보세요.클릭해주세요. 3.버튼에 각종 이벤트를 걸어 보세요. jQuery / JavaScript 이벤트 (click, mouseent..
웹프로그램밍 자료실/JAVA 자료 2019. 11. 28. 09:00
[해피CGI][cgimall] [jquery] bootstrapSelect v0.84

* bootstrapSelect 소개 HTML 선택박스를 부트 스트랩 드롭 다운으로 변환 사용자가 선택박스를 선택하면 값이 즉시 업데이트됩니다.부트 스트랩 드롭 다운에서 색상을 지정하려는 옵션의 클래스와 함께 select를 사용합니다. colorcode를 포함하는 data-color 속성을 대신 사용할 수도 있습니다. "colors"옵션을 "on"으로 설정하면 가능합니다 * 이용방법 압축을 해제하여 bootstrapSelect.js , bootstrapSelect.css 파일을 원하는 경로에 업로드 합니다 업로드된 파일을 html 문서에 호출합니다 선택박스를 만들어 줍니다 선택박스 선택후 버튼으로 선택값을 비우거나 값을 조정할 수 있게 버튼 및 스크립트를 생성합니다 위의 선택박스에 대한 옵션처리 외에도 ..
웹프로그램밍 자료실/JAVA 자료 2019. 10. 16. 09:08
[해피CGI][cgimall] jQuery와 부트스크랩을 이용한 목차(메뉴) 생성

jQuery 와 Bootstrap 을 이용한 목차를 만들 수 있습니다. 라이센스는 MIT Licence 입니다. selectors 를 이용하여 원하는 태그를 목차의 메뉴로 설정할 수 있습니다. 옵션은 다양하게 존재합니다.
웹프로그램밍 자료실/JAVA 자료 2019. 9. 18. 09:19
[해피CGI][cgimall] jQuery 와 부트스트랩을 이용한 사이클 차트

jQuery 와 Bootstrap 을 이용한 Circle 차트 입니다. 코드는 심플하네요. 라이센스는 MIT License (MIT) 입니다. 기본 적으로 사용된 옵션들 외에 다양한 옵션들이 더 있습니다.
웹프로그램밍 자료실/JAVA 자료 2019. 9. 17. 09:08
[해피CGI][cgimall] Bootstrap calendar

모양이나 스타일을 쉽게 변경할 수 있는 달력입니다. 월, 주, 일 단위로 일정을 볼 수 있습니다. 일정은 마지막 부분에 마우스를 가져다 대면 해당 일정의 기간을 마음대로 조정할 수 있습니다. 드래그 하면 위치도 이동이 가능하고 각 구간별 색상 지정이 가능합니다. 주, 월 단위로도 출력이 가능합니다. 주단위에서 변경한 내용은 월단위에서도 변경된 상태로 출력됩니다. 주단위나 월단위에서도 각 일정은 드래그로 위치(날짜)변경이 가능합니다. 지정된 항목을 드래그 하여 일정 등록을 할 수 있습니다.
웹프로그램밍 자료실/JAVA 자료 2019. 5. 20. 09:19
[해피CGI][cgimall] jQuery Multiple Select Plugin For Bootstrap - Bootstrap Multiselect

- 라이센스 MIT - 사용 방법 1. 작업할 페이지 상단에 jquery 라이브러리, 부트스트랩 링크를 추가합니다. 2. jquery 라이브러리 하단에 Bootstrap Multiselect 라이브러리 링크를 추가합니다. 3. SELECT 박스를 추가합니다. 4. 플러그인을 호출합니다. 5. 세부 옵션이나 기본 설정을 변경합니다. - 결과물
웹프로그램밍 자료실/JAVA 자료 2019. 2. 12. 09:04
[해피CGI][cgimall] Pretty Bootstrap-style Datetime Picker Plugin - Perfect-DateTimePicker

날짜나 시간을 확인하고 선택가능한 달력 플러그인입니다. 첨부된 파일의 압축을 해제해서 examples/demo.html 웹브라우저로 열어보면 확인이 가능합니다. 한 6가지 정도 예제가 있네요 1. 날짜 + 시간 2. 날짜 + 시간(초는 제외) 3. 년도 와 월 4. 시간(시분초) 5. 시간(시분) 등등의 웹페이지에서 날짜와, 시간을 입력받을수 있는 플러그인입니다.
웹프로그램밍 자료실/JAVA 자료 2018. 12. 7. 08:54
[해피CGI][cgimall] 부트스트랩 무료테마 - Start bootstrap

부트스트랩 무료 템플릿 사이트입니다. 다양한 템플릿 파일을 미리보기 버튼을 눌러 볼수 있으며 다운로드도 가능합니다. 위 라이브 프리뷰를 누르면 데모 확인 / 다운로드 또는 github를 통해서 소스를 확인하실수도 있습니다. 그리고 부트스트랩은 빠르고 쉬운 웹개발을 위해서 제공되는 프레임워크이며 이를 이용하여 사이트를 만들수 있습니다. 사용방법은 부트스트랩 및 부트스트랩 사용법등 검색을 하시면 다양한 검색결과를 확인하실 수 있으며 [부트스트랩 사용법] 아래의 사이트에서 쉽게 사용법을 정리해두었으니 참고 하시면 좋으실것 같습니다. http://tworab.tistory.com/71 기본적인 반응형웹 및 커스텀도 유용하여 사이트 제작에 도움이 되리라 생각합니다 ^^
웹프로그램밍 자료실/기타 자료 2018. 12. 4. 09:14
Prev 1 2 Next