게시판 목록 줄 간격 줄이기 - 게시판스킨강좌, 그누보드5강좌

본문 바로가기
전체검색

게시판스킨강좌

그누보드, 영카트 초보 제작자분들을 위한 다양한 스킨 제작 활용 팁을 공유합니다.

게시판 목록 줄 간격 줄이기

관리자 18-12-22 12:27

수정 파일 : 게시판 스킨 폴더에 있는 style.css


목록 td class 에 height 값 추가. 사이즈는 원하는 크기로..


#bo_list .tbl_head01 td {height:35px}


목록 상단 타이틀 번호, 제목, 글쓴이, 조회, 날짜 부분도 줄이고 싶으면 th class 부분에 추가.

padding 값을 원하는 만큼 줄이세요.


#bo_list .tbl_head01 thead th {padding:10px 0}


바로 적용이 안 되면 브라우저 캐시 삭제 후 새로고침





## 참고사항


css/default.css 파일에 기본 값이 있습니다. height:60px 로 좀 넓게 설정되어 있죠.

여기서 수정하면 게시판 목록뿐만 아니라 다른 곳도 모두 반영됩니다. 예를 들어 new.php 페이지 목록 등...


그누보드 5.3

.tbl_head01 td {color:#666;background:#fff;padding:10px 5px;border-top:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}


.tbl_head01 thead th {padding:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ddd;background:#fafafa;height:40px}



그누보드5.4

.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}


.tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}

로그인 후 댓글 작성 가능합니다.

로그인

로그인 후 글 작성 가능합니다.
그누스킨닷컴

그누스터디는 그누보드, 영카트를 이용하시는 초보 사용자를 위한 정보를 공유합니다.

E-MAIL : gnustudy@naver.com / 카카오톡 : gnustudy / 텔레그램 : gnustudy
제작 문의를 제외한 일반 문의는 QA 게시판을 이용해주세요.

Copyright gnustudy.com All rights reserved.