[이윰] 게시판 댓글 이미지 크기 제한과 모바일은 제외
페이지 정보
루루아빠
3,565 1
2015.05.16 05:53:04
짧은주소
-
https://yadolee.com/tip/149 주소복사
본문
이윰빌더에 포함된 일반 게시판 스킨에는 이미지 크기를 댓글에 표현할때 반응형만 적용된다.
그래서 피시에서는 이미지 크기를 일정 크기(예제는 300px) 보다 작게 보여주고 모바일은 반응형만 적용해보도록 하자.
eyoom/theme/설치된테마/skin_bs/board/basic/view_comment.skin.html 을 열어 <!--{? .imgsrc}--> 를 찾는다.
수정 전
수정 후
원본 이미지와 코멘트 글 사이에 태그 <br>은 간격 문제로 <div style="height:0px;">로 수정했다.
그래서 피시에서는 이미지 크기를 일정 크기(예제는 300px) 보다 작게 보여주고 모바일은 반응형만 적용해보도록 하자.
eyoom/theme/설치된테마/skin_bs/board/basic/view_comment.skin.html 을 열어 <!--{? .imgsrc}--> 를 찾는다.
수정 전
<p>
<!--{? strstr(.wr_option, 'secret')}--><i class="fa fa-lock color-red"></i> <!--{/}-->
<!--{? .imgsrc}-->
<img src="{.imgsrc}" class="img-responsive"><br>
<!--{/}-->
{.comment}
</p>
수정 후
<p>
<!--{? strstr(.wr_option, 'secret')}--><i class="fa fa-lock color-red"></i> <!--{/}-->
<!--{? .imgsrc}-->
<!--{? !C.G5_IS_MOBILE}--><!-- 수정 시작 -->
<img src="{.imgsrc}" class="img-responsive" style="max-width:300px;"><div style="height:0px;"></div>
<!--{:}-->
<img src="{.imgsrc}" class="img-responsive"><div style="height:0px;"></div>
<!--{/}--><!-- 수정 끝 -->
<!--{/}-->
{.comment}
</p>
원본 이미지와 코멘트 글 사이에 태그 <br>은 간격 문제로 <div style="height:0px;">로 수정했다.
추천인
레벨 101
경험치 1,519,179
Progress Bar 13.8%
- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS
BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑
루루아빠랍니다~~
최신댓글이 없습니다.


댓글1
루루아빠님의 댓글