[펄스나인] 반응형 갤러리 > 그누보드5 스킨

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

[펄스나인] 반응형 갤러리 정보

갤러리 [펄스나인] 반응형 갤러리

첨부파일

false9_gallery.zip (177.9K) 1325회 다운로드 2020-02-06 19:43:54 포인트 차감10
테스트한 버전5.3.3.3
호환 가능 버전5.3.x.x

본문

2020.02.06 수정내용

코멘트 수정시 수정이 되지않고 새로 등록되던 문제가 확인되어

수정처리 하였습니다.

폴더 내 view_comment.skin.php 파일만 대체하시면 되겠습니다.

 

----------------------------------------------------------------------------------

반응형 갤러리 V2 업로드 되었습니다.

https://sir.kr/g5_skin/32768

 

페이드인, 아웃 효과 제거, a 링크 ajax 처리하던 부분 제거 등

범용성을 위해서 불필요한 부분은 제거하고 스크립트 에러 및 버그들 수정하여

새 버전으로 업로드 했습니다.

----------------------------------------------------------------------------------

 

 

가로 100% 레이아웃을 사용하는 웹사이트에 적합한

반응형 갤러리스킨 입니다.

스킨폴더내 별도의 JS파일과 CSS파일로 작동합니다.

 

이미지 최적 사이즈 : 가로 427px / 세로 267px

한줄당 이미지 : 3줄 고정

테스트 그누보드 버전 : 5.3

 

컨텐츠몰에서 판매중인 반응형 테마에 포함되어 있던 게시판을

별도로 사용이 가능하도록 분리한 버전 입니다.

게시판 세팅 및 오류 등 간단한 지원사항은 댓글로 답변 드리겠습니다.

 

풀사이즈 반응형 게시판 : https://sir.kr/g5_skin/28466

반응형 테마 : https://sir.kr/cmall/1553156172

 

 

 

 

2019.03.26 추가내용

페이드인 효과가 들어있는 부분(로드될때 부드럽게 나타나는 효과)을

제거하고자 하신다면 아래와같이 수정해주시면 되겠습니다.

list.skin.php, view.skin.php, write.skin.php 
각각 파일의 맨하단에 있는 JS파일 로드 부분 삭제



<script type="text/javascript" defer src="<?php echo $board_skin_url ?>/autoptimize_bbs.js"></script>



autoptimize_bbs.css 파일의 .main-content 부분 삭제



.main-content {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter:alpha(opacity=0);
    filter:alpha(opacity=0)
}


위 말씀드린 부분 삭제 해주시면 페이드 효과가 없어집니다.
피드백 주신 분들께 감사 드립니다.

 

 

3696525782_1553235834.2875.jpg

 

3696525782_1553235845.3869.jpg

 

3696525782_1553235855.3705.jpg

추천
29

댓글 전체

적용해 보니 한 줄당 이미지 3개 고정이 아니라, 1열로만 출력이 됩니다.
또 모바일(아이폰)에서는 이미지가 축소되지 않고 썸네일이 좌측 1/4 정도만 짤려서 확대되어 보여집니다.
관리자 페이지에서 수정해야 하나요? 목록 list.skin.php 를 수정해야 하나요?
쪽지로 해당 url 보내주시면 증상 확인해 보도록 하겠습니다!
수정은 list.skin.php 와 autoptimize_bbs.css 파일에서 하시면 되겠습니다~
안녕하세요~ 잘 사용하고있는데 이미지를 여러장을 올릴 경우엔 썸네일이 깨지는건 어쩔수 없나요?ㅠㅠ 어떻게 글을써야 썸네일도 안깨지고 갤러리를 잘이용할수있을까용 ;-;?
https://ifh.cc/g/jclBI.jpg 이미지 남깁니닷!
관리자모드 > 게시판 설정에서
썸네일 이미지 사이즈를 가로 427px / 세로 267px 으로 설정해주셨는지
확인 부탁드립니다~!
너무 사용하고 싶은데 autoptimize_bss.css가 헤더랑 푸터에도 영향을 주는것같습니다. 경로는 맞게넣었는데 제가 뭔가 잘못하고있는걸까요? ㅠㅠ
안녕하세요~
이 스킨이 테마에서 사용되던거라 아마도 css파일안에
중복되는 style이 있을거에요.

깨지는 부분의 class를 확인하셔서 스킨 내 css파일에서 해당 class를 지워주시면 되겠습니다!

이스킨말고 중복 클래스를 어느정도 제거한 다른버전이 업로드 되어있습니다!
자료 감사합니다.
현재 /www/board/skin/board에 폴더를 저장했습니다.
평상시대로 파일을 적용하니 페이지가 나오질 않네요...
pc 스킨에 폴더 선택하고 헤더 푸터 선택했는데..
기본 헤더 푸터를 사용해도 안나옵니다.
기본 basic 테마를 사용중이시라면
/그누보드설치경로/theme/basic/skin/board/ 여기에 업로드하신후에 사용해보셔요.
테마를 사용중이신게 아니라면 /그누보드설치경로/skin/board/ 입니다.

