[이윰] 모바일에서 내용 숨기기 > Gnuboard

• 목록

• 
• 
• 

Header Banner는 원래 숨기기가 되어 있습니다.

eyoom/theme/basic/layout/head_bs.html

<!--------------- Header Banner 영역 시작 { --------------->
<!-- 안내: 테마 image 폴더 내 이미지파일을 업로드 후 아래 a태그 링크설정 및 이미지 경로의 이미지 파일명 수정, 불필요 시 삭제 -->
<div class="header-banner pull-right hidden-sm hidden-xs">
    <a href="#" target="_blank"><img src="../image/sewol.png" class="img-responsive"></a>
</div>
<!-- 안내: 보여지는 이미지 크기는 209 x 50 픽셀입니다. 선명도 최적화를 위해 694 x 166 픽셀 사이즈로 image 폴더에 업로드 하시길 권합니다. -->
<!--------------- } Header Banner 영역 끝 --------------->

hidden-sm hidden-xs

반대되는 것이... visble-sm visble-xs 클래스인 모양입니다.


새로 등록된 글과 댓글을 아래의 예와 같이 모바일에서 숨기기를 해 줍니다.

eyoom/theme/basic/layout/side_bs.html

<!--{? !C.G5_IS_MOBILE}-->
    <!--{latest->latest_newpost('accordion', 'count=10||cut_subject=20||cut_content=50||photo=y||content=y')}-->
<!--{/}-->

아래와 같이 대신 나타낼 내용을 입력할 수도 있습니다.

<!--{? !C.G5_IS_MOBILE}-->
    <!--{latest->latest_newpost('accordion', 'count=10||cut_subject=20||cut_content=50||photo=y||content=y')}-->
    <!--{:}-->
    <img src="../image/truth.png" width="100%" height="auto">
<!--{/}-->

추천0 비추천0