인벤 스크립트 게시판

전체보기

모바일 상단 메뉴

본문 페이지

[기타] 왼쪽만 있는 버전입니다.

아이콘 Want
댓글: 2 개
조회: 894
2018-01-03 03:50:54


<center>
<div style="display:block; width:353px; height: 302px; padding:2px 1px 1px 2px; background:none; overflow:hidden;" align="center">

<!-- 전체 프레임 -->
<div style="display: inline-block; width:355px; height:300px; margin: 0px; overflow:hidden;" align="left">


<!-- 왼쪽 프레임 -->
<div style="display:inline-block; width:50px; height:300px; margin-right:1px; float:left; overflow: hidden;">

<img src="●●●이미지1●●●"
style="display:block; background:white; margin: 0px -4px 1px 0px; width: 49px; height:50px; opacity:0.8;"
data-inven-over-css="{'frame':{'margin-top':'0', 'margin-left':'0'}, '_SELF_':{'opacity':'1'}}"
data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}">

<img src="●●●이미지2●●●"
style="display:block; background:white; margin: 1px -4px 1px 0px; width: 49px; height:49px; opacity:0.8;"
data-inven-over-css="{'frame':{'margin-top':'-300', 'margin-left':'0'}, '_SELF_':{'opacity':'1'}}"
data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}">

<img src="●●●이미지3●●●"
style="display:block; background:white; margin: 1px -4px 1px 0px; width: 49px; height:49px; opacity:0.8;"
data-inven-over-css="{'frame':{'margin-top':'-600', 'margin-left':'0'}, '_SELF_':{'opacity':'1'}}"
data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}">

<img src="●●●이미지4●●●"
style="display:block; background:white; margin: 1px -4px 1px 0px; width: 49px; height:49px; opacity:0.8;"
data-inven-over-css="{'frame':{'margin-top':'-900', 'margin-left':'0'}, '_SELF_':{'opacity':'1'}}"
data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}">

<img src="●●●이미지5●●●"
style="display:block; background:white; margin: 1px -4px 1px 0px; width: 49px; height:49px; opacity:0.8;"
data-inven-over-css="{'frame':{'margin-top':'-1200', 'margin-left':'0'}, '_SELF_':{'opacity':'1'}}"
data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}">

<img src="●●●이미지6●●●"
style="display:block; background:white; margin: 1px -4px 1px 0px; width: 49px; height:49px; opacity:0.8;"
data-inven-over-css="{'frame':{'margin-top':'-1500', 'margin-left':'0'}, '_SELF_':{'opacity':'1'}}"
data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}">


</div>
<!-- 왼쪽 프레임 끝 -->


<!-- 중앙 프레임 -->
<div style="display:inline-block; width: 300px; height: 300px; margin-right:1px; float:left; overflow: hidden;">
<div style="width: 300px; height:1800px; transition:0.3s ease-in-out;" data-inven-id="frame">

<div style="display:inline-block; width:300px; height: 1800px; margin-right:-4px;">

<img src="●●●이미지1●●●" style="display:block; margin-right:-4px; width: 300px; height:300px;">
<img src="●●●이미지2●●●" style="display:block; margin-right:-4px; width: 300px; height:300px;">
<img src="●●●이미지3●●●" style="display:block; margin-right:-4px; width: 300px; height:300px;">
<img src="●●●이미지4●●●" style="display:block; margin-right:-4px; width: 300px; height:300px;">
<img src="●●●이미지5●●●" style="display:block; margin-right:-4px; width: 300px; height:300px;">
<img src="●●●이미지6●●●" style="display:block; margin-right:-4px; width: 300px; height:300px;">

</div>

</div>
</div>
<!-- 중앙 프레임 끝 -->


</div>
<!-- 전체 프레임 끝 -->

</div>
</center> 




<예시 >


<center>
<div style="display:block; width:353px; height: 302px; padding:2px 1px 1px 2px; background:black; overflow:hidden;" align="center">

<!-- 전체 프레임 -->
<div style="display: inline-block; width:355px; height:300px; margin: 0px; overflow:hidden;" align="left">


<!-- 왼쪽 프레임 -->
<div style="display:inline-block; width:50px; height:300px; margin-right:1px; float:left; overflow: hidden;">

