shadow 메일보내기 아이디로 검색 2015.03.20 16:29

사용하시는 최신 스킨 폴더에 있는 style.css를 여시고
.view .gallery-img {
이 부분을 찾아 max-height 값을 수정하세요

보리보리 메일보내기 아이디로 검색 2015.03.20 17:01

shadow 님 안녕하세요
style.css을 열어서 max-height 값을 480으로 변경해 보았습니다
변화가 나타나질 않는군요

shadow 메일보내기 아이디로 검색 2015.03.20 17:02

정확히 사용하시는 최근 스킨 네임명이 어찌되시나요?

보리보리 메일보내기 아이디로 검색 2015.03.20 17:04

EB TheOne 테마입니다
위에 보시면, 'blog_gallery'로 연결되어 있군요
해당 파일도 열어 봤으나 잘 모르겠습니다

shadow 메일보내기 아이디로 검색 2015.03.20 17:09

EB TheOne 테마를 쓰시고 최신 추출 스킨이 blog_gallery 이시군요.
정확히 유료테마를 제가 사용치 않아서 답변을 정확히 드리기는 어려울 것 같아요.
먼저 살펴보셔야 할것이 latest.skin.html, style.css 인데..
아무래도 EB TheOne 테마를 사용하시는 분이 도움을 드려야 겠네요..^^;

보리보리 메일보내기 아이디로 검색 2015.03.20 17:10

shadow님 감사합니다

shadow 메일보내기 아이디로 검색 2015.03.20 17:12

도움이 못되서 죄송할 따름입니다.
소스를 볼수 있다면 연구해 볼만 할텐데 유료 컨텐츠라 아쉽네요

보리보리 메일보내기 아이디로 검색 2015.03.20 21:45

eyoom/thema/theone/skin_bs/latest/blog_gallery/style.css
여기 파일의 아랫 부분이 이미지 레이아웃을 정하는 것 같아 이렇게 저렇게 수정해보고 있는데, 안되는군요.

혹시, 보실 수 있으면 답변 부탁드립니다.

.hte-blog-box .hte-blog-img {
overflow: hidden;
}
.hte-blog-box .hte-blog-img a {}
.hte-blog-box .hte-blog-img a img {
width: 100%;
min-height: 240px;
max-height: 240px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
@media (max-width: 991px) {
.hte-blog-box .hte-blog-img a img {
max-height: inherit;
}
}
.hte-blog-box:hover .hte-blog-img a img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}

shadow 메일보내기 아이디로 검색 2015.03.20 21:49

올리신 이 부분과 더불어 list.skin.html 중 hte-blog-img이 포함된 내용을 봐야 알것 같습니다.
아니시면 현재 문제 있는 곳 링크를 걸어주셔도 될 것 같구요..

보리보리 메일보내기 아이디로 검색 2015.03.20 21:59

eyoom/thema/theone/skin_bs/board/blog/list.skin.html 여기 파일에 blog 글자가 포함된 줄을 복사해서 올립니다.

hte-blog-img 이 전체가 포함된 글자는 검색 안되는군요

<script type="text/javascript" src="../../../plugins/masonry/jquery.masonry.min.js"></script>
<script>
$(document).ready(function(){
    var $container = $('.blog-boxes');

    var gutter = 20;
    var min_width = 250;
    $container.imagesLoaded( function(){
        $container.masonry({
            itemSelector : '.blog-boxes-in',
            gutterWidth: gutter,
            isAnimated: true,
              columnWidth: function( containerWidth ) {
                var box_width = (((containerWidth - 2*gutter)/3) | 0) ;

                if (box_width < min_width) {
                    box_width = (((containerWidth - gutter)/2) | 0);
                }

                if (box_width < min_width) {
                    box_width = containerWidth;
                }

                $('.blog-boxes-in').width(box_width);

                return box_width;
              }
        });
    });
});
</script>

shadow 메일보내기 아이디로 검색 2015.03.20 22:01

구조가 공개용 스킨과는 많이 다르네요..
판매 데모 사이트를 보고나서 가능한지 확인해 보겠습니다.

보리보리 메일보내기 아이디로 검색 2015.03.20 22:02

예 ... 감사합니다

shadow 메일보내기 아이디로 검색 2015.03.20 22:10

style.css에 다음과 같이 작업해서 변화가 있는지 확인해 보시겠습니까?
.hte-blog-box {}
위 부분을 다음과 같이 수정해 보시고 페이지를 새로고침했을때 어떠한 변화가 있는지 말씀해주세요..
.hte-blog-box {
    max-height: 800px;
}

보리보리 메일보내기 아이디로 검색 2015.03.20 22:21

eyoom/thema/theone/skin_bs/latest/blog_gallery/style.css
아래 처럼 수정하였으며,
http://www.kangchangkoo.com/

아직 BLOG 카테고리의 포도사진이 왜곡된 상태입니다.

(수정 전)
/* hte-blog */
.hte-blog {}
.hte-blog-box {}
@media screen and (max-width:767px){
.hte-blog-box {
margin-bottom: 20px;
}

(수정 후)
/* hte-blog */
.hte-blog {}
.hte-blog-box {
    max-height: 500px;
}
@media screen and (max-width:767px){
.hte-blog-box {
margin-bottom: 20px;
}
}

shadow 메일보내기 아이디로 검색 2015.03.20 22:28

제가 좀전에 소스 수정해 보시라고 말씀 드린것은 깨지는 부분을 감싸고 있는 클래스가 hte-blog-box 이기에
임의로 싸이즈를 키우면 어떻게 변화 되는지 알고자 함이였는데 변화가 없는건가요?
크롬 브라우저의 요소검사를 통해 그림 이미지의 크기를 제한하는 max-height: 240px; 를 제거했더니
"포도" 사진이 제대로 크게 나오네요
하지만 아래 영역까지 침범해서 글이 겹쳐나오게 됩니다.
일단 이렇게 해보세요
원래대로 소스를 되돌리시고
.hte-blog-box .hte-blog-img a img {
width: 100%;
min-height: 240px;
max-height: 240px; ----> max-height: auto; 변경하시고 변화를 보세요

자이언트 메일보내기 아이디로 검색 2015.03.20 22:20

밤이 깊어가는데 두분 정말 수고 많으십니다.

보리보리 메일보내기 아이디로 검색 2015.03.20 22:24

자이언트님 반갑습니다
shadow님께 신세를 지는 중이랍니다

자이언트 메일보내기 아이디로 검색 2015.03.20 22:34

/eyoom/theme/theone/skin_bs/latest/blog_gallery/style.css 파일에서

수정 전

.hte-blog-box .hte-blog-img {
	overflow: hidden;
}
.hte-blog-box .hte-blog-img a {}
.hte-blog-box .hte-blog-img a img {
	width: 100%;
	min-height: 240px;
	max-height: 240px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.hte-blog-box .hte-blog-img {
	overflow: hidden;
	min-height:240px;
	max-height:240px;
}
.hte-blog-box .hte-blog-img a {}
.hte-blog-box .hte-blog-img a img {
	width: 100%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

shadow 메일보내기 아이디로 검색 2015.03.20 22:39

크롬 요소 검사로 보니 auto; 는 에러가 나네요 표현은 되지만요
auto를 100%로 바꾸시면 에러 없는 코드가 되네요.. 참고하세요..

shadow 메일보내기 아이디로 검색 2015.03.20 22:44

그리고 썸네일이 세로폭이 큰 이미지에 대하여서는 주제 넘는 소리지만 이윰빌더에서 사용하는 썸네일 라이브러리가 비율로 자르는게 아니라 가로폭을 기준으로만 자르기에 문제가 있다고 생각합니다.
보통때는 상관없지만 최근 게시물에서 여러 이미지를 정렬해서 모아 놓을때 정렬된 모양이 엉망이 되는거구요.
할수 없이 세로 이미지는 일부분을 잘라서 표현해야 정렬 모양이 봐줄만 하게 나오는거지요..

개인적인 푸념이였습니다. ^^;

보리보리 메일보내기 아이디로 검색 2015.03.20 22:49

shadow님 아래와 같이 변경했습니다.
사이트에서 중간과 오른쪽 사진은 제대로 나오는데, 왼쪽 포도사진이 세로로 길어지는군요.

.hte-blog-box .hte-blog-img a img {
width: 100%;
min-height: 240px;
max-height: 100%;

shadow 메일보내기 아이디로 검색 2015.03.20 22:54

당연한 결과입니다. ^^;
소스 표현이 높이를 100%를 그대로 보여줘라.. 라는 뜻이거든요..
결국 정렬을  맞추시려면 이미지를 잘라야 합니다.
이렇게 해보세요
"보리보리"님 싸이트를 기준으로 가운데 이미지 높이가 240px 오른쪽 이미지가 269px이니
max-height: 100%;  이 소스를 아래처럼 바꾸면 될 듯 합니다.
max-height: 269px;

아~ 이렇게 하니 커팅이 되는게 아니라 짜브러(?) 지는군요..

보리보리 메일보내기 아이디로 검색 2015.03.20 23:00

^^ ..

shadow 메일보내기 아이디로 검색 2015.03.20 23:04

이 이상은 더 연구를 해봐야 할 것 같습니다.
뮤료 커뮤니티 테마에선 위에 언급한대로 하면 이미지가 짜부러(?)지는게 아니라 지정한 숫치만끔 짤려서 나오는데 유료는 뭔가 틀려도 틀리네요..^^;

보리보리 메일보내기 아이디로 검색 2015.03.21 03:26

shadow님 고맙습니다

자이언트 메일보내기 아이디로 검색 2015.03.20 23:04

제가 요 위쪽에 알려드린 방식으로 하면 안되던가요??? 될텐데.. 이상하네..

보리보리 메일보내기 아이디로 검색 2015.03.21 03:26

자이언트님께도 감사드립니다

보리보리 메일보내기 아이디로 검색 2015.03.22 16:33

자이언트님 알려주신 대로 적용했습니다
성공했습니다