게시판
알림> 2022-07-24 php 5.x 서버에서만 작동됩니다 라이브러리가 2009년 마지막 업데이트되고 그 이후 개발자의 업데이트가 없는 상황입니다 php 7 에서 작동되도록...
Bootstrap4(부트스트랩4) Card활용한 반응형 갤러리스킨
링크
https://live24.co.kr/demo/okboot4/bbs/board.php?bo_table=gallery_boot4 (1605) https://365ok.co.kr/bbs/board.php?bo_table=program (949)
Boostrap4 Card를 이용한 반응형 갤러리입니다.
이것을 활용하여 부트스트랩4테마에 게시판 스킨을 만들었습니다.
데모 : 링크1
게시판스킨 적용방법
첨부파일을 다운로드하여 압축을 풀면 pc폴더와 mobile폴더가 있습니다.
각각 게시판 스킨에 업로드하면 됩니다.
*주의사항
이 스킨은 부트스트랩4용입니다. 해당테마에 관련 라이브러리가 없다면 아래 라이브러리를 추가한 후 사용해야 합니다.
- https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css
- https://code.jquery.com/jquery-3.2.1.slim.min.js
- https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js
참고로 부트스트랩4테마는 https://365ok.co.kr 에서 '실전홈페이지제작강좌'회원을 위해 무료로 제공되고 있습니다.
웹종사자의 필수 지식...
CSS Flexbox강좌 외 많은 강좌가 제공되고 있습니다.
버전 정보
테스트한 버전
5.3.2.5
호환 가능 버전
5.3이상
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
그누보드5 스킨
좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
게시판
Boostrap4 Card를 이용한 음식점 메뉴에 사용할 수 있는 게시판 스킨입니다. 이것을 활용하여 부트스트랩4테마에 게시판 스킨을 만들었습니다. 데모 : 링크1 게시판스...
게시판
게시물 내용에만 적용했던 것을 게시물 목록에도 적용하였습니다. 그래서, 수정된것으로 새로 올립니다 (그전에 올린것은 삭제) -------------------------------...
갤러리
Boostrap4 Card를 이용한 반응형 갤러리입니다. 이것을 활용하여 부트스트랩4테마에 게시판 스킨을 만들었습니다. 데모 : 링크1 게시판스킨 적용방법 첨부파일을 다...
레이아웃
특별한 것은 없고 jQuery Typed.js를 사용해서 아미나 basic-title위젯에 적용한것입니다. 폰트크기나 색상옵션도 넣어보려했으나 그냥 패스했습니다.^^ ...
갤러리
그누보드 5.3.1.2 에서 작업하였습니다. 위 그림과 같이 타임라인 갤러리 게시판입니다. 라인센스와 관련하여 무료 CSS 템플릿을 활용하여 제작하였습니다.(상업 비상업 ...
게시판
장터 게시판에 사용할수 있는 게시판 스킨입니다. 장터에서 중고 물건 거래할때 필요할 법한 항목들을 입력하고 보여줘서 물건 찾기 더 편리하게 도와줍니다. PC화면만 있습니다....
게시판
그누보드 5.3.1.2 에서 작업하였습니다. 그림과 같이 masonry 레이아웃을 적용한 기본 갤러리 게시판입니다. 압축파일을 다운 받으신 후 해제하여 skin>>boa...
갤러리
목록화면에서 이미지위에 마우스를 올리면 효과를 줍니다. 5.3 버전에 적용하시고 싶으시면 list.skin.php 파일과 wzappend.css 파일만 따로 빼서 적용하시...
레이아웃
스킨이라고 하기는 뭐하지만 오래전에 하드코딩해서 만든 jquery popup 성경구절보기 입니다. bible.html 단일페이지이며 제목을 클릭하면 팝업창으로 성경말씀이 나옵니다...
댓글 38개
그러나
여기 오류가 있습니다.
http://220.230.121.231/okboot4/bbs/board.php?bo_table=datatable
그리고 어떤 오류를 말씀하시는지..
해당 스킨은 Tatatable 라이브러리를 소개하는 의미에서 만든 것이라 그누보드5게시판과 완벽하게 호환이 되지는 않습니다.
혹시 이 방법으로 적용시 글등록할때 최신글 배열이 가로형이 아니라 세로배열로 나오는데
원래 그런건가요~? 아니면 가로배열로 바꿀수있는 방법이 있을까요?
부트스트랩4는 css flex를 적용합니다.
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
를 head에 넣으면 로그인시 폼에 마우스 클릭이 안되서.. 스킨에 list_skin.php에 따로 넣었는데 검색창 폼만 클릭이 안됩니다..ㅠㅠ 탭으로 이동할수는 있고 마우스 클릭만 안먹네요.. 어떻게 해결할수 있을까요..