[기타] '전사'님이 문의하신 스크립트 입니다.

인벤 스크립트에 관심을 가져주셔서 감사합니다.

문의하신 내용에, 펼쳐질 내용이나 버튼에 대한 설명이 없어서, 별도의 스타일은 추가하지 않았습니다.
펼쳐질 내용이 어디에 나올 위치에 대한 명시가 없어서, 임의로 인장 최하단에 삽입하였습니다.

내용을 넣어주시면 되는 부분에는 노란색으로 색상을 칠해놨으니 참고 부탁드립니다.

혹시 원하시는 형태와 다르거나, 이외에도 궁금하신 내용은 언제든지 글 남겨주세요.

감사합니다.



■ HTML을 누른 상태에서 붙여넣어 주세요.

---

<div style="BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; WIDTH: 450px; FONT-SIZE: 15px; BORDER-TOP: black 1px solid; BORDER-RIGHT: black 1px solid">
<div><img width="100%" src="https://upload2.inven.co.kr/upload/2017/09/05/bbs/i15223110172.jpg"></div>

<div style="WIDTH: 0px; DISPLAY: inline-block; HEIGHT: 0px">
<div style="WIDTH: 460px">
<div style="POSITION: relative; MARGIN: 0px auto; WIDTH: 146px; BACKGROUND: url(https://upload2.inven.co.kr/upload/2017/09/05/bbs/i15274238126.jpg) no-repeat center/150%; HEIGHT: 146px; OVERFLOW: hidden; TOP: -90px; border-radius: 80px">

<div style="WIDTH: 146px; DISPLAY: table-cell; HEIGHT: 146px; VERTICAL-ALIGN: middle; transition: 0.4s;color:rgba(255,255,255,0);" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'rgba(255,255,255,0.4)','color':'rgba(55,55,55,1)'}}" data-inven-toggle="sealing">
<div style="TEXT-ALIGN: center; PADDING-BOTTOM: 1em; PADDING-LEFT: 1em; PADDING-RIGHT: 1em; FONT-SIZE: 15px; PADDING-TOP: 1em;">천사분들이<br>그려준 그림</div></div></div></div></div>
<div style="BACKGROUND: url(https://upload2.inven.co.kr/upload/2017/09/08/bbs/i16604372216.jpg)">


<div style="HEIGHT: 60px"></div>
<div style="TEXT-ALIGN: center; PADDING-BOTTOM: 1em; PADDING-LEFT: 1em; PADDING-RIGHT: 1em; DISPLAY: none; PADDING-TOP: 1em; transition: 0.4s;" data-inven-id="sealing"><br>
<img width="95%" src="https://upload2.inven.co.kr/upload/2017/04/26/bbs/i13866523673.gif">
<img width="95%" src="https://upload2.inven.co.kr/upload/2017/04/26/bbs/i13827457819.gif">
<img width="95%" src="https://upload2.inven.co.kr/upload/2017/04/26/bbs/i13556753516.gif">
<img width="95%" src="https://upload2.inven.co.kr/upload/2017/04/26/bbs/i16417559995.gif">
<img width="95%" src="https://upload2.inven.co.kr/upload/2017/04/25/bbs/i13193636960.gif"></div>

<div style="TEXT-ALIGN: center; PADDING-BOTTOM: 1em; PADDING-LEFT: 1em; PADDING-RIGHT: 1em; PADDING-TOP: 1em"> </div>

<div style="TEXT-ALIGN: center; PADDING-BOTTOM: 1em; PADDING-LEFT: 1em; PADDING-RIGHT: 1em; PADDING-TOP: 1em">

