신관
2018-11-11 21:43
조회: 868
추천: 0
인장 문의입니다.현재 제가 사용하고 있는 인장 내역 입니다.
<div style="background: url('~~전체배경~~')0% 0%/100%; font-size: 11px;"> <div style="background: url('https://upload2.inven.co.kr/upload/2016/06/13/bbs/i13299756090.png') no-repeat right bottom / 30%; min-height: 400px;"> <!-- 상단 가입일 표시--> <div style="background-image: url('https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); padding: 4px 6px;"> <div style="background: url('http://www.randomurl.ze.am/e/jd.php?d=2006-01-23 01:18:11 &c=0D76FF#.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: #0D76FF; border-radius: 6px; border: 1px solid #0D76FF; 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; margin: 2px 1px 0 4px; width: 130px; font-size: 11px; color: #0D76FF; padding: 0 2px; height: 17px;"></span> <span data-inven-attr-for="button" style="float: left; margin: 0 0 0 1px; padding: 6px 4px 4px 4px; background-color: #0D76FF; 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: #0D76FF; border-radius: 6px; border: 1px solid #0D76FF; padding: 4px 6px; font-size: 11px; width: 300px;"></span> </div> <!-- 마무리 종료 --> <!-- 본문 영역--> <div data-inven-tabs="" style="padding-top: 16px;"> <div style="float: left;"> <!-- 버튼 --> <div data-inven-tab-for="0" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #0D76FF; color: white; cursor: pointer;">프로필</div> <div data-inven-tab-for="1" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #0D76FF; color: white; cursor: pointer;">파이널판타지</div> <div data-inven-tab-for="2" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #0D76FF; color: white; cursor: pointer;">로스트아크</div> <div data-inven-tab-for="3" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #0D76FF; color: white; cursor: pointer;">테라</div> <div data-inven-tab-for="4" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #0D76FF; color: white; cursor: pointer;">움짤</div> <!--새 버튼 추가하는 곳--> </div> <!-- 첫번째 탭 내용 --> <div style="margin-left: 30px; margin-top: 6px; padding-bottom: 12px;"> <div data-inven-tab-id="0" style="min-height: 300px;"> <div style="display: block; width:270px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #0D76FF;"> <div style="border-bottom: 1px solid #0D76FF; color: #0D76FF;padding: 4px 8px; font-weight: bold;">프로필 (움짤, 사진 클릭하면 바뀝니다!)</div> <div style="padding: 4px 8px;"> 게임 : 파이널판타지,로스트아크,테라<br><br> 파이널판타지 - 초코보 (신관)<br><br> 로스트아크 - 루페온 (금사)<br><br> 테라 - 아룬의영광 (다)<br> 테라 - 아룬의영광 (신사) </div></div> <!-- 직사각형(2*1) : 270px * 135px--><br><br> <div style="width:270px; height:135px;border-radius:15px;float:left;overflow:hidden;margin:0px 3px 3px 0px;background:url(https://upload2.inven.co.kr/upload/2016/06/13/bbs/i10791309864.png);background-size:100%;"; margin: 0px 3px 3px 0px; border-radius: 15px; width: 270px; height: 135px; color: rgba(255, 255, 255, 0); float: left; display: block;'> <a style="color: rgba(255, 255, 255, 0); text-decoration: none;" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=4712&iskin=webzine" target="_blank"> <div style='background: url("https://upload2.inven.co.kr/upload/2016/06/13/bbs/i12227861693.gif");background-size:100%; border-radius: 123px; transition:0.4s; width: 270px; height: 135px; opacity: 0;' data-inven-over-css="{'_SELF_':{'opacity':'1','color':'rgba(255,255,255,1)'}}" data-inven-out-css="{'_SELF_':{'opacity':'0','color':'rgba(255,255,255,0)'}}"> <div style="padding: 1em; text-align: right;"> 인벤 스크립트 게시판 </div></div></div></div></div> <div data-inven-tab-id="1" style="display: none;"> <div style="display: inline-block; padding: 4px 8px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #0D76FF;"> <div style="border-bottom: 1px solid #0D76FF; color: #0D76FF;padding: 4px 8px; font-weight: bold;">움짤, 사진 클릭하면 바뀝니다!</div> <div style="padding: 4px 8px;"> <div data-inven-list="il1a,il2a,il3a,il4a,il5a,il6a,il7a,il8a,il9a,il10a,il11a" data-list-id="il1a"> <img src="https://upload2.inven.co.kr/upload/2016/06/13/bbs/i11104877406.png" data-inven-id="il1a" style="width:300;"> <img src="https://upload2.inven.co.kr/upload/2016/06/13/bbs/i13577945224.gif" data-inven-id="il2a" style="width:300;display:none;"> <img src="https://upload2.inven.co.kr/upload/2016/06/13/bbs/i13540966096.gif" data-inven-id="il3a" style="width:300;display:none;"> <img src="https://upload2.inven.co.kr/upload/2016/06/13/bbs/i13590981782.gif" data-inven-id="il4a" style="width:300;display:none;"> <img src="https://upload2.inven.co.kr/upload/2016/06/13/bbs/i13572521063.gif" data-inven-id="il5a" style="width:300;display:none;"> <img src="https://upload2.inven.co.kr/upload/2016/06/13/bbs/i13539920995.gif" data-inven-id="il6a" style="width:300;display:none;"> <img src="https://upload2.inven.co.kr/upload/2016/06/13/bbs/i13524497015.gif" data-inven-id="il7a" style="width:300;display:none;"> <img src="https://upload2.inven.co.kr/upload/2016/06/13/bbs/i13519249693.gif" data-inven-id="il8a" style="width:300;display:none;"> <img src="https://upload2.inven.co.kr/upload/2016/06/13/bbs/i13599445459.gif" data-inven-id="il9a" style="width:300;display:none;"> <img src="https://upload2.inven.co.kr/upload/2016/06/13/bbs/i13589160499.gif" data-inven-id="il10a" style="width:300;display:none;"> <img src="https://upload2.inven.co.kr/upload/2016/06/13/bbs/i13549921810.gif" data-inven-id="il11a" style="width:300;display:none;"> </div></div></div></div> <div data-inven-tab-id="2" style="display: none;"> <div style="display: inline-block; padding: 4px 8px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #0D76FF;"> <div style="border-bottom: 1px solid #0D76FF; color: #0D76FF;padding: 4px 8px; font-weight: bold;">움짤, 사진 클릭하면 바뀝니다!</div> <div style="padding: 4px 8px;"> <div data-inven-list="il1b,il2b" data-list-id="li1b"> <img src="" data-inven-id="il1b" style="width:300;"> <img src="" data-inven-id="il2b" style="width:300;display:none;"> </div></div></div></div> <div data-inven-tab-id="3" style="display: none;"> <div style="display: inline-block; padding: 4px 8px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #0D76FF;"> <div style="border-bottom: 1px solid #0D76FF; color: #0D76FF;padding: 4px 8px; font-weight: bold;">움짤, 사진 클릭하면 바뀝니다!</div> <div style="padding: 4px 8px;"> <div data-inven-list="il1c,il2c,il3c,il4c,il5c,il6c" data-list-id="li1b"> <img src="https://upload2.inven.co.kr/upload/2016/06/15/bbs/i12438737610.png" data-inven-id="il1c" style="width:300;"> <img src="https://upload2.inven.co.kr/upload/2017/06/06/bbs/i15316734362.gif" data-inven-id="il2c" style="width:300;display:none;"> <img src="https://upload2.inven.co.kr/upload/2017/06/06/bbs/i15332122644.gif" data-inven-id="il3c" style="width:300;display:none;"> <img src="https://upload2.inven.co.kr/upload/2017/06/06/bbs/i15340654004.gif" data-inven-id="il4c" style="width:300;display:none;"> <img src="https://upload2.inven.co.kr/upload/2017/06/06/bbs/i15338106416.gif" data-inven-id="il5c" style="width:300;display:none;"> <img src="https://upload2.inven.co.kr/upload/2017/06/06/bbs/i15322725865.gif" data-inven-id="il6c" style="width:300;display:none;"> </div></div></div></div> <div data-inven-tab-id="4" style="display: none;"> <div style="display: inline-block; padding: 4px 8px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #0D76FF;"> <div style="border-bottom: 1px solid #0D76FF; color: #0D76FF;padding: 4px 8px; font-weight: bold;">움짤, 사진 클릭하면 바뀝니다!</div> <div style="padding: 4px 8px;"> <div data-inven-random="il1d,il2d,il3d,il4d,il5d,il6d,il7d,il8d,il9d"> <img data-inven-id="il1d" style="width:300;display:none;"> <img data-inven-id="il2d" style="width:300;display:none;"> <img data-inven-id="il3d" style="width:300;display:none;"> <img data-inven-id="il4d" style="width:300;display:none;"> <img data-inven-id="il5d" style="width:300;display:none;"> <img data-inven-id="il6d" style="width:300;display:none;"> <img data-inven-id="il7d" style="width:300;display:none;"> <img data-inven-id="il8d" style="width:300;display:none;"> <img data-inven-id="il9d" style="width:300;display:none;"> </div></div></div></div> 위 내역중에서 제가 수정 하고싶은 부분은 아래 사진과 같이 높이 차이와 간격 차이가 벌어지는 이유를 못찾겠어서 문의 드립니다. 첫 프로필에서는 원하는 높이와 간격이 벌어져있는데 그이후 파이널판타지 로스트아크 테라 움짤 탭을 누르게되면 오른쪽 사진과 같이 높이가 내려오면서 탭에 가까이 붙게 되는 현상이 생깁니다. |