인벤 스크립트 게시판

전체보기

모바일 상단 메뉴

본문 페이지

[문의] 박스가 왼쪽으로 쏠리고 늘어납니다..

아이콘 수인
댓글: 1 개
조회: 1540
2017-03-19 01:38:56
<div style='background: url("https://upload2.inven.co.kr/upload/2016/09/19/bbs/i12328990043.jpg"); font-size: 11px;'>
<div style='background: url("https://upload2.inven.co.kr/upload/2017/02/05/bbs/i13769367419.png") no-repeat 0px bottom; min-height: 400px;'>
<div style='padding: 4px 6px; background-image: url("https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png");'>
<div style='background: url("http://www.randomurl.ze.am/e/jd.php?d=2015-04-18 22:17:49&amp;c=#000000.png"); height: 20px;'></div></div>

<!--마격 기능 -->
<div style="display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background-image: url('https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 16px; margin-left: 6px; color: #000000; border-radius: 6px; border: 1px solid #000000; overflow: hidden; font-size: 11px; padding: 0;" data-inven-action="last-attack-5,last-attack-10,last-attack-all,search-profile" data-no-tooltip data-inven-result-detail data-inven-nick-default="수인"><span data-inven-attr-for="input" style="float: left; width: 130px; font-size: 11px; color: #000000; padding: 0 4px; height: 21px; line-height: 21px; border: 0;"></span><span data-inven-attr-for="button" style="float: left; margin: 0 0 0 1px; padding: 6px 4px 4px 4px; background-color: #000000; color: white; border: 0; font-size: 11px; line-height: 100%; height: auto;"></span><span data-inven-attr-for="action-result" data-position="out" style="background-image: url('https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 2px; margin-left: 6px; color: #000000; border-radius: 6px; border: 1px solid #000000; padding: 4px 6px; font-size: 11px; width: 300px;"></span></div> 

<div style="padding-top: 16px;" data-inven-tabs="">

<!-- 좌측 탭 상자 -->
<div style="float: left;">
<div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: #A50000;" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-tab-for="0">프로필</div>
<div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: #A50000;" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-tab-for="1">그린 인장</div>
<div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: #A50000;" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-tab-for="2">받은 인장</div>
<div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: #A50000;" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-tab-for="3">게임 사진</div>
<div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: #A50000;" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-tab-for="4">다른 게임</div></div>


<div style="padding-bottom: 12px; margin-top: 6px; margin-left: 30px;">

<!-- 본문상자-->
<div style="min-height: 300px;" data-inven-tab-id="0">
<div style='border-radius: 6px; border: 1px solid #000000; border-image: none; width: 204px; display: block; background-image: url("https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png");'>
<div style="padding: 4px 8px; color: #000000; font-weight: bold; border-bottom-color: #000000; border-bottom-width: 1px; border-bottom-style: solid;"><center>프로필</center></div>
<font color="#5D5D5D">인장 업데이트 : 2017년 3월 19일</font><br /><br /><br /><font color="#2478FF">2016.07.24 : 77777이니<br />2016.10.10 : 20만이니<br />2016.12.01 : 30만이니<br />2016.01.18 : 40만 이니</font><br /><br /><font color="#8748E1">2016.10.18 : D 라이센스</font><br /><br /><font color="#F361A6">2016.07.10 : 50Lv<br />2016.09.15 : 60Lv<br />2016.12.22 : 70Lv</font></div></div></div>

<!-- 1번 탭-->
<div style="display: none;" data-inven-tab-id="1">
<div style="padding: 4px 8px; border-radius: 6px; border: 1px solid #000000; display: inline-block;">
<div style="text-align: center;">
<div style="margin: 2px 2px;">
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://upload2.inven.co.kr/upload/2017/02/13/bbs/i14349905691.jpg)', 'background-repeat':'no-repeat', 'background-size':'360px'  , 'height':'600px'} }"><img data-inven-tooltip="#0054FF;#ffffff;#5AAEFF;인벤 프로필 사진" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2017/02/13/bbs/i14349905691.jpg"></a>
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://upload2.inven.co.kr/upload/2016/12/04/bbs/i14715577701.jpg)', 'background-repeat':'no-repeat', 'background-size':'360px'  , 'height':'700px'} }"><img data-inven-tooltip="#0054FF;#ffffff;#5AAEFF;테라 - 사제 수인형" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/12/04/bbs/i14715577701.jpg"></a>
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://upload2.inven.co.kr/upload/2016/11/10/bbs/i10815319351.jpg)', 'background-repeat':'no-repeat', 'background-size':'360px'  , 'height':'600px'} }"><img data-inven-tooltip="#0054FF;#ffffff;#5AAEFF;블레이드앤 소울 - 기공사 남쪽에 핀 얼음꽃" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/11/10/bbs/i10815319351.jpg"></a>
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://upload2.inven.co.kr/upload/2017/01/22/bbs/i16215445965.jpg)', 'background-repeat':'no-repeat', 'background-size':'360px'  , 'height':'600px'} }"><img data-inven-tooltip="#0054FF;#ffffff;#5AAEFF;테라 종족들의 넥슨 친구들 코스프레" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2017/01/22/bbs/i16215445965.jpg"></a>
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://upload2.inven.co.kr/upload/2017/02/05/bbs/i14018132646.jpg)', 'background-repeat':'no-repeat', 'background-size':'360px'  , 'height':'700px'} }"><img data-inven-tooltip="#0054FF;#ffffff;#5AAEFF;테라 - 검투사 엘린검사" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2017/02/05/bbs/i14018132646.jpg"></a>
</div>
<br> <div data-inven-id="ev-click-img" style="transition:0.2s; border-radius: 4px; margin-left: 20px; width: 380px; height: 1px; background-size: 1px;">
</div>
</div>
</div>
</div>

<!-- 2번 탭-->
<div style="display: none;" data-inven-tab-id="2">
<div style="padding: 4px 8px; border-radius: 6px; border: 1px solid #000000; display: inline-block;">
<div style="text-align: center;">
<div style="margin: 2px 2px;">
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img2':{'background':'url(https://upload2.inven.co.kr/upload/2017/02/05/bbs/i13970487783.jpg)', 'background-repeat':'no-repeat', 'background-size':'360px'  , 'height':'600px'} }"><img data-inven-tooltip="#0054FF;#ffffff;#5AAEFF;테라 - 비검사 나이트나 / 인벤 소화님 감사합니다!" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2017/02/05/bbs/i13970487783.jpg"></a>
</div>
<br> <div data-inven-id="ev-click-img2" style="transition:0.2s; border-radius: 4px; margin-left: 20px; width: 380px; height: 1px; background-size: 1px;">
</div>
</div>
</div>
</div>

<!-- 3번 탭-->
<div style="display: none;" data-inven-tab-id="3">
<div style="text-align: center;">
<div style="margin: 2px 2px;">
<div style="display: block; width: 420px; height: 100px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #000000; margin-top: 16px;">
<div style="border-bottom: 1px solid #000000; color:#FF2424;padding: 4px 8px; font-weight: bold;">
블레이드앤 소울
</div>
<div style="padding: 4px 8px;">
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img3':{'background':'url(https://upload2.inven.co.kr/upload/2016/11/10/bbs/i10488196797.jpg)', 'background-repeat':'no-repeat', 'background-size':'360px'  , 'height':'600px'} }"><img data-inven-tooltip="#FF0000;#ffffff;#FF7E7E;블레이드앤 소울 '수월평원 - 늑대구릉'" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/11/10/bbs/i10488196797.jpg"></a>
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img3':{'background':'url(https://upload2.inven.co.kr/upload/2016/09/17/bbs/i10963570618.jpg)', 'background-repeat':'no-repeat', 'background-size':'360px'  , 'height':'600px'} }"><img data-inven-tooltip="#FF0000;#ffffff;#FF7E7E;블레이드앤 소울 '건원성도 - 천명궁 외원'" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i10963570618.jpg"></a>
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img3':{'background':'url(https://upload2.inven.co.kr/upload/2016/09/17/bbs/i10908188952.jpg)', 'background-repeat':'no-repeat', 'background-size':'360px'  , 'height':'600px'} }"><img data-inven-tooltip="#FF0000;#ffffff;#FF7E7E;블레이드앤 소울 '건원성도 - 버려진 숲'" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i10908188952.jpg"></a>
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img3':{'background':'url(https://upload2.inven.co.kr/upload/2016/09/20/bbs/i12887944406.jpg)', 'background-repeat':'no-repeat', 'background-size':'360px'  , 'height':'600px'} }"><img data-inven-tooltip="#FF0000;#ffffff;#FF7E7E;블레이드앤 소울 '건원성도 - 메인퀘스트 中 제독의 함선'" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/09/20/bbs/i12887944406.jpg"></a>
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img3':{'background':'url(https://upload2.inven.co.kr/upload/2016/09/17/bbs/i10981314997.jpg)', 'background-repeat':'no-repeat', 'background-size':'360px'  , 'height':'600px'} }"><img data-inven-tooltip="#FF0000;#ffffff;#FF7E7E;블레이드앤 소울 '백청산맥 - 북방설원'" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i10981314997.jpg"></a>
</div>
</div>
</div>
</div>
</div>



<div style="display: none;" data-inven-tab-id="3">
<div style="text-align: center;">
<div style="margin: 2px 2px;">
<div style="display: block; width: 420px; height: 270px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #000000; margin-top: 16px;">
<br> <div data-inven-id="ev-click-img3" style="transition:0.2s; border-radius: 4px; margin-left: 20px; width: 380px; height: 1px; background-size: 1px;">
</div>
</div>
</div>
</div>
</div>


<div style="display: none;" data-inven-tab-id="3">
<div style="text-align: center;">
<div style="margin: 2px 2px;">
<div style="display: block; width: 420px; height: 100px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #000000; margin-top: 16px;">
<div style="border-bottom: 1px solid #000000; color:#1266FF;padding: 4px 8px; font-weight: bold;">
테라
</div>
<div style="padding: 4px 8px;"><a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img3':{'background':'url(https://upload2.inven.co.kr/upload/2016/09/17/bbs/i12737644668.png)', 'background-repeat':'no-repeat', 'background-size':'360px'  , 'height':'600px'} }"><img data-inven-tooltip="#0054FF;#ffffff;#5AAEFF;테라 '인스턴스 던전 - 타르스키의 놀이터'" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i12737644668.png"></a>
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img3':{'background':'url(https://upload2.inven.co.kr/upload/2016/09/17/bbs/i11651364681.png)', 'background-repeat':'no-repeat', 'background-size':'360px'  , 'height':'600px'} }"><img data-inven-tooltip="#0054FF;#ffffff;#5AAEFF;테라 '인스턴스 던전 - 발로나의 시공간''" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i11651364681.png"></a>
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img3':{'background':'url(https://upload2.inven.co.kr/upload/2016/09/17/bbs/i11653298448.png)', 'background-repeat':'no-repeat', 'background-size':'360px'  , 'height':'600px'} }"><img data-inven-tooltip="#0054FF;#ffffff;#5AAEFF;테라 '발키온 보호령 - 여명의 정원''" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i11653298448.png"></a>
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img3':{'background':'url(https://upload2.inven.co.kr/upload/2016/09/17/bbs/i11659716276.png)', 'background-repeat':'no-repeat', 'background-size':'360px'  , 'height':'600px'} }"><img data-inven-tooltip="#0054FF;#ffffff;#5AAEFF;테라 '베리타스 특별지구 - 태양의 정원'" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i11659716276.png"></a>
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img3':{'background':'url(https://upload2.inven.co.kr/upload/2016/09/17/bbs/i11671483248.png)', 'background-repeat':'no-repeat', 'background-size':'360px'  , 'height':'600px'} }"><img data-inven-tooltip="#0054FF;#ffffff;#5AAEFF;테라 '실바니아 가드 - 요정의 숲'" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i11671483248.png"></a>
</div>
</div>
</div>
</div>
</div>




<!-- 4번 탭-->
<div style="display: none;" data-inven-tab-id="4">
<div style="text-align: left;">
<div style="margin: 2px 2px;">

<div style="display: block; width: 204px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #000000; margin-top: 16px;">
<div style="border-bottom: 1px solid #000000; color:#1266FF;padding: 4px 8px; font-weight: bold;">
오버워치
</div>
<div style="padding: 4px 8px;">
<font color="#0000C9"><img width="190" , height="140"; src="https://upload2.inven.co.kr/upload/2017/02/16/bbs/i16150873533.jpg"><br />시즌 1<br />배치 7승 0무 3패 60점 시작<br />최종 53점<br />최고 63점<br /><br />시즌 2<br />배치 3승 1무 6패 2300점 시작<br />최종 3060점<br />최고 3241점<br /><br />시즌 3<br />배치 6승 0무 4패 3056점 시작<br />최종 3268점<br />최고 3626점</font>
</div>
</div>

<div style="display: block; width: 204px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #000000; margin-top: 16px;">
<div style="border-bottom: 1px solid #000000; color: #FF2424;padding: 4px 8px; font-weight: bold;">
블레이드앤 소울
</div>
<div style="padding: 4px 8px;">
<font color="#930000">경국지색 서버<br /><br />50Lv. 10성 린검사 검투사엘린<br />50Lv. 12성 소환사 정령사 린<br />55Lv. 14성 기공사 남쪽에 핀 얼음꽃</font>
</div>
</div>

<div style="display: block; width: 204px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #000000; margin-top: 16px;">
<div style="border-bottom: 1px solid #000000; color: #BD2470;padding: 4px 8px; font-weight: bold;">
파이널 판타지 14
</div>
<div style="padding: 4px 8px;">
<font color="#BD2470">모그리 서버<br /><br />나이트나<br /><br />흑마도사 50Lv<br />닌자 50Lv</font>
</div>
</div>

<div style="display: block; width: 204px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #000000; margin-top: 16px;">
<div style="border-bottom: 1px solid #000000; color: #00A500;padding: 4px 8px; font-weight: bold;">
테라
</div>
<div style="padding: 4px 8px;">
<font color="#00A500">1. 서버 : 카이아의 가호<br /><br />2. 길드 : 엘린할짝할짝<br />(길마형이 그냥 바꿔버리심.. ㅋㅋㅋ)<br /><br />3. 캐릭터 정보<br /><br />65Lv. 창기사 소양<br />65Lv. 검투사 엘린검사<br />65Lv. 비검사 나이트나<br />65Lv. 궁수 배경<br />65Lv. 사제 수인형<br />65Lv. 정령사 수정구슬<br />65Lv. 권술사 엘린권술좀<br />65Lv. 마법사 Southavenue<br />65Lv. 광전사 체감<br />65Lv. 마공사 Centralavenue<br />61Lv. 인술사 프레피<br />48Lv. 무사 Thridavenue</font>
</div>
</div>

</div>
</div>
</div>

</div></div></div></div>




제 수정중인 인장 스크립트이고..

4번째 탭이 왼쪽으로 좀 쏠리고
윗 박스에서 작은사진 한개가 밑줄로 내려가 버리고

5번째 탭도 왼쪽으로 좀 쏠리고
맨 윗쪽 박스가 길게 쭉 늘어나버리더라구요..


잘 사용하다가 이번에 첫번째 탭의 박스 내용을 바꾸고
다섯번째 탭에 상자 갯수 하나를 늘리니 이런 현상이 생기는데
해결 법을 모르겠습니다 ㅠㅠ

Lv77 수인

모바일 게시판 하단버튼

댓글

새로고침
새로고침

모바일 게시판 하단버튼

지금 뜨는 인벤

더보기+

모바일 게시판 리스트

모바일 게시판 하단버튼

글쓰기

모바일 게시판 페이징