[이윰] 블로그 스킨(blog skin) 갤러리 목록에서 box 이미지 높이 줄이기

페이지 정보

yadolee 루루아빠 2,726 2016.02.17 18:51:11

평점

  • 평점 : 0점 (0명 참여)

본문

이윰 테마에 포함된 블로그 스킨에는 갤러리 목록에서 이미지 높이가 100%로 나타나기 때문에 첫 번째 이미지의 높이 값이 클 경우 많은 공간을 차지하기에 다음과 같이 수정한다.

1. 그누보드5/eyoom/theme/설치된 테마/board/blog/list.skin.html 을 열고 <span class="overlay-zoom board-webzine-img"> 를 검색한다.
☞ 정의된 클래스 board-webzine-img은 style에 정의된 값이 없다. 아마도 이윰에서 board-webzine-img 를 style 정의해서 사용하라는 배려라고 생각해본다.
blog 스킨에 board-webzine-img 라는 클래스명이 마음에 들지 않아 board-blog-img 로 변경한다.

<span class="overlay-zoom board-blog-img">
2. 그누보드5/eyoom/theme/설치된 테마/board/blog/style.css 를 열고 .board-blog .blog-boxes-in img { 를 검색하여 아래와 같이 수정한다.

.board-blog .blog-boxes-in img {
    margin: auto;
    height: auto;
}
.board-blog .board-blog-img {        
    overflow: hidden;
    position: relative;
    display: block;
    max-height: 360px;        
}

 
추천인
  • 추천해 주세요
yadolee
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,332,582
레벨 100
경험치 1,487,820

Progress Bar 9.4%

- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑 루루아빠랍니다~~

댓글

첫 번째 댓글을 남겨 주세요

Total 7622339 페이지

제목 글쓴이 날짜 조회 추천
이윰  🏆 Eyoom Builder 1.2.3 패치 루루아빠 2016.03.29 3,288 0
이윰  🏆 글 작성시 익명으로만 글 작성하게 하기 루루아빠 2016.03.29 2,980 0
그누•영카트  🏆 영카트 5.1.15 패치 루루아빠 2016.03.21 2,910 0
그누•영카트  🏆 그누보드 5.1.15 패치 루루아빠 2016.03.21 3,475 0
JavaScript  🏆 특정 div의 내용을 일정 시간마다 새로고침하기 루루아빠 2016.03.20 15,407 1
jQuery  🏆 Theia Sticky Sidebar 사용시 모달(modal)이 사이드바 아래로 내려가는 문제 해결하기 루루아빠 2016.03.16 4,021 0
CSS  🏆 div 클래스에 :last-child css 스타일 적용하기 루루아빠 2016.03.15 2,636 0
그누•영카트  🏆 영카트 5.1.14 패치 루루아빠 2016.03.08 2,722 0
그누•영카트  🏆 그누보드 5.1.14 패치 루루아빠 2016.03.08 2,771 0
이윰  댓글+1🏆 무한스크롤을 사용하지 않는 일반 게시판을 타 경로에서 모달창으로 불러올 때 배경이미지가 본문에 나타나는 문제 해결 루루아빠 2016.03.05 3,850 0
이윰  🏆 부트스트랩(bootstrap)의 반응형 테이블(table-responsive) 사용시 모바일에서 나타나는 border 없애기 루루아빠 2016.03.04 3,869 0
이윰  🏆 이윰빌더 태그 입력시 작은 따옴표(apostrophe)가 포함되면 삭제 안되는 문제 루루아빠 2016.02.26 3,111 0
서버  🏆 config.php 관련 nginx 403 에러 - 사용 권한 없음: 액세스가 거부되었습니다. 루루아빠 2016.02.25 3,735 0
이윰  🏆 최신글 카테고리 추출 옵션 루루아빠 2016.02.25 2,643 0
그누•영카트  🏆 영카트 5.1.13 패치 루루아빠 2016.02.24 4,228 0
그누•영카트  🏆 그누보드 5.1.13 패치 루루아빠 2016.02.24 2,746 0
이윰  🏆 Eyoom Builder 1.2.2 패치 루루아빠 2016.02.18 3,173 0
이윰  🏆 🚩 블로그 스킨(blog skin) 갤러리 목록에서 box 이미지 높이 줄이기 루루아빠 2016.02.17 2,727 0
CSS  🏆 gifplayer 플레이시 gifplayer-wrapper 아래 모든 div가 아래로 밀리는 현상 해결하기 루루아빠 2016.02.16 2,957 0
이윰  🏆 Eyoom Builder 1.2.1 패치 루루아빠 2016.02.15 4,684 0