|
2016-10-25 17:26
조회: 346
추천: 0
'루이비통'님이 문의하신 스크립트 입니다.인벤 스크립트에 관심을 가져주셔서 감사합니다.
올려주신 내용을 바탕으로 작성된 소스를 전달해 드립니다. 혹시 원하시던 형태와 다르거나 이외에도 궁금하신 점은 언제든지 글 남겨주세요. 감사합니다. ■ HTML을 누른 상태에서 붙여넣어 주세요. <div style="width: 442px;border:4px double rgb(91,68,60);font-size:15px;background:url(http://upload2.inven.co.kr/upload/2016/10/25/bbs/i12569394709.png) 0% 0% / 100%"> <!--상단 이미지 상자--> <div style="height:230px;"> </div> <!--중앙 원형 그림 - 인장 펼치기--> <div style="width: 0px; height: 0px; display: inline-block;"> <div style="width: 450px;"> <div style='background: url("http://upload2.inven.co.kr/upload/2016/10/25/bbs/i12500186307.jpg") no-repeat -17px -18px / 121%; margin: 0px auto; border-radius: 80px; top: -90px; width: 146px; height: 146px; overflow: hidden; position: relative;'> <div style="transition:0.4s; width: 146px; height: 146px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" 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(91,68,60,0.4)','color':'rgba(255,255,255,1)'}}" data-inven-toggle="sealing"> <div style="padding: 1em; text-align: center; font-size: 15px;font-weight:bold;"> 인장 보기 </div></div></div></div></div> <div style="height: 70px;"></div> <!--중앙 클릭시 펼쳐질 상자 (숨겨진 상자)--> <div style="padding: 1em; text-align: center; display: none;transition:0.4s;" data-inven-id="sealing"> <img src="http://upload2.inven.co.kr/upload/2016/10/25/bbs/i12539542124.jpg" width="95%"> </div> <div style="height: 20px;"></div> <!-- 기본 내용 상자 --> <div style="padding: 1em;text-align: center;color:white;font-weight:bold;font-size:15px;"> <!-- 쪽지 --> <div data-inven-action data-inven-nick-default="루이비통" style="border:0px;padding:0;margin:0;"> <span data-inven-attr-for="input" style="display:none;"></span> <span data-inven-attr-for="send-note" style="background-color:rgba(255,255,255,0); width: auto; height: auto; color:white; padding:4px;margin:0;border: 1px solid white;font-size:15px;font-weight:bold;" data-inven-text="루이비통 쪽지Go"></span> </div> <br><br> 인벤 거주 D+<span data-inven-dday="2006-10-11"></span> </div> <!-- 하단의 3개 버튼, 지울 수 있습니다.--> <div style="padding: 1em; text-align: center; "> <!-- 5--> <div style="display:inline-block;"><span style="color:white;font-weight:bold;">마격 5</span><br> <div style='background: url("http://upload2.inven.co.kr/upload/2016/10/25/bbs/i12546814996.jpg"); margin: 3px 15px; border-radius: 10px; border: 3px solid rgb(91,68,60); border-image: none; width: 92px; height: 92px; overflow: hidden; display: inline-block;'> <div style="transition:0.4s; width: 92px; height: 92px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" 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':'rgb(91,68,60)','color':'rgba(255,255,255,1)'}}"> <div data-inven-action data-inven-nick-default="루이비통" style="border:0px;padding:0;margin:0;"> <span data-inven-attr-for="input" style="display:none;"></span> <span data-inven-attr-for="last-attack-5" style="background-color:rgba(255,255,255,0); width: 92px; height: 92px; color: rgba(255, 255, 255, 0);border-radius:10px;padding:0;margin:0;transition:0.4s;border:0px;font-size:15px;" data-inven-text="5" data-inven-over-css="{'_SELF_':{'color':'rgba(255,255,255,1)'}}" data-inven-out-css="{'_SELF_':{'color':'rgba(255,255,255,0)'}}"></span> </div></div></div></div> <!-- 10--> <div style="display:inline-block;"><span style="color:white;font-weight:bold;">마격 10</span><br> <div style='background: url("http://upload2.inven.co.kr/upload/2016/10/25/bbs/i12513396928.jpg"); margin: 3px 15px; border-radius: 10px; border: 3px solid rgb(91,68,60); border-image: none; width: 92px; height: 92px; overflow: hidden; display: inline-block;'> <div style="transition:0.4s; width: 92px; height: 92px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" 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':'rgb(91,68,60)','color':'rgba(255,255,255,1)'}}"> <div data-inven-action data-inven-nick-default="루이비통" style="border:0px;padding:0;margin:0;"> <span data-inven-attr-for="input" style="display:none;"></span> <span data-inven-attr-for="last-attack-10" style="background-color:rgba(255,255,255,0); width: 92px; height: 92px; color: rgba(255, 255, 255, 0);border-radius:10px;padding:0;margin:0;transition:0.4s;border:0px;font-size:15px;" data-inven-text="10" data-inven-over-css="{'_SELF_':{'color':'rgba(255,255,255,1)'}}" data-inven-out-css="{'_SELF_':{'color':'rgba(255,255,255,0)'}}"></span> </div></div></div></div> <!-- All-in--> <div style="display:inline-block;"><span style="color:white;font-weight:bold;">마격 올인</span><br> <div style='background: url("http://upload2.inven.co.kr/upload/2016/10/25/bbs/i12572970918.jpg"); margin: 3px 15px; border-radius: 10px; border: 3px solid rgb(91,68,60); border-image: none; width: 92px; height: 92px; overflow: hidden; display: inline-block;'> <div style="transition:0.4s; width: 92px; height: 92px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" 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':'rgb(91,68,60)','color':'rgba(255,255,255,1)'}}"> <div data-inven-action data-inven-nick-default="루이비통" style="border:0px;padding:0;margin:0;"> <span data-inven-attr-for="input" style="display:none;"></span> <span data-inven-attr-for="last-attack-all" style="background-color:rgba(255,255,255,0); width: 92px; height: 92px; color: rgba(255, 255, 255, 0);border-radius:10px;padding:0;margin:0;transition:0.4s;border:0px;font-size:15px;" data-inven-text="All-in" data-inven-over-css="{'_SELF_':{'color':'rgba(255,255,255,1)'}}" data-inven-out-css="{'_SELF_':{'color':'rgba(255,255,255,0)'}}"></span> </div></div></div></div> </div></div></div> |
Nacx