크롬80버전 결제 이슈, 영카트5 주요패치 확인! 재택근무에 따른 고객지원 안내

[펄스나인] 반응형 갤러리 V2+유튜브/썸네일 자동등록 > 그누보드5 스킨

그누보드5 스킨

스킨 다운로드시 좋아요 클릭과 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y

[펄스나인] 반응형 갤러리 V2+유튜브/썸네일 자동등록 정보

갤러리 [펄스나인] 반응형 갤러리 V2+유튜브/썸네일 자동등록

첨부파일

첨부파일 false9_gallery_v2.zip (119.0K) 415회 다운로드 2019-12-03 22:05:13 포인트 차감10
테스트한 버전5.3.3.3
호환 가능 버전5.3.x.x

본문

2019.12.03 수정내용
autoptimize_bbs.css 파일의 .footer .nav body html 등 

중복될 수 있는 불필요한 클래스 제거

2019.10.15 수정내용
기존 고해상도 썸네일 maxresdefault.jpg 을 가져오던 부분이

HQ 영상이 아닌경우 썸네일이 없는 경우가 있으므로 기본 썸네일 0.jpg

가져오도록 변경 하였습니다.
피드백 주신 @goodbam 님 감사합니다.

 

수정된파일

list.skin.php (91라인 끝부분 .jpg 파일명 수정)

 

2019.10.13 수정내용
유튜브 동영상 재생 및 썸네일 자동등록 추가 되었습니다.

여분필드 wr_10 을 활용하고 있으며 유튜브 동영상 ID 만 입력하시면 자동 등록 됩니다.

유튜브 동영상 ID는 동영상 주소에서 아래 빨간색 부분 입니다.
예) https://www.youtube.com/watch?v=rDZEYB1EkaU

 

수정된 파일

autoptimize_bbs.css (44라인 ~ 50라인 추가 및 수정)

list.skin.php (84라인 ~ 96라인 수정)

view.skin.php (70라인 ~ 75라인 추가)

write.skin.php (135라인 ~147라인 추가)

 

리스트 썸네일 추출 우선순위

1순위 : 첨부파일이 이미지인 경우

2순위 : 에디터에서 이미지가 입력된 경우

3순위 : 유튜브 동영상 ID를 입력한 경우

 

동영상 ID가 입력되어 있고, 첨부파일이 이미지인 경우

첨부파일 이미지가 썸네일이 됩니다.

동영상의 썸네일인 경우 Youtube 재생버튼 아이콘이 보여집니다.

 

안녕하세요. 펄스나인 입니다.

한동안 바빠서 스킨업로드를 못했네요..

 

반응형 갤러리 업로드 이후에

생각보다 많은분들께서 스킨을 써주셔서 감사의 인사를 전함과 동시에

다음버전을 살포시 업로드 해봅니다.

 

· a 링크 ajax 처리 전부 제거

· 페이드인, 아웃 효과 제거

· 그누기본 default.css 와 겹치치 않도록 css 코드 일부 제거 및 변경 (남아있을 수 있음...)

· 스크립트 에러 찾아서 수정 및 제거

· 댓글작성 후 수정시 새로 등록되던 문제 처리

· 비밀댓글 되지않던 부분 추가

· 리스트 레이아웃 변경(그리드)

· 롤오버 효과, new 뱃지 추가, youtube 뱃지 추가

· 유튜브 동영상재생(iframe) 추가 및 썸네일 자동등록 추가

· 기타 등등.. 추가추가추가추가제거제거.

· 귀차니즘으로 인라인 style 이 조금 있을 수 있습니다.

· 코드 좀 더럽습니다.

 

· 테스트 그누 버전 : 5.3.3.6

· 폰트어썸 4.7.0 (그누기본) https://fontawesome.com/v4.7.0/icons/

· 제이쿼리 3.1.1 http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js
 

썸네일의 사이즈를 비율로 조정하기 위해

게시판관리 > 갤러리이미지 높이를 으로 맞춰주세요.

 

237736610_1570799991.4177.png

 

온전한 피드백은 언제나 환영 입니다 ^^

 

 

1754226440_1570912767.3349.jpg

237736610_1570801149.6175.jpg

추천37

댓글 전체