<!-- 상자 1-->
<div style="BORDER-BOTTOM: pink 3px solid; BORDER-LEFT: pink 3px solid; MARGIN: 0px 15px; WIDTH: 92px; DISPLAY: inline-block; BACKGROUND: url(https://upload2.inven.co.kr/upload/2017/09/08/bbs/i14090264285.png) no-repeat center/200%; HEIGHT: 92px; OVERFLOW: hidden; BORDER-TOP: pink 3px solid; BORDER-RIGHT: pink 3px solid; border-radius: 10px; border-image: none">
<div style="WIDTH: 92px; DISPLAY: table-cell; HEIGHT: 92px; VERTICAL-ALIGN: middle; transition: 0.4s;color:rgba(255,255,255,0);" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'pink','color':'rgba(255,255,255,1)'}}">
<div style="PADDING-BOTTOM: 0.5em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; PADDING-TOP: 0.5em">76Level<br>
<span style="FONT-WEIGHT: bold">D + </span>
<span style="FONT-WEIGHT: bold" data-inven-dday="2017-08-31"></span></div></div></div>

<!-- 상자 2-->
<div style="BORDER-BOTTOM: pink 3px solid; BORDER-LEFT: pink 3px solid; MARGIN: 0px 15px; WIDTH: 92px; DISPLAY: inline-block; BACKGROUND: url(https://upload2.inven.co.kr/upload/2017/09/08/bbs/i14090264285.png) no-repeat center/200%; HEIGHT: 92px; OVERFLOW: hidden; BORDER-TOP: pink 3px solid; BORDER-RIGHT: pink 3px solid; border-radius: 10px; border-image: none" data-inven-toggle="boseal1" data-inven-hide="boseal2">
<div style="WIDTH: 92px; DISPLAY: table-cell; HEIGHT: 92px; VERTICAL-ALIGN: middle; transition: 0.4s;color:rgba(255,255,255,0);" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'pink','color':'rgba(255,255,255,1)'}}">
<div style="PADDING-BOTTOM: 0.5em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; PADDING-TOP: 0.5em">
접기 버튼 1
</div></div></div>

<!-- 상자 3-->
<div style="BORDER-BOTTOM: pink 3px solid; BORDER-LEFT: pink 3px solid; MARGIN: 0px 15px; WIDTH: 92px; DISPLAY: inline-block; BACKGROUND: url(https://upload2.inven.co.kr/upload/2017/09/08/bbs/i14090264285.png) no-repeat center/200%; HEIGHT: 92px; OVERFLOW: hidden; BORDER-TOP: pink 3px solid; BORDER-RIGHT: pink 3px solid; border-radius: 10px; border-image: none" data-inven-toggle="boseal2" data-inven-hide="boseal1">
<div style="WIDTH: 92px; DISPLAY: table-cell; HEIGHT: 92px; VERTICAL-ALIGN: middle; transition: 0.4s;color:rgba(255,255,255,0);" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'pink','color':'rgba(255,255,255,1)'}}">
<div style="PADDING-BOTTOM: 0.5em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em; PADDING-TOP: 0.5em">
접기 버튼 2
</div></div></div>


<center>
<div id="BBSImageHolderTop" style="text-align:light;"></div>
<div></div>
<div data-inven-action="" data-no-tooltip="" data-inven-result-detail="" data-inven-nick-default="" style="height:60px;background-color:pink;">
<span data-inven-attr-for="input" style="border:0px;height:100%;width:270px;font-size:20px;text-align:center;BACKGROUND: url(https://upload2.inven.co.kr/upload/2017/09/08/bbs/i15109939048.gif)no-repeat center/100%;font-weight:bold;"></span>
<span data-inven-attr-for="last-attack-all" style="background-image: url('https://static.inven.co.kr/image_2011/member/skill/icon/40001.gif');width:60px;height:60px;color:rgba(255, 255, 255, 0);border:0px;background-size:100%;"></span>
<span data-inven-attr-for="search-profile" style="background-image: url('https://static.inven.co.kr/image_2011/member/skill/icon/30001.gif');width:60px;height:60px;color:rgba(255, 255, 255, 0);border:0px;background-size:100%;"></span>
<span data-inven-attr-for="action-result" data-position="out"></span></div>
</center>

<div data-inven-id="boseal1" style="display:none;">접기 내용1</div>
<div data-inven-id="boseal2" style="display:none;">접기 내용2</div>

</div></div>