목록#부트스트랩 (7)

웹솔루션개발 22년 노하우! 해피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와 부트스크랩을 이용한 목차(메뉴) 생성

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

부트스트랩을 이용하여, 많은 양의 콘텐츠 내용을 숨김처리했다가, 버튼 클릭 이벤트를 통해 표시하는 스타일입니다. 간략내용만 보여줬다가 버튼 클릭시 내용 전체를 보여줄 수 있습니다. 내용이 많거나, 다양한 디자인 구성에 이용할 수 있습니다. 버튼 스타일도 제어가 가능합니다
웹프로그램밍 자료실/기타 자료 2018. 5. 31. 09:14
[해피CGI][cgimall] 부트스트랩을 이용한 진행률 표시 스타일

부트스트랩을 사용하여 진행과정을 표시하는 스타일입니다. 그 중에서도 가장 기본적인 진행 막대입니다. aria-valuenow 수치와 스타일에 수치를 조절하여 진행율을 표시할 수 있습니다. 위 진행막대를 이용하여 여러곳에 이용가능합니다.
웹프로그램밍 자료실/플래시 자료 2018. 5. 30. 09:07
[해피CGI][cgimall]마우스클릭시 팝업형태로 나타는 부트스트랩 Popover 플러그인

툴팁과 유사한 형태로 요소를 마우스 클릭시 팝업상자가 나타나는 부트스트랩 Popover 플러그인입니다. 팝업내 콘텐츠는 title과 data-content 값을 통해 입력이 가능하며, 간단한 추가 설명문 또는 안내문을 출력시 유용한 부트스트랩 플러그인 소스입니다. data-placement 추가 속성을 통해서 클릭시 출력되는 팝업 위치를 조절할 수 도 있습니다.
웹프로그램밍 자료실/HTML 자료 2017. 9. 13. 08:52
[해피CGI][cgimall]부트스트랩 모달윈도우 플러그인

레이어 팝업형식의 부트스트랩 모달윈도우 팝업입니다. 로그인창, 회원가입창 등 집중해야되는 새창에 효과적인 소스입니다. 모달 윈도우에 이미지는 물론, 여러가지 소스, 내용도 삽입해서 이용이 가능합니다. 부트스트랩 CSS 및 플러그인 클래스 조절로 다양한 모달 윈도우 팝업을 이용하실 수 있습니다. 모달 윈도우 플러그인 메서드, 클래스 , 이벤트는 https://www.w3schools.com/bootstrap/bootstrap_ref_js_modal.asp 참고하세요.
웹프로그램밍 자료실/기타 자료 2017. 8. 29. 08:58
Prev 1 Next