목록Bootstrap (7)

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

[해피CGI][cgimall] bootstrap star rating

위와 같이 별점을 만들 수 있는 jquery 소스 입니다.https://plugins.krajee.com/star-rating/demo데모 사이트에 접근해 보시면 다양하게 활용가능한 방법에 대해코드와 함께 안내 되고 있습니다.https://github.com/kartik-v/bootstrap-star-rating?tab=readme-ov-file해당 사이트에서는위와 같이 초기 사용법에 대한 안내도 잘 되어있습니다.별점 기능이 필요하시다면, 해당 jquery 오픈 소스 코드도 고려해 보시기 바랍니다.
웹프로그램밍 자료실/JAVA 자료 2024. 8. 19. 09:12
[해피CGI][cgimall] Pure CSS (SCSS) Bootstrap compatible circular progress bars

css만으로 디자인 되어 있습니다. 에니메이션 효과입니다. 진행률의 단계를 지정합니다. 그래프의 표현단계입니다.
웹프로그램밍 자료실/HTML 자료 2024. 4. 23. 09:16
[해피CGI][cgimall] Custom Confirm Dialogs With Bootstrap 5 - PowerButtons

PowerButtons(이전의 confirmbutton.js)는 확인 대화 상자 추가, 조건 확인 및 경고 메시지 표시와 같은 추가 기능으로 웹 버튼을 강화하는 JavaScript/Bootstrap 플러그인입니다. jQuery와의 원활한 통합을 제공하지만 반드시 필요한 것은 아닙니다. Bootstrap이 없으면 플러그인은 기본 JavaScript 팝업 기능으로 스마트하게 대체됩니다. 다운로드 받은 파일의 압축을 해제한 뒤 examples.html 파일을 웹브라우저로 열어보면 확인이 가능합니다. 버튼을 눌러보면 경고창이나, 확인창이 아래 그림 처럼 화면에 표시가 되는 예제들이 많습니다. 예제 파일에서 각 케이스별 사용법에 대한 예제 소스를 확인할 수 있습니다 사용방법은
웹프로그램밍 자료실/JAVA 자료 2023. 12. 28. 09:17
Online Webpage Builder With jQuery And Bootstrap - VvvebJs

데모를 확인하기 위해서는 PHP가 구동되는 웹서버가 필요합니다. 웹서버에 다운로드 받은 파일을 업로드 하고, 압축을 해제한뒤에, 웹브라우저로 접속가능한 도메인(localhost 또는 IP주소등) 으로 접속한 뒤에 editor.html URL로 접속하면 됩니다. 웹브라우저를 이용해서, 웹페이지에 표시되는 요소(이미지,텍스트,레이어 등등) 를 편집할수 있는 기능을 제공해줍니다. 가령 앨범 페이지를 편집하려고 했을 때 샘플로 만들어둔 페이지(틀) 의 이미지 요소를 변경하기 위해서, 위 그림 처럼 화면에 표시하는 이미지를 선택한 뒤에 이미지 파일을 선택하거나 , 직접 보유하고 있는 이미지 파일을 업로드 하면 화면에 표시되는 이미지를 보여주고자 하는 이미지로 변경하실 수 있겠습니다. 이미지를 변경하는 것 이외에도..
웹프로그램밍 자료실/JAVA 자료 2023. 3. 14. 09:06
[해피CGI][cgimall] jQuery Ajax-enabled Month Calendar Plugin with Bootstrap - Zabuto Calendar

첨부된 파일의 압축을 해제한 뒤 웹브라우저로 demo/index.html 파일을 열어보면 데모 확인이 가능합니다. 아래와 같은 특징이 있습니다. - AJAX GET 요청을 사용하여 달력에 날짜 이벤트를 추가할 수 있습니다 . 응답은 지정된 형식으로 JSON 인코딩된 이벤트 배열을 반환해야 합니다. Bootstrap JS 모달 창 을 사용하십시오 . 정보는 이벤트 당일 클릭으로 표시됩니다. - 달력에 표시되는 날짜 이벤트의 스타일을 명확히 하기 위해 범례를 추가할 수 있습니다. - 달력은 여러 언어를 지원합니다. - 특정 날짜에 onclick 이벤트가 발생할 때 실행할 함수를 캘린더에 추가할 수 있습니다. - 여러 가지 방법으로 캘린더의 탐색 및 모양을 변경할 수 있습니다. 기본적인 달력은 위 그림과 같습..
웹프로그램밍 자료실/JAVA 자료 2023. 1. 30. 09:09
[해피CGI][cgimall] Responsive Bootstrap Dashboard Template - Morioh Theme

Morioh Theme는 jQuery 및 Bootstrap 프레임 워크 위에 구축 된 반응 형 대시 보드 (관리자 패널) 템플릿 입니다. Bootstrap 5 및 Bootstrap 4 모두에서 작동합니다 . 웹 및 모바일 애플리케이션, 웹 사이트 백엔드 및 전자 상거래 관리 포털과 같은 백엔드 애플리케이션에 적합합니다. 쇼핑몰 사이트와 같은 전자상거래용 사이트의 관리자모드를 구성하기에 사용할 만한 HTML 템플릿 입니다. jquery + bootstrap 프레임워크를 이용했기에 호환성이나 확장성면에서는 괜찮을 것 같네요. 위 그림은 메인화면의 템플릿입니다. 좌측의 메뉴를 이용해서 다양한 인터페이스를 미리 확인해볼수 있습니다. 반응형이다 보니 접속하는 기기의 해상도에 따라서, 위 그림 처럼 컨텐츠의 배치가..
웹프로그램밍 자료실/HTML 자료 2021. 6. 22. 09:17
[해피CGI][cgimall] CKEditor 플러그인 Bootstrap Glyphicon

* ckeditor - Bootstrap Glyphicon - 이 플러그인을 이용하여 에디터 작성시 아이콘을 사용할 수 있습니다. * 라이센스(무료) - GPLV3, LGPL3, MPL, MIT * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/glyphicons - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'glyphicons'; config.contentsCss = '부트스트랩CSS경로'; config.allowedContent = true; - ckeditor 툴바셋에 Glyph..
웹프로그램밍 자료실/JAVA 자료 2017. 7. 5. 09:26
Prev 1 Next