아보카도 에디션 게시판:More_Instagram(Auto-fit)

이전 게시판(🔗)에서 한 줄의 세로가 가장 작은 게시글의 세로가 되도록 만든 Auto-fit 버전입니다.

세로 맞춤을 좋아하시는 분들을 위해서 만들었으며, 이전 버전과는 다르게 sepia를 지원하지 않습니다.

이쪽 버전으로 수정하실 거라면 다음 파일을 붙여넣어주시면 됩니다. style.css / list.skin.php / list.log.skin.php / load.board.js

이전 버전과 비슷한 호환성을 가지고 있습니다.

 

이전 버전과의 차이점

: 짧은 쪽으로 한 행의 세로가 자동 조정

: 게시글 전체의 최소 높이 설정 가능 (이미지의 1번째 로그 참조)

이 부분을 수정해주시면 됩니다

: 게시판의 둥글기를 :root에서 수정이 가능하도록 수정

여길 수정해주시면 됩니다

0으로 하면 모서리가 펴집니다.

: 해시태그(이미지 태그)를 누르면 서칭되는 기능이 기본적으로 포함되어 있습니다.

230601_load_pic_new(auto).zip

3.30MB

 

 

 

스크롤바가 보이는 쪽을 원하신다면 다음 처리를 해주시면 됩니다

#log_list .grid-item .item::-webkit-scrollbar {
  display: none;
}

이부분을 찾아서 아예 지워주시면 됩니다.

 

+ 아래 파일은 상단 게시글 부분이 고정되어 나타나는 버전입니다

이렇게 스크롤을 내려도 윗부분이 유지됩니다.

 

230517_load_pic_new(auto_fix).zip

3.30MB

 

 

 

혹시 필요하실 분이 계실까 추가합니다.

+ 테스트 파일이 그대로 나가서 조금 수정했습니다(...)

 

주의사항

: 기존 주의사항은 이전 버전과 거의 동일합니다.

: 지원 가능한 줄은 3행까지입니다. 4행 이상은 직접 수정해서 써주셔야합니다.(제가 더 좋은 코드를 쓸 수 있으면 또 뵙겠습니다… 조금 주먹구구입니다.) 세번째 줄까지를 이야기합니다. 수정 완료.

: 수정한 것을 유료로 재배포 하지 말아주세요!
: 그 외 기존 분들의 스킨 정책과 일치합니다.
: 스크롤 시 기존 스킨의 이미지 효과와 부딪혀서인지 로딩 딜레이가 약간 일어납니다(1초 정도). 심한 딜레이 수준은 아니지만 수정은 어렵습니다.

 

 

문제점 등은 DM 및 댓글로 연락 부탁드립니다.

 

Update Log

2022년 9월 1일 배포

2022년 9월 1일 상단 고정 버전 추가

2023년 5월 17일 자동 수정 관련 스크립트 수정(load.board.js 파일)

2023년 6월 1일 최소 높이 계산식 오류 수정(load.board.js 파일)