테마를 사용중이시라 가정 하고
FTP상의 경로가 /그누보드설치경로/theme/basic /skin/board/false9_gallery/ 일때
아래 파일들이 보이셔야 합니다. ^^

/img/
/autoptimize_bbs.css
/autoptimize_bbs.js
/list.skin.php
/style.css
/view.skin.php
/view_comment.skin.php
/write.skin.php
@펄스나인 님 갤러리 스킨 역시 폰트 문제가 발생하고 있습니다
(먼저 의견드린 basic 게시판과 동일 증상입니다)

번외로,
지금 문제가 되고있는 CSS 스킨을 따로 떼어내서 기본테마 레이아웃 스킨으로 발전시켜 하나 만드시는게 어떨까요 ?

전체적으로 바뀌는 바탕화면 하며, @펄스나인 님이 추구하는 스타일이 꽤나 마음에 들어 의견 드립니다 ^^

이미지 첨부드리니 참고 해주세요 ^^

안녕하세요 펄스나인님 스킨이 예뻐서 어린이 주일학교 갤러리 용도로 사용하기위해
다운받아 설치했습니다. 핵심은 펄스나인님께서 예제로 올려주신 반응형 갤러리처럼
똑같이 보여지게 하는것인데 반응형 갤러리 스킨을 다운받고
테마를 적용했을때와 적용하지 않았을때도 아래처럼 동일한 현상이 생깁니다.
목록에서 내용보기를 체크했음에도 같은증상이 나타나는데
펄스나인님 예제와같이 그누보드의 헤더와 타일이 보여지지 않게 게시판만 보게 하려면
어떻게 해야할지 궁굼합니다. 바쁘신데 귀찬게해서 죄송합니다 ㅠㅠ
http://gaedoori.com/bbs/board.php?bo_table=dsds
게시판만 보일 수 있도록 하시려면 head와 tail을 변경하신 후
게시판에서 불러오셔야 합니다~
관련내용 쪽지 드렸습니다. 감사합니다~
모바일은 테마의 설정에 따릅니다~
theme.config 파일이나 config 파일에서 PC 및 모바일 설정하는 부분이 있습니다~
PC로 바꿔주시면 될것 같습니다~
적용해서 사용을 해보니 페이지 넘어가기 버튼을 한번 클릭하면 내용은 넘어가는데.. 페이지 버튼이 변경 되지 않습니다. 그리고 두번째 클릭시에만 버튼이 변경 되네요 .
와 엄청 깔끔하게 이뻐요 감사합니다^^
그런데 질문이 있습니다. ㅎ

해당 갤러리를 그누보드 테마에 적용하였는데요
로고 클릭 후 메인으로 바로 넘어가야 하는데
처음 한번 클릭시 갤러리가 사라지고요
두번째 클릭시 메인으로 넘어가는 현상이 나타나고 있습니다.^^

ㅁ 테마는 솔소님에 cookie 입니다.
https://sir.kr/g5_theme/4395
테스트 url을 알려주시면 한번 보겠습니다~
onclick="location.href 로 변경해서 정상작동 하신다면
게시판 내 a태그를 처리하는 부분에서 문제가 있을 수 있습니다!
저도 위에 다른분들이 써주신 증상이 있는데 해결 하셨나요?
두번 클릭해야 다른 페이지로 넘어가네요. 그리고 이 증상때문에 페이드 효과 없앨려고 본문에 써주신대로 하니까 css가 아예 안 먹혀서 갤러리가 그냥 틀어져 버렸는데 저만 그런지요?
반응형이라서 사용하고 싶어요^^
제 홈페이지 인증서를 놓고 싶은데.. 가로 세로 사이즈 조정하고...
클릭시 뷰 창으로 만든 스킨이 있었으면 좋겠네요

그래도 좋은 스킨입니다. ^^
안녕하세요 사용중 오류가생겨 문의드립니다 http://huin12.cafe24.com/bbs/board.php?bo_table=product 이곳게시판적용하여 사용하였는데, 읽기페이지 후 다시 목록으로 갔을때 서브헤더가 사라지는점과 게시판에서 바로 다른 메인이나 대메뉴이동시 한번에 이동하지않고 목록만 하얗게 사라지고 두번클릭해야 이동해야하는 오류가 납니다 ㅠ 충돌문제일까요..?
스킨내 JS파일에서 다루는 링크액션 때문에 보이는 문제인것 같습니다.

본문에 설명되어 있는 페이드효과 제거부분을 참고하셔서 수정 해보시거나
버전업 된 https://sir.kr/g5_skin/32768 이 스킨을 이용해보셔요 !
관리자모드 > 게시판관리 > 해당게시판의 우측 [수정] 버튼을 클릭하셔서
분류 항목에 추가해주시면 되겠습니다!
분류입력 후 [사용] 에 체크 하셔야 보입니다~