편의상 유튜브 동영상 기능이나 썸네일 등록이 되는부분도
있으면 좋을것 같아서 추가해 보았습니다.
좋은 의견 감사드립니다.

다만, 에디터 안에 유튜브에서 제공하는 코드복사로 입력하기에는
반응형 처리나 비율처리 등의 문제가 있어서
동영상 ID만 입력하면 동영상 재생이나 썸네일이 등록 되도록 처리했습니다.
자세항 설명은 위에 적어두었습니다~
대박 입니다!!!!  감사합니다
펄스나인님이 그동안 만들어주신 게시판 스킨들이 너무 이뻐서 사용하고 싶었는데 유튜브 썸네일이 없어서 매우 아쉬웠었습니다!!

기존에 올려주신 펄스나인님꺼 게시판 스킨들에도 이와 같이 유투브 썸네일 기능을 추가하려면 어떻게 해야하죠?? ㅜㅜ
감사히 사용하겠습니다~!
그런데 default.css에서 footer 부분이 겹쳐서 footer부분을 일단은 모두 주석처리해두었는데,
이 스킨에서는 footer를 어떤부분에 사용하는 것인가요?
주석처리하고 사용해도 문제는 없을까해서 댓글 남겨봅니다!
게시판과는 관계가 없습니다~
전에 테마에서 사용하던 공용 css를 분리해서 게시판에 적용을 한거라서
테마에서 쓰던 style이 남아있을 수 있습니다 ^^;

지운다고 지웠는데 아직 남아 있었나보네요~ㅠ
와....엄청나게 빠른답변 감사합니다.!!
제가 생각했을 때 PC에서 그림을 3개의 컬럼으로 나누는 부분이
sizer라는 친구를 이용해서 사이즈를 맞추고?
배치를 시키는 방식인 것 같은데
모바일에서는 이 sizer가 작동을 하지 않는듯합니다.
물론 이렇게 일부로 구현하신 것으로 보이지만...
최소한 3개가 아니라 모바일에서 1줄에 이미지가 2개씩이라도 보이게 하려면
이를 조정하거나 threecolumns를 이용해서 해야될 듯 한데...
일단 모바일에서는 이 %가지고 조절하려 디버깅을 해보아도 그림 사이즈만 줄고
배치는 되지를 않는것 같아요.
혹시 조금이라도 힌트를 주실 수 없을까요...?


