html, css, javascript17 [그누보드5] 최신글(갤러리) 추출하기 (+썸네일 크기 깨질때) 그누보드에서 서브 페이지에 있는 갤러리 리스트를 메인으로 추출하는 방법을 알아보겠습니다. 테마를 추가한 경우 basic 대신 추가한 테마 폴더로 작성주시면 됩니다. (+ 썸네일 이미지 깨지는 경우 맨 아래로 이동해서 내용 확인해주세요.) 그누보드 최신 갤러리 추출하기 1. ㄱ갤러리 추출 소스 찾기 theme / basic / index.php 위 경로에서 사진 최신글 추출 소스를 찾아주세요. 그누보드 설치 버전에 따라 다를 수 있으며 제가 설치한 버전은 '그누보드5'입니다. 2. 추출 소스를 노출시키고자 하는 파일에 넣기 *소스에 있는 숫자 4:노출 개수, 23:글자 수 이 소스를 추출하고자 하는 페이지에 추가했으며 추가된 마크업 소스는 아래와 같습니다. 3. 추출한 게시글 마크업 수정 theme / b.. 2023. 5. 11. [Jquery] swiper slider 스와이퍼 슬라이더 속도 각각 지정해주기 Swiper Demo site https://swiperjs.com/demos Swiper Demos Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com See the Pen LYRYVEL by 허금영 (@gephqhwv) on CodePen. 전체속도 특정 슬라이더만 slider2(느리게)와 slider5(느리게)만 속도 5000, 나머지 슬라이더는 500적용 *disableOnInteraction: false 기재해주어야 클릭 드래그로 슬라이더 넘겼을 때 autoplay가 멈추지 않습니다. *script에 speed옵션은.. 2020. 11. 26. [html, css] 비율 유지하면서 이미지or동영상 줄어들게 하기 - 반응형 코딩 브라우저 줄였을 때, 동영상 비율 유지하는 방법 [해상도 목록] 21:9 / 16:9 / 4:3 ==> 16:9 해상도 또는 해상도 목록 이라고 구글링하면 해상도에 관련된 사이즈를 찾으 실 수 있습니다. [가로값 기준의 정비율 높이값 구하기] 높이 / 가로 x 100 (Ex) 16 : 9 ==> 560 : 315 315 / 560 x 100 = 56.25 동영상 감싸는 태그에 relative와 계산된 해상도 값만큼 padding값을 줍니다. (padding-top, padding-bottom 둘 중 편한걸로 사용하세요.) 동영상 태그를 absolute로 띄워 left:0; right:0; top:0; bottom:0; width:100%; height:100%을 주어 영역에 꽉 차게 해줍니다. *아래 코.. 2020. 11. 17. [html] a링크 막기, 무시 (마크업 버전/no Jquery) # 때문에 a링크 클릭 시 상단으로 이동된다. 링크값이 #일 때, 반응 없게 하는 방법 2가지 1. 첫번째 2. 두번째 2020. 8. 19. 이전 1 2 3 4 5 다음 반응형