<img src="https://upload2.inven.co.kr/upload/2017/11/26/bbs/i16063864967.jpg"
style="display:block; background:white; margin: 0px -4px 1px 0px; width: 49px; height:50px; opacity:0.8;"
data-inven-over-css="{'frame':{'margin-top':'0', 'margin-left':'0'}, '_SELF_':{'opacity':'1'}}"
data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}">

<img src="https://upload2.inven.co.kr/upload/2017/11/26/bbs/i16040423603.jpg"
style="display:block; background:white; margin: 1px -4px 1px 0px; width: 49px; height:49px; opacity:0.8;"
data-inven-over-css="{'frame':{'margin-top':'-300', 'margin-left':'0'}, '_SELF_':{'opacity':'1'}}"
data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}">

<img src="https://upload2.inven.co.kr/upload/2017/11/26/bbs/i16082516927.png"
style="display:block; background:white; margin: 1px -4px 1px 0px; width: 49px; height:49px; opacity:0.8;"
data-inven-over-css="{'frame':{'margin-top':'-600', 'margin-left':'0'}, '_SELF_':{'opacity':'1'}}"
data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}">

<img src="https://upload2.inven.co.kr/upload/2017/11/26/bbs/i16048674198.png"
style="display:block; background:white; margin: 1px -4px 1px 0px; width: 49px; height:49px; opacity:0.8;"
data-inven-over-css="{'frame':{'margin-top':'-900', 'margin-left':'0'}, '_SELF_':{'opacity':'1'}}"
data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}">

<img src="https://upload2.inven.co.kr/upload/2017/11/26/bbs/i16034443151.jpg"
style="display:block; background:white; margin: 1px -4px 1px 0px; width: 49px; height:49px; opacity:0.8;"
data-inven-over-css="{'frame':{'margin-top':'-1200', 'margin-left':'0'}, '_SELF_':{'opacity':'1'}}"
data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}">

<img src="https://upload2.inven.co.kr/upload/2017/11/26/bbs/i16017702318.png"
style="display:block; background:white; margin: 1px -4px 1px 0px; width: 49px; height:49px; opacity:0.8;"
data-inven-over-css="{'frame':{'margin-top':'-1500', 'margin-left':'0'}, '_SELF_':{'opacity':'1'}}"
data-inven-out-css="{'_SELF_':{'opacity':'0.8'}}">


</div>
<!-- 왼쪽 프레임 끝 -->


<!-- 중앙 프레임 -->
<div style="display:inline-block; width: 300px; height: 300px; margin-right:1px; float:left; overflow: hidden;">
<div style="width: 300px; height:1800px; transition:0.3s ease-in-out;" data-inven-id="frame">

<div style="display:inline-block; width:300px; height: 1800px; margin-right:-4px;">

<img src="https://upload2.inven.co.kr/upload/2017/11/26/bbs/i16063864967.jpg" style="display:block; margin-right:-4px; width: 300px; height:300px;">
<img src="https://upload2.inven.co.kr/upload/2017/11/26/bbs/i16040423603.jpg" style="display:block; margin-right:-4px; width: 300px; height:300px;">
<img src="https://upload2.inven.co.kr/upload/2017/11/26/bbs/i16082516927.png" style="display:block; margin-right:-4px; width: 300px; height:300px;">
<img src="https://upload2.inven.co.kr/upload/2017/11/26/bbs/i16048674198.png" style="display:block; margin-right:-4px; width: 300px; height:300px;">
<img src="https://upload2.inven.co.kr/upload/2017/11/26/bbs/i16034443151.jpg" style="display:block; margin-right:-4px; width: 300px; height:300px;">
<img src="https://upload2.inven.co.kr/upload/2017/11/26/bbs/i16017702318.png" style="display:block; margin-right:-4px; width: 300px; height:300px;">

</div>

</div>
</div>
<!-- 중앙 프레임 끝 -->


</div>
<!-- 전체 프레임 끝 -->

</div>
</center> 


 










Lv79 Want

메뉴 인장보기
EXP 0%

모바일 게시판 하단버튼

목록 본문 이전 다음 댓글쓰기

댓글

새로고침
새로고침

모바일 게시판 하단버튼

목록 본문 이전 다음 댓글보기

지금 뜨는 인벤

더보기+

모바일 게시판 리스트

모바일 게시판 하단버튼

최근 다음
글쓰기

모바일 게시판 페이징

게시물은 1만개 단위로 검색됩니다. > 다음 검색
▲