예상하기로는 배치를 위해 사용되는 클래스는 ... 아마도 autoptimize_bbs.css 에서의 이 클래스입니다.
(.portfolio__grid.three--columns .item, .portfolio__grid.three--columns .sizer
네 맞습니다. js파일을 통해서 컬럼처리를 하고 있습니다~
방금 다시 테스트를 해보니 모바일에서도 작동은 합니다. 혹시 다른부분에 문제가 없으신지 확인이 필요할것 같습니다.

모바일 에서는 현재 한장씩 보여주고 있습니다.
2장 이상으로 나누고자 하시는 경우는 꼭 js를 수정하실 필요는 없으실것 같고
css에서 @media max-width 별로 이미지 사이즈를 조정해보셔요.

이미지의 width가 100% 되는 구간이 있는데
이 구간을 좀더 줄이시면 될것 같습니다.
부트스트랩내용 끝나고 나오는 클래스 부분 말고
거의 맨 끝에도 미디어쿼리로 이부분이 선언이 되있는걸 찾았네요.
감사합니다!
완벽한 반응형 유튜브 스킨 너무 고맙습니다^^ 한가지 여쭈어 보고싶은 부분이 유투브 썸네일이 나오지 않는 경우는 뭘까요? 첨부파일도 없고 코드만 넣고 내용에 점하나 찍어서 올리니 썸네일이 나오지않네요? 어딘가 다른 수정부분이 필요할까요? 5.3 버전입니다~
혹시 다른 동영상ID도 넣어보셨어요?
고해상도 이미지를 가져오도록 세팅이 되어있는데
아무래도 해당동영상에 고해상도 썸네일이 없는 경우인것 같네요!
고해상도를 일반 해상도로 바꿔서 테스트해보고
다시 올려 드리겠습니다 ^^
썸네일 추출을 maxresdefault.jpg 로 하고있었는데
이 썸네일이 HQ영상 에서만 생성이 되는 썸네일 이라고 하네요~

동영상 배경으로 들어가는 썸네일(기본) 0.jpg 으로 수정하여 업로드 했습니다.
다시 테스트 부탁드립니다 ^^
우와 피드백 속도 장난아니군요^^ 최곱니다ㅎㅎ 말씀하신부분 업로드하여 확인해보니 정상적으로 섬네일 출력됩니다. 너무 감사드립니다^^
안녕하셔요~
베이스 게시판에 검색이 빠져있어서 그부분은 고려하지 못했네요 ㅎㅎ
다음주쯤 업데이트 해보겠습니다.
급하시면 검색부분만 넣어주시면 작동은 할거에요 !
드디어 다운받아 적용했어요^^ 그런데.. tail 하단 페이지가 깨져서 나오네요 ㅜㅜ
autoptimize_bbs.css 여기에서 수정을 해야하는거 같은데.. 초보라 잘 모르겠네요.
게시판을 적용하신 페이지의 하단파일에 들어가있는
클래스(class)명을 확인해주시고
autoptimize_bbs.css 파일에 동일한 클래스명을 쓰고있는것 같으니
중복되는게 있다면 지워주시면 되겠습니다.

테마에서 사용하던 css를 분리해서 게시판에 적용을 해서
footer나 기타 겹치는 클래스가 있을 수 있습니다.

해당부분은 조속히 수정을 해보겠습니다 ^^

게시글 입력창이 이렇게 깨지는데 왕초보라 어디를 건드려야할지 모르겠네요ㅠㅠ!
사용하고 있는 css가 충돌된걸까요? 다른페이지는 다 정상작동합니다!
css 충돌인것 같습니다.
글쓰기 부분 전체를 감싸는 div의 사이즈가 줄었네요
전제를 감싸는 부분의 class를 체크해보셔야 될것 같습니다~
또는 문제되는 부분의 css에서 !important 를 추가해보세요.
사용예) .div {width:100% !important}

