[이윰] 블로그 스킨(blog skin) 갤러리 목록에서 box 이미지 높이 줄이기
페이지 정보
루루아빠
2,947
2016.02.17 18:51:11
짧은주소
-
https://yadolee.com/tip/374 주소복사
본문
이윰 테마에 포함된 블로그 스킨에는 갤러리 목록에서 이미지 높이가 100%로 나타나기 때문에 첫 번째 이미지의 높이 값이 클 경우 많은 공간을 차지하기에 다음과 같이 수정한다.
1. 그누보드5/eyoom/theme/설치된 테마/board/blog/list.skin.html 을 열고 <span class="overlay-zoom board-webzine-img"> 를 검색한다.
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;
}
추천인
레벨 101
경험치 1,519,440
Progress Bar 14.66%
- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS
BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑
루루아빠랍니다~~
최신댓글이 없습니다.


댓글
첫 번째 댓글을 남겨 주세요