안녕하세요! 적용하였는데 이 게시판 스킨 자체 배경이 #fafafa 컬러인가요..? 화이트로 변경하려면 어떡해야하죠..진짜 왕초보가 묻고갑니다 ㅜ.ㅜ그리고 제가 따로 head 랑 tail 페이지를 만들어서 위아래로 먹이려고 하는데.. 홈페이지 자체가 저 게시판에 맞게 시작되서 어그러지는데 100% 꽉차게 만들 순 없는지..
너무 초보 질문이라 그렇죠.. 배경을 하얀색으로 먹였다 생각했는데 여전히 회색배경이 나와요..
css변경은 autoptimize_bbs.css 파일에서 아래와 같이 처리해보세요~

배경색상 부분
body { 로 검색하셔서 10904라인 background: #fafafa; 부분을 변경하시거나
!important 속성, 즉 background: #fff !important; 형태로 추가해주시면 되실거에요.

가로 100% 부분
.container { 로 검색하셔서 13082 라인
@media (min-width:1600px) {
    .container {
        max-width: 1460px
    }
}
의 max-width 부분을 100% 또는 적절히 수정해주시면 될것 같습니다~

테마에서 사용되던 css를 그대로 적용해서
중복되는 스타일이 많습니다 ^^ (body, a, h1, footer 등)
버전업 된 스킨을 이용해보시기를 추천 드립니다~

감사합니다.
친절한 답변 넘 감사합니다. 안그래도 배경색상 부분부터 해결해나가나 싶었는데
제가 적용하고 싶은 상단메뉴 등 잘 안되더라고요..
그런데 안내해주신 대로 버전업 된 스킨을 이제야 발견하였고,
그것으로 적용하였더니 잘 수정됩니다. new라고 뜨는 불릿?도 너무 귀엽고
정말 깔끔해요. 더욱도 수정하기 편해진것 같아요!
제가 덧붙이려했던 파일들이 중복되는 스타일이 많아서 수정이 힘들었나봐요.
정말정말 감사합니다!^^
옆에 공간이 남는데도 왼쪽으로 정렬이 되지 않고 밑으로만 게시물이 갑니다..  어떤걸 수정해야 하나요?
이미지로 봐서는 확인하기가 어렵습니다.
게시판을 감싸고 있는 div의 class 중복일 가능성이 클것 같습니다.
원본 그누가 아닌 경우 각각의 사이트의 레이아웃이나 제이쿼리 라이브러리 등에 영향을 받을 수 있으므로 크롬에서 F12로 디버깅을 해보시는것이 좋을것 같습니다.

안녕하세요 우선 펄스나인님 너무 좋은 게시판만들어주셔서
정말 감사드립니다. 아주 잘 사용중입니다.

그런데 알수없는 현상이 일어납니다.

해당 게시판에 접속한 상태에서 다른 메뉴를 누를시에 URL은 바뀌지만
메인컨텐츠들이 바뀌지가않고 한번 더 눌러야 그제서야 바뀝니다.

첨부한 이미지는 첫번째 클릭때 발생한 스크립트 오류를 캡쳐했습니다.
그리고 두번째 클릭하면 그제서야 해당페이지로 넘어가게됩니다.

그래서 이것이 저는 페이드인 효과 때문일까 싶어 펄스나인님께서 이 글 하단에
작성해주신대로 스크립트를빼고 CSS를 뺏습니다. 그러니 메뉴이동은 정상적으로 이루어집니다!
하지만 그런데 다른문제가 또 생긴것이 list 부분의 스크립트를 빼니까 위의 키즈나님 댓글처럼 갑자기 게시글들이 한줄로 떨어지게 되었습니다.

다른분들은 이런 말씀없으신것보니 제가쓰는 테마와 연동이 잘 안되는건지 싶기도합니다.

제가 쓰는 그누보드 테마는 grape 입니다.

펄스나인님 갤러리테마가 가장예뻐서 이것밖에 방법이없는데 난감하네요 ㅠㅠ

혹시 해결방법을 아신다면 답글 부탁드립니다.
감사합니다. ^^
안녕하세요~
이 스킨은 기존 운영되던 사이트의 css 및 js를 통째로 가져와서
중복되는 부분이나 불필요한 부분이 많습니다!

새로 업로드한 게시판스킨이 있습니다~
그걸 사용해보세요,
동영상 url입력 부분만 지우시면 동일 합니다.

불필요한 (링크문제 등) js나 css를 일부 제거한 버전 입니다.
https://sir.kr/g5_skin/32768

적용해보시고 다른문제가 생기시면 댓글주셔요~
덕분에 갤러리 잘쓰고 있습니다. 원래 그누보드에서 베이직 소스 가져와 검색기능을 적용해보려고 하는데 자꾸만 오류가 나네요. 제목/내용에 관한 검색을 추가하는 방법이 있을까요?
혹시 게시판에서보이는 이미지 최적사이즈가 가로 427px / 세로 267px 라고하셨는데 제가 이미지를 정사각형으로 쓰고싶어서 세로사이즈를 늘리는방법이 있을까요?
안녕하세요~ 좋은말씀 감사합니다!
이거는 작업한지가 오래되서 수정이 어렵습니다 ㅠ

https://sir.kr/g5_skin/44965
이걸로 한번 써보세요~
갯수변경은 관리자모드 > 게시판관리 에서 하실 수 있습니다~
전체 2,423 |RSS
그누보드5 스킨 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT