티스토리

금이 블로그

검색하기

블로그 홈

금이 블로그

keum2.tistory.com/m

디블리셔(디자이너+퍼블리셔)의 정보 공유

구독자: 0

방명록 방문하기

주요 글 목록

[그누보드5] 최신글(갤러리) 추출하기 (+썸네일 크기 깨질때) 그누보드에서 서브 페이지에 있는 갤러리 리스트를 메인으로 추출하는 방법을 알아보겠습니다. 테마를 추가한 경우 basic 대신 추가한 테마 폴더로 작성주시면 됩니다. (+ 썸네일 이미지 깨지는 경우 맨 아래로 이동해서 내용 확인해주세요.) 그누보드 최신 갤러리 추출하기 1. ㄱ갤러리 추출 소스 찾기 theme / basic / index.php 위 경로에서 사진 최신글 추출 소스를 찾아주세요. 그누보드 설치 버전에 따라 다를 수 있으며 제가 설치한 버전은 '그누보드5'입니다. 2. 추출 소스를 노출시키고자 하는 파일에 넣기 *소스에 있는 숫자 4:노출 개수, 23:글자 수 이 소스를 추출하고자 하는 페이지에 추가했으며 추가된 마크업 소스는 아래와 같습니다. 3. 추출한 게시글 마크업 수정 theme / b.. 공감수 0 댓글수 0 2023. 5. 11.
[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%을 주어 영역에 꽉 차게 해줍니다. *아래 코.. 공감수 0 댓글수 0 2020. 11. 17.
[html] a링크 막기, 무시 (마크업 버전/no Jquery) # 때문에 a링크 클릭 시 상단으로 이동된다. 링크값이 #일 때, 반응 없게 하는 방법 2가지 1. 첫번째 2. 두번째 공감수 2 댓글수 0 2020. 8. 19.
[css] 익스플로어5/ie6 이하 에서 width, min-width값 width:100%; min-width:500px; /*hack for IE 6 이하*/ width: expression(document.body.clientWidth < 500? "500px" : "100%"); [참고 출처] https://blog.naver.com/jaehee7996/220770160630 공감수 0 댓글수 0 2020. 7. 1.
[html,css] table-cell, table-layout 속성으로 너비고정 하기!! 부모 : display:table; table-layout:fixed; (display:table에 width:100%을 함께 써줘야함) 자식 : display:table-cell; 부모 요소에 table-layout 속성값을 fixed로 지정하면 셀안에 데이터 값의 길이가 길어져도 셀 너비는 고정되며, 넘치는 데이터값은 줄바꿈처리 됩니다. 자식 요소에 display:table-cell을 주면 li의 개수만큼 동일한 너비의 셀이 생성됩니다. 1, html 타이틀 입력 내용을 입력해주세요. 타이틀 입력 내용을 입력해주세요. 타이틀 입력 내용이 길어져도 셀 너비는 고정됩니다. 내용이 길어져도 셀 너비는 고정됩니다. 2. CSS .list_wrap {min-width:1000px; max-width:1400p.. 공감수 3 댓글수 0 2020. 2. 26.
[html,css] 가로 스크롤 생기게 하기 *작업환경* 500x100 외부박스 안에 100x100박스 7개가 들어갔을 때, X스크롤 처리 스타일시트 .wrap {width:500px; height:120px; overflow-x:auto; white-space:nowrap; margin:0 auto} /*white-space: nowrap; 선언해줘야 내부 박스가 아래로 떨어지지 않고 가로로 나열됨*/ .wrap > ul { font-size:0} .wrap > ul > li {display:inline-block; font-size:20px; width:100px; height:100px; background:skyblue} .wrap > ul > li:nth-child(even) {background:pink} 공감수 2 댓글수 0 2019. 12. 3.
[html,css] 이미지에 마우스 hover하면 타이틀 올라가고 버튼 생기게하기! 제이쿼리 없이 이미지에 마우스 오버하면 타이틀이 올라가면서 버튼등장 See the Pen dypbjNE by 허금영 (@gephqhwv) on CodePen. 공감수 0 댓글수 0 2019. 9. 14.

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.