해결이 안되시면 해당페이지의 url을 쪽지 또는 메일로 보내주시면
확인한번 해보도록 하겠습니다.
질문 좀 드려봅니다.
글작성 시 에디터에서 글씨크기를 변경하는 것이 아니라
기본적으로 본문 내 글씨크기를 크게하고 싶어서
찾다가 autoptimize_bbs에서
.txt {
font-family: 'Noto Sans', sans-serif;
font-size: 19px;
letter-spacing: -0.4px;
부분에서 폰트사이즈 변경으로 본문 내 글씨크기를 바꿨습니다.
그런데 글씨가 커지니 줄간격이 좁아져서 줄간격을 늘리려고
위 소스 밑줄에 line-height 속성을 넣었는데 이건 적용이 안되네요.
letter-spacing 은 제대로 작동하는데 line-height 는 왜 안되는지 모르겠습니다.
물론 글 작성 시 에디터에서 글간격을 조절할 수 있지만
기본적으로 글 간격을 넓히고 싶습니다.
이건 어디서 수정해줘야 할까요?
앞에 답변 감사드립니다. 또 질문 드립니다.
우선 게시판 설정에서 썸네일 크기를 고정해놓았습니다.
리스트에서 정렬의 통일감을 주기 위해서요.
모바일에서 게시판 리스트를 볼때 기기에서 세로로 보면 글이 1개씩 밑으로 나열되어 괜찮습니다.
그런데 가로로 보거나 화면이 좀 큰 테블릿으로 보게되면 글이 가로 2개씩 출력이 됩니다.
문제는 제목이 길어 2줄로 나오는 글이  중간중간 섞여 있으면 정렬이 무너지게 됩니다.
그래서 게시판설정에서 제목글자수를 제한해 보았는데 모바일제목길이 는 적용이 안되고
그냥 제목길이 로만 PC 모바일 공통적용 되더라구요.
제목길이를 10 까지 줄여야 모바일 가로모드나 테블릿에서 볼때 제목이 2줄로 안나오게 됩니다.
문제는 글제목을 10 으로 줄였으니 PC 에서 보거나 모바을 세로모드로 볼때 글제목이 몇글자 안나오게
되는 상황이 발생하구요.
어떻게 해결해야 좋을까요.
모바일버전이 아니므로 관리자 모드에서
해당 게시판의 모바일 설정에 관한 적용은 되지않는게 맞으시구요
(올린 스킨은 PC버전이고, 기본적인 반응형이 PC버전을 기반으로 모바일화면으로 변형 됩니다.)

제목을 관리자모드에서 설정으로 자르게 되면
PC버전과 모바일에 통용되는 갯수로 맞추기가 어렵습니다.

팁게에 제가 올렸던 유동적으로 글자자르는 팁
https://sir.kr/g5_tip/11683 게시물을 참고하셔서 해보시면 될것 같습니다.
글자를 감싸고 있는 영역을 overflow:hidden 해주고 width를 90% 정도로 맞추면
해당영역의 width를 퍼센트로 잡아주었기때문에 유동적으로 글자를 자를 수 있습니다.

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

위 내용 외에
가로모드나 태블릿으로 봤을때 게시물 가로열이 1줄 이상이 되는것을 방지 하시려면
autoptimize_bbs.css 파일의 하단부에

@media (max-width:575.98px) {
.내용
}

이런형태로 미디어 쿼리가 있습니다. 해석 하자면
@브라우저의 최대 가로 사이즈가 575.98px 이하일때 실행 {
}
입니다.

현재 브라우저의 가로사이즈가 575.98px 이하 일때
리스트의 div 가로사이즈를 100%로 변경(1줄) 하도록 되어 있습니다.
설정되어 있는 브라우저 가로사이즈 수치 575.98px 을
좀더 늘리셔도 될것 같습니다.

바로위에 @media (max-width:767.98px) 부분은 50% 로 변경하므로
두줄로 보이니 이부분 역시 좀더 늘려주시면 될것 같습니다.

즉, 가로모드나 패드 등의 사이즈를 고려하여
1줄로 변경되는 마지막 미디어쿼리 부분의 맥시멈 사이즈를
패드의 가로사이즈보다 더 크게 늘려주어서
패드의 가로사이즈에 도달 하기전에 1줄로 변경한다는 내용입니다.

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

가장 쉬운 방법은 제목을 설정으로 자르지 않고,
text-overflow: ellipsis 를 활용해서 자르는것이 좋을것 같습니다.
위에 말씀드린대로 https://sir.kr/g5_tip/11683 게시물을 참고해보셔요.

도움이 되셨길 바랍니다~
감사합니다.
안녕하세요! 갤러리 스킨 다운받아서 잘 적용하고 사용중입니다 넘 감사합니다^^ 그런데 갤러리 화면에서만 상단 메뉴css가 조금 이상해서요ㅠㅠ 원래는 스크롤하면 상단메뉴 1단이 사라지면서 2단이 상단 fixed 되는것인데 갤러리에서만 적용이 안되구 스크롤바도 잡아먹고.. 쪽지를 드리고 싶은데 제 정보 공유를 안해서 못보낸다고 그러네요 변경하는 법을 모르겠어서 댓글로 실례지만 도움을 요청해봅니다! http://nubes.dothome.co.kr/bbs/board.php?bo_table=service&wr_id=3
아마도 코딩하신 css중 autoptimize_bbs.css 파일에서 다루는 클래스와 중복이 있을것 같습니다.

문제가 되고있는 부분의 id나 class명을 autoptimize_bbs.css 에서 찾아보시고 동일한게 있다면 지워보셔요~
초보라서 일단 말씀하신대로 폴더에 스킨폴더에 넣고 관리모드에서 지정도 했습니다만 저는 왜 그누보드 기본홈피 그대로 이렇게 뜨는걸까요 http://sholics.codns.com/bbs/board.php?bo_table=gallery 가르침을 주세요 ㅜ
질문을 정확히 이해를 못했습니다 ^^;

게시판 자체가 스킨적용이 안되시는거면
테마를 사용중이신 경우 theme/basic/skin/board/ 로 넣어주셔야되고
테마를 사용중이지 않으신 경우 /skin/board/ 로 넣어주시면 되겠습니다~
둘줄 한곳에 업로드하셨고 안나오시면 다른곳에 넣어보시고

지금 다시보니 게시판은 잘 나오네요~
게시판은 나오는데 메뉴등 그누 기본 레이아웃이 보여서 문의주신거라면
레이아웃은 포함되어 있지 않습니다 ^^
메뉴 등을 다 없애고 싶으시면 관련 파일의 코드를 지워주셔야 합니다~
혹시 이미지가 1줄에 1개씩 나오는데 코드 어느부분을 수정해야 3개씩 나올까요...!!?? 그리고 게시글 자세히 보기에 footer가 깨지는데 css를 어떻게 수정해야하는걸까요ㅠㅠ!! 좋은 스킨 공유 감사합니다!!
답변이 늦었습니다~
우선 1줄에 1개씩 보이는 부분은
게시판 전체를 감싸는 div 때문일것 같습니다.

<!-- 콘텐츠 시작 { -->
<div id="wrapper">
    <div id="container">

위부분을 빼주시거나 width 가 지정되어 있지않은지 확인해보셔요.

footer 부분은 스킨폴더내 autoptimize_bbs.css 파일을 열으셔서
footer 로 검색하시면 19개 정도 클래스가 있을건데 모두 삭제해주세요~
footer 뺀 css파일을 새로 업로드 해드리겠습니다.

감사합니다.
이미지 기본값이랑 반응형이랑 충돌이 난 것 같은데 혹시 한 번 봐주 실 수 있을까요..??ㅠㅠ쪽지로 홈페이지 주소 보내드렸습니다!! .img 파일마다 max-width: 100%;
    width: auto !important;
    height: auto !important; 스타일 적용했는데도 안되네요...
url 확인해보니
list.skin.php 하단부에 js파일을 로드하는 부분이 빠져있네요~
일부러 지우신거같은데 아래 두 js파일을 로드해주셔야 합니다.

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

그리고 이미지 사이즈에 auto 는 크게 의미가 없습니다 ㅠㅠ
안녕하세요. 그동안 몇 번 질문 드렸는데 친절히 답변해주셔서 감사합니다.
그런데 제 실력으로는 도저히 해결이 안되서 다시 질문드립니다.
일전에 모바일이나 테블릿으로 보거나 PC브라우저의 가로사이즈를 줄일 때
게시판 리스트의 정렬이 무너지는 것에 대해서 질문드렸습니다.
그것의 원인은 글제목이 1줄인 글과 2줄인 글이 섞이기 때문이구요.
게시판설정 에서 제목길이 와 무관하게 무조건 제목을 한줄만 표시되게 하고 싶습니다.

가장 쉬운 방법은 제목을 설정으로 자르지 않고,
text-overflow: ellipsis 를 활용해서 자르는것이 좋을것 같습니다.
위에 말씀드린대로 https://sir.kr/g5_tip/11683 게시물을 참고해보셔요.

라고 답글달아주셔서 보면서 나름 이것저것 수정해봤는데 잘 안됩니다.
딱 어디를 어떻게 수정하면 될까요.
https://sir.kr/g5_tip/11683
이 게시물에 코딩예제 첨부파일이 있습니다.
그대로 코딩하시면 되세요~

유동적으로 잘라야되는 제목이 출력되는 부분을 감싸주세요.
div던 li던 상관 없습니다~

<li class="notice">제목출력부분</li> 이렇게 클래스를 주시고
아래 스타일만 넣어주면 끝입니다~

display: block; 은 상황에 맞게 추가하거나 빼셔도되고
width: 90%; 정도로 해주시면 될거같네요

<style>
.notice {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
  display: block;
}
</style>

다른 예제로는 아래 이미지 참고하시거나
https://sir.kr/g5_tip/11683 게시물의 첨부파일 확인해보셔요.

CSS 코드가 중복이 많아서 중복을 지우니 잘 작동됩니다...
그런데 이미지가 한줄에 3개던데 2개로 바꾸고싶은데 어느부분을 수정하면 될까요?
설정에서는 수정해도 안먹히는것 같습니다.
지운다고 지우는데 아직 중복이좀 있나보네요 ㅠ
시간되는대로 다시 확인해보겠습니다.

갯수수정은 반응형이라 설정에서는 안먹습니다.
autoptimize_bbs.css 파일의 미디어쿼리 @media 부분에서
수정을 해주셔야 될것 같습니다.
저같은 초보도 한방에 똭 해버리고 뒤통수 2번 부x을 1번 탁 쳤내요~감사합니다
인덱스 페이지에서 이미지가 노이미지로 나오는데 해결 방법이 있을까요?
갤러리쪽은 잘 나오고 최신글이 안나오는 거라면
유튜브 썸네일 쪽인거같은데 일반 첨부이미지나 에디터로 넣은 이미지는 잘 나오시는건지요~?
네 첨부이미지나 에디터로 했을 경우는 잘 나오고 있어요
제가 최신글을 갤러리 게시판으로 해서 그런게 아닌가 싶습니다
작년 마무리는 잘 하셨나요? 올해는 건강과 돈복이 터지시길 바랍니다
답변 너무너무 감사합니다
안녕하세요 위에 문의를 드린적이 있었는데 게시판에서는 썸네일이 너무나도 잘나오는데
인덱스에서 불러오기를 하면 않되는데 혹시 불러오는 이런식으로
echo latest('theme/basic', 'youtube', 6, 0); 해야 하는건가요? 아니면 게시판 아이디를 어떻게 써야 하나요?
안녕하세요 ㅡ
최근게시물 불러오는 방법은 동일합니다.

게시판 아이디는 스킨 폴더명 넣으시면 되는데 다만
유튜브 썸네일의 경우 게시물에 첨부되는 썸네일이 아니라서
그누에 있는 기본 최근게시물로는 불러올 수 없습니다~
별도의 추출작업을 해주셔야 합니다.

아래 썸네일 추출부분중 유튜브 썸네일을 가져오는 부분을 참고하셔서
최근게시물 썸네일 추출 if문 부분에
} else if { 로 추가해주셔야 될것같습니다~

--------------
//유튜브 아이디를 등록했을때 썸네일 가져오는 부분
if ($list[$i]['wr_10']){
    $img_content = '<img src="https://img.youtube.com/vi/'.$list[$i]['wr_10'].'/0.jpg">';
}
--------------
스킨 잘 적용해서 사용하고 있습니다.
한가지 질문이 있어서 글 올립니다.

모바일에서는 1단정렬로 세팅되어 있던데 모바일에서도 2단이나 3단으로 바꾸고 싶을때 css의 어디쪽을 수정해야할지 문의드립니다. css가 너무 많아서 ㅠㅠ;
안녕하세요~
autopimize_bbs.css 파일 하단부에 @media 쪽 보시면 모바일 사이즈일때 width:100% 가되는 부분이 있습니다. 해당부분 모바일 사이즈를 늘리시거나 width 를 변경해주세요~

width 사이즈가 애매하시면 이미지 컬럼이 2개가 되는 구간의 @media를
복사하셔서 적용하시면 될것같네요~
저는 이게 전에 올리신 반응형 갤러리랑 다른건 줄 알았는데 정말 깔끔하게 업그레이드
된 것이었네요! 알려주신대로 이 갤러리를 적용했더니 제가 하고자 했던
디자인하고 겹치지 않고(?) 잘 수정이 됩니다. 너무나 감사합니다..
갤러리도 정말 깔끔하고 저 new라고 뜨는 검은색 동그라미.. 정말 귀엽습니다.
정말정말 감사합니다!!!!잘쓸게요! 혹여 또 궁금한점이 생기면 여기 댓글을 남겨도 될런지 모르겠지만..
전 버전 글에 주신 피드백 감사합니다!
안녕하세요 완전초보초보입니다. 어찌하여 설명대로 설치는 하고 싶은데 변경하고 싶은 부분에 대한 지식이 부족해서 조언좀 해주실 수 있을까요?
안녕하세요
답변이 늦었네요 ㅠ

롤오버 제목 글자수 부분
---------------------------
autoptimize_bbs.css 파일의 7671라인
.portfolio__grid .item a .caption .inner h4 { 부분의

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

위 3줄을 제거해주시면 자르지 않고 모두 출력해줍니다.
해당부분을 제거하는 경우 제목 글자가 모두 출력되고 글자가 긴
게시물의 경우 레이아웃이 깨질 수 있으므로
적절히 조정해주셔야 될것 같습니다.

글자크기는 같은 부분에
font-size: 22px; 의 사이즈를 변경해주시면 되겠습니다.
---------------------------


이미지 아래 내용 출력부분
---------------------------
현재 스킨의 말씀주신 위치는 내용이 아니라 제목이 출력됩니다.
내용으로 출력하고자 하시는 경우

list.skin.php 파일의 113라인
<?php echo $list[$i]['subject'] ?> 부분을
<?php echo $list[$i]['content'];?> 으로 변경해주시면 될것 같습니다.
---------------------------


라인변경 부분
---------------------------
해당부분은 수정분량이 좀 많은지라 상세한 답변 못드리는점 양해 바랍니다.

autoptimize_bbs.css 파일에서 @media 로 검색해보시면
max-width 별로 이미지 사이즈를 지정해주는 부분이 있습니다.
이부분을 적절히 조절하시면 될것 같습니다~
---------------------------

감사합니다.
안녕하세요 저 정말 잘 쓰고 있는데, 그 글을 수정할때 수정하기 누르면 페이지가 멈췄다가
화면이 넘어가거든요.. 제 컴터가 이상한건지 원래 좀 로딩시간이 있는건지 모르겠어요 T.T
카테고리 쓰면서 느려진건지.. 글내용은 내부 링크 걸어서 사진을 여러장 띄우는데
로딩시간이 원래 좀 있는게 맞는거낙요~!
안녕하세요.

해당부분 확인이 필요해보입니다. 문제가 생기는 Url을 쪽지로 보내봐주셔요
원본기준 익스11 에서는 정상입니다~

어느부분에서 지연되는지
크롬에서 F12로 디버깅 해보시는 것도 좋을것 같습니다!
게시판 스킨 원본만 놓고보면 로딩이 필요한 부분은 없습니다~
게시물의 이미지 용량이나 서버상태 등에 따라 원인이 있을 수 있지만
간혹 스크립트 충돌이나 이런부분 때문에 지연되는 경우도 있을 수 있습니다.

문제가 생기는 Url을 쪽지로 보내봐주셔요
답변 정말 감사합니다. 말씀해주신대로 2개는 해결했는데 한줄에 5개 만드는건 도저히 봐도 모르겠더군요
한번더 시간나실때 봐주시면 정말 감사합니다. ㅠ 이걸로 조언이 가능하실지 모르겠지만 제 홈페이지는 가로픽셀이 1260px 크기입니다.
단순히 갯수만 조절하자면 autoptimize_bbs.css 파일에서
.portfolio__grid.three--columns 로 검색해보시면

width:33.3333%
width:50%

부분을 적절히 조절해주시면 될것 같습니다.
5개로 하면 사이즈가 너무 작아질 수 있으니 제반사항이 따를것 같습니다.
게시판전체를 감싸고 있는 레이어의 @media 가 먹히질 않는것 같습니다.
css충돌이 있을 수 있으시 중복되는 css가 없는지 확인한번 해보셔요
안녕하세요- 갤러리스킨 디자인이 너무 예뻐서 사용했는데 문제가 생겨서 댓글을 남겨봅니다.

그누보드 설치하고 게시판을 생성해서 펄스나인님 스킨을 적용했는데
 리스트페이지는 문제가 없는데 뷰페이지들어가면디자인이 깨집니다 ㅠㅡㅠ 흑

단순하게 게시판만 사용하고 싶어서 관리자페이지에서 상단 하단 파일링크도삭제해둔 상태인데요.
삭제하기 전에도 그랬지만 그 후도 여전히 글읽기페이지에서는 디자인이 나오질 않네요 .
하단 버튼들이랑 코멘트 영역도 디자인이 이상해집니다.

이것저것 손대봤지만 고쳐지지않아서 댓글남겨봅니다 ㅠㅡㅠ 흑 어떻게 해야좋을까요...
쪽지를 보낼수가 없어서 댓글을 남깁니다.
확인을해보니 관리자페이지에서 전체목록보이기 옵션에 체크하면 그렇게 되네요;ㅅ;
체크해제하니까 정상적으로 적용되었습니다.

근데 한가지 더 여쭤보고 싶은게 있었는데요.
썸네일이 그림이 좀깨져서 나오더라구요.
근데 펄스나인님의 스킨테스트게시판은 썸네일이 화질이 깨지지않고 나와서..
이것도 어딘가에서 설정을 바꿔야 하는건가요?
이건 새로 만든 게시판에서도 같은상태네요.

http://chung4sh.cafe24.com/gnuboard5/bbs/board.php?bo_table=test2
게시판에서 설정된 썸네일의 사이즈가
출력되는 썸네일 영역의 사이즈보다 작아서 그렇습니다.

관리자모드 > 해당게시판의 설정 으로 가셔서
썸네일의 가로사이즈를 게시판에 보이는 사이즈보다 크게 변경해보셔요.

가로는 500이상으로 설정해주시고
세로는 비율 유지를 위해 0으로 설정해주시면 좋습니다.
역시 핫해핫해....저 게시판 잘 쓰고 있어요^_^
저 완전 또 초보 질문인데..히융
반응형이기 때문에 모바일에서도 잘 쓸 수 있을 것 같아서(좁은 폭에 한 줄로 쫙 나오게끔..)
웹에서 창크기를 줄이면 일렬로 잘 서는데요
폰으로 접속했더니... 모바일 기본 갤러리 스킨으로 나오는것입니다 두둥..
그누보드 게시판 설정에서 스킨 디렉토리에 이 갤러리 폴더로 해주고
밑에 모바일 스킨 디렉토리에는... 이 스킨이 안뜨는게 맞는지요?
반응형이라서 안뜬다고 하셨는데.. 무조건 선택해야해서 기본 갤러리 스킨을 선택할 수 밖에 업더라고요..

PC에서 임의로 인터넷창크기를 줄여서 모바일로 보듯이 보면 반응형으로 잘 나오는데..
왜 또 폰으로 보면 모바일 스킨으로 나오는지 알수가 엄써용..>.<
너무 마음에 드는 스킨입니다.
5.4에서 적용중인데, 섬네일이 흐릿하게 나오는데, 왜 그런걸까요.
본문에 이미지는 정상적으로 깨끗하게 나옵니다
관리자모드 > 게시판 설정에서 썸네일 가로사이즈를 500이상으로 조정해보셔요~

게시판에 이미지 업로드시에 만들어지는
썸네일의 사이즈가 보이는 영역보다 작게 설정이
되어있어서 그렇습니다~
펄스나인님 우선 너무 좋은스킨 감사드립니다.
스킨이 너무예뻐서 설치해서 사용해보려고하는데요
테마를 사용하고있는데 화면처럼 높이가 pc에서는 60 모바일에서는 180으로 잡혀서
하단에 겹치거나 잘려서 안보입니다 ㅜ

autoptimize_bbs.js를 보고 수정?해볼까 보고있는데
정말 모르겠네요;;

유툽id와 주소만 넣고 썸네일은 자동으로 불러와지는것 같은데..
new버튼만 css로 조금수정하고
다른 수정없이 그대로 올렸는데 왜이러는지 모르겠습니다.
방법좀 부탁드립니다~

안녕하세요~
말씀주신부분은 해당페이지를 확인해봐야 될것 같습니다~
페이지 Url 알려주시고 공개가 어려우시면 쪽지로 보내주세요!
로그인이 필요한 페이지라면 로그인정보도 같이 주세요~


마지막 수정중에 발겨한거 질문드립니다.

기본 그누보드로 게시판 적용할때는 메뉴 버튼 옆에 역삼각형 모양이 없었는데

펄스나인님 게시판 적용을 하면 메뉴옆에 역삼각형 모양이 생깁니다.
어디를 수정해야 되는지 알려주시면 감사하겠습니다.
몇시간째 찾아봐도,, 아직 실력이 부족해서 그런지 못찾겠네요 ㅎㅎ
아마도 css에서 동일 class명이 중복인거같습니다.

페이지를 보지않아서 확실하진 않지만 메뉴쪽 class명으로
autoptimize_bbs.css 에서 검색하셔서 동일한 class이름이 없는지 확인하셔서
지워주시면 될것 같습니다~

메뉴가 select 로 되어있다면
autoptimize_bbs.css 에서 select 로 검색해보셔요!
확인해본 바로는 dropdown  항목이 중복된것 같은데  항목 전체를 dropdown1으로 전부 변경했더니, 정상적으로 잘 됩니다. 근데 저렇게 전체를 바꿔도 상관은 없는건가요?
전체 1,710 |RSS
그누보드5 스킨 내용 검색

회원로그인

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT