Nacx
2019-01-17 11:49
조회: 1,105
추천: 0
"필리아살리스"님의 수정된 스크립트 입니다.인벤 스크립트에 관심을 가져주셔서 감사합니다.
올려주신 내용은 바탕으로 수정된 소스를 전달 드립니다. 수정 내역은 아래와 같습니다. 1. 경험치 표 삭제 경험치 table을 삭제하고, 샘플 이미지를 삽입했습니다. 2. 세번째 인장의 영역 앞에서 </div>가 인장 내용을 닫아서 발생하는 증상으로 </div> 3개를 지우고 width 값을 조정하였습니다. 3. 메르시 탭 추가하였습니다. 4. 줄넘김 HTML 에서 엔터와 같은 역할을 하는 태그는 <br> 태그 입니다. <br> 태그를 삽입해서 줄넘김을 추가하였습니다. 원하시던 형태와 다르거나, 이외에도 궁금하신 내용은 언제든지 글 남겨주세요. 감사합니다. ■ HTML을 누른 상태에서 붙여넣어 주세요. <!--색깔배경--> <div data-inven-tabs style="background-color: #fbeff7;"> <!--움짤배경--> <div style="background-image: url('https://optimal.inven.co.kr/upload/2017/09/16/bbs/i16267698222.gif');min-height: 580px;"> <!--인장검색기--> <div style="display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background-image: url('https://optimal.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 6px; margin-left: 6px; color: #ff99ab; border-radius: 6px; border: 1px solid #ff99ab; overflow: hidden; font-size: 11px; padding: 0;" data-inven-action="last-attack-10,last-attack-20,last-attack-all,send-note,search-profile" data-no-tooltip data-inven-result-detail data-inven-nick-default="필리아살리아" data-inven-align ="center"> <span data-inven-attr-for="input" style="float: left; margin: 2px 1px 0 4px; width: 130px; font-size: 11px; color: #000000; padding: 0 2px; height: 17px;"></span> <span data-inven-attr-for="button" data-inven-over-css="{'_SELF_':{'backgroundColor':'#ffccd4'}}" data-inven-out-css="{'_SELF_':{'backgroundColor':'#ff99ab'}}" style="float: left; margin: 0 0 0 1px; padding: 6px 4px 4px 4px; background-color: #ff99ab; color: white; border: 0; font-size: 11px; line-height: 100%; height: auto; transition: all 0.1s;"></span> <span data-inven-attr-for="action-result" data-position="out" data-remain-result style="background-image: url('https://optimal.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 2px; margin-left: 6px; color: #ff99ab; border-radius: 6px; border: 1px solid #ff99ab; padding: 4px 6px; font-size: 11px; width: 300px;"></span> </div> <div style="padding-top: 1px;"> <!-- 좌단 메뉴 --> <div style="float: left;"> <div data-inven-tab-for="0" style="background: url('https://optimal.inven.co.kr/upload/2019/01/16/bbs/i15184709027.jpg'); margin: 15px 15px 0px; border-radius: 15px; border: 3px solid white; border-image: none; width: 96px; height: 96px; overflow: hidden; display: inline-block;"> <div style="transition:0.4s; width: 96px; height: 96px; text-align: center; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-over-css="{'_SELF_':{'background-color':'#ffccd4','color':'rgba(255,255,255,1)'}}" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-toggle="prof"> <div style="padding: 0.8em; font-size: 15px; font-weight: bold;">프로필</div> </div></div> <br><br> <div data-inven-tab-for="1" style="background: url('https://optimal.inven.co.kr/upload/2019/01/16/bbs/i13797736142.jpg'); margin: 15px 15px 0px; border-radius: 15px; border: 3px solid white; border-image: none; width: 96px; height: 96px; overflow: hidden; display: inline-block;"> <div style="transition:0.4s; width: 96px; height: 96px; text-align: center; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-over-css="{'_SELF_':{'background-color':'#ffccd4','color':'rgba(255,255,255,1)'}}" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-toggle="exp"> <div style="padding: 0.8em; font-size: 15px; font-weight: bold;" >필리아</div> </div></div> <br><br> <div data-inven-tab-for="2" style="background: url('https://optimal.inven.co.kr/upload/2019/01/16/bbs/i13603842547.jpg'); margin: 15px 15px 0px; border-radius: 15px; border: 3px solid white; border-image: none; width: 96px; height: 96px; overflow: hidden; display: inline-block;"> <div style="transition:0.4s; width: 96px; height: 96px; text-align: center; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-over-css="{'_SELF_':{'background-color':'#ffccd4','color':'rgba(255,255,255,1)'}}" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-toggle="seal"> <div style="padding: 0.8em; font-size: 15px; font-weight: bold;">받은 인장</div> </div></div> <br><br> <div data-inven-tab-for="3" style="background: url('https://optimal.inven.co.kr/upload/2019/01/17/bbs/i14177438211.jpg'); margin: 15px 15px 0px; border-radius: 15px; border: 3px solid white; border-image: none; width: 96px; height: 96px; overflow: hidden; display: inline-block;"> <div style="transition:0.4s; width: 96px; height: 96px; text-align: center; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-over-css="{'_SELF_':{'background-color':'#ffccd4','color':'rgba(255,255,255,1)'}}" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-toggle="mers"> <div style="padding: 0.8em; font-size: 15px; font-weight: bold;">메르시</div> </div></div> <br> </div> <div style="margin-left: 146px; margin-top: 16px; padding-bottom: 12px;"> <div data-inven-tab-id="0" style="min-height: 300px;"><!--메인 메뉴 내용--> <div style="display: none; width: 160px; background-image: url('https://optimal.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #fbb2ab;" data-inven-id="prof"> <div style="border-bottom: 1px solid #fbb2ab; color: #f67fde;padding: 4px 8px; font-weight: bold;">필리아 살리스<br>(Phillia salis)</div> <div style="padding: 4px 8px;"> <div style="padding: 4px 8px; color: #ff99ab; font-weight: bold;">신분 : 여왕</div> <div style="padding: 4px 8px; color: #ff99ab; font-weight: bold;">생일 : ?월 ?일</div> <div style="padding: 4px 8px; color: #ff99ab; font-weight: bold;">키 : ?cm</div> <div style="padding: 4px 8px; color: #ff99ab; font-weight: bold;">몸무게 : ?kg</div> <div style="padding: 4px 8px; color: #ff99ab; font-weight: bold;">나이 : 27세</div> <div style="padding: 4px 8px; color: #ff99ab; font-weight: bold;">좋아하는 것 : 빙수</div> </div> </div> </div> <div data-inven-tab-id="1" style="display: none;"><!--메뉴 1 내용--> <div style="display: inline-block; padding: 6px; background-image: url('https://optimal.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #fbb2ab; width: 270px;text-align:center" data-inven-id="exp"> "필리아" 탭에 들어갈 내용을 넣어 주시면 됩니다. <br><br> 가로폭은 width에 %를 이용해 주시면 이미지의 크기를 손쉽게 맞추실 수 있을 것입니다.<br><br> <img src="https://optimal.inven.co.kr/upload/2019/01/17/bbs/i13656911877.gif" width="95%"> </div></div> <div data-inven-tab-id="2" style="display: none;"><!--메뉴 2 내용--> <div style="display: inline-block; padding: 6px; background-image: url('https://optimal.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #fbb2ab; width: 270px;text-align:center" data-inven-id="seal"> <img src="https://optimal.inven.co.kr/upload/2019/01/17/bbs/i13656911877.gif" width="95%"><br> <img src="https://optimal.inven.co.kr/upload/2019/01/16/bbs/i14692100090.png" width="95%"><br> <img src="https://optimal.inven.co.kr/upload/2019/01/17/bbs/i13646396371.png" width="95%"><br> <img src="https://optimal.inven.co.kr/upload/2019/01/17/bbs/i15327202219.png" width="95%"><br> <img src="https://upload.inven.co.kr/upload/2013/12/29/bbs/i1225408280.jpg" width="95%"><br> <img src="https://upload.inven.co.kr/upload/2013/12/29/bbs/i3371586992.jpg" width="95%"><br> <img src="https://upload.inven.co.kr/upload/2013/12/29/bbs/i3264913882.jpg" width="95%"><br> <img src="https://upload.inven.co.kr/upload/2013/12/29/bbs/i0441064635.jpg" width="95%"><br> <img src="https://upload.inven.co.kr/upload/2013/12/29/bbs/i0179276615.gif" width="95%"><br> <img src="https://upload.inven.co.kr/upload/2013/12/29/bbs/i2852799070.jpg" width="95%"><br> <img src="https://upload.inven.co.kr/upload/2013/12/29/bbs/i2061870920.png" width="95%"><br> <img src="https://upload.inven.co.kr/upload/2013/12/29/bbs/i2603388342.jpg" width="95%"><br> <img src="https://upload.inven.co.kr/upload/2013/12/29/bbs/i2948779802.jpg" width="95%"><br> <img src="https://upload.inven.co.kr/upload/2013/12/29/bbs/i4114702211.jpg" width="95%"><br> <img src="https://upload.inven.co.kr/upload/2013/12/29/bbs/i4235063811.gif" width="95%"> </div></div> <div data-inven-tab-id="3" style="display: none;"><!--메뉴 2 내용--> <div style="display: inline-block; padding: 6px; background-image: url('https://optimal.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #fbb2ab; width: 270px;text-align:center" data-inven-id="mers"> "메르시" 탭에 들어갈 내용을 넣어 주시면 됩니다. <br><br> <img src="https://optimal.inven.co.kr/upload/2019/01/16/bbs/i14692100090.png" width="95%"><br> </div></div> </div></div></div> |