해표
2016-05-01 07:48
조회: 259
추천: 0
학생회장님 인장1. 투명 없이 하얗게 나오는 것은 img가 div 밖인 가장 위에 있어서 개별적으로 나오기 때문입니다. 이걸 인장 본문에 넣어주어야 합니다. + 마격 발사기는 인벤토리에서는 그렇게 보입니다. 2. 크기가 커서 다 보이지 않게 됩니다. 일단 가로 400px로 했어요. 3. 세 번째 탭이 두 번째 탭과 id가 1로 같아서 2로 수정했습니다. 궁금하거나 더 필요한 사항 있으시면 알려주세요. <div style="background: url('https://upload2.inven.co.kr/upload/2016/05/01/bbs/i11156603190.png') 0% 0% / 600px 600px; min-height: 595px; font-size: 11px;"> <div style="background: url('http://www.randomurl.ze.am/?id=p78cYbRPElB') 0% 0% / 600px 600px; font-size: 11px;"> <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=2015-11-21 01:30:37&c=5BBEDF#.png'); height: 20px;"></div> </div> <div style="text-align: center;"> <div style='padding: 0px; border-radius: 6px; border: 1px solid rgb(169, 208, 245); border-image: none; overflow: hidden; font-size: 11px; margin-top: 16px; margin-left: 6px; display: inline-block; -ms-zoom: 1; background-image: url('https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); data-inven-action="last-attack-5,last-attack-10,last-attack-all,search-profile,send-note" data-no-tooltip="" data-inven-result-detail=""> <span style="padding: 0px 4px; border: 0px currentColor; border-image: none; width: 130px; height: 21px; color: rgb(169, 208, 245); line-height: 21px; font-size: 11px; float: left;" data-inven-attr-for="input"> </span> <span style="margin: 0px 0px 0px 1px; padding: 6px 4px 4px; border: 0px currentColor; border-image: none; height: auto; color: white; line-height: 100%; font-size: 11px; float: left; background-color: rgb(169, 208, 245);" data-inven-attr-for="button"> </span> <span style='padding: 4px 6px; border-radius: 6px; border: 1px solid rgb(169, 208, 245); border-image: none; width: 300px; color: rgb(132, 221, 251); font-size: 11px; margin-top: 2px; margin-left: 6px; background-image: url("https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png");' data-inven-attr-for="action-result" data-position="out"> </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: rgb(249, 192, 205);" data-inven-tab-for="0" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}"> <img src="https://upload2.inven.co.kr/upload/2016/05/01/bbs/i12759367532.gif"> </div> <div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: rgb(132, 221, 251);" data-inven-tab-for="1" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}"> 인장만들었어요</div> <div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: rgb(132, 221, 251);" data-inven-tab-for="2" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}"> 인장받았어요</div> <!--새 버튼 추가하는 곳--> </div> <div style="padding-bottom: 12px; margin-top: 6px; margin-left: 30px; min-height: 492px;"> <div style="display: block;" data-inven-tab-id="0"> <!--메인 메뉴 내용--> <div style='border-radius: 6px; border: 1px solid rgb(62, 162, 195); 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: rgb(62, 162, 195); font-weight: bold; border-bottom-color: rgb(62, 162, 195); border-bottom-width: 1px; border-bottom-style: solid;"> 인벤의 그림쟁이 ♡ 학생회장</div> <div style="padding: 4px 8px; color: rgb(62, 162, 195); font-weight: bold;"> 카시코이 카와이이--?!<br /> 에리 ~ 치카 !<br /> │ 한쿠 : 166 . 162 . 311 │<br /> │ 일쿠 : 231 . 140 . 247 │<br /> ~ 덩실덩실 ~<br /> 최애 : 에리 ♥ 차애 : 니코<br /> ※※※인장공사중※※※ </div> </div> </div> <div style="display: none;" data-inven-tab-id="1"> <div style='padding: 4px 8px; border-radius: 6px; border: 1px solid rgb(62, 162, 195); border-image: none; display: inline-block; background-image: url("https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png");'> <div style="text-align: center;"> <!--이미지 1--> <img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/01/02/bbs/i13722764784.gif" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/01/02/bbs/i13722764784.gif)', 	'background-repeat':'no-repeat','height':'334px','background-size':'100%','background-position':'top center'}}"> <!--이미지 2--> <img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/01/14/bbs/i11917230429.gif" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/01/14/bbs/i11917230429.gif)', 	'background-repeat':'no-repeat','height':'250px','background-size':'100%','background-position':'top center'}}"> <!--이미지 3--> <img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/03/06/bbs/i12088619767.gif" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/03/06/bbs/i12088619767.gif)', 	'background-repeat':'no-repeat','height':'550px','background-size':'100%','background-position':'top center'}}"> <!--이미지 3--> <img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/05/01/bbs/i11354862033.png" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/05/01/bbs/i11354862033.png)', 	'background-repeat':'no-repeat','height':'550px','background-size':'100%','background-position':'top center'}}"> <!--이미지 4--> <img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2015/12/25/bbs/i11635560250.gif" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2015/12/25/bbs/i11635560250.gif)', 	'background-repeat':'no-repeat','height':'550px','background-size':'100%','background-position':'top center'}}"> </div> <br /> <!--이미지가 표시될 상자 & 최초 이미지--> <div style='background: url("https://upload2.inven.co.kr/upload/2016/03/06/bbs/i12088619767.gif") top / 100%; width: 400px; height: 334px;' data-inven-id="img_book"> </div> </div> </div> <div style="display: none;" data-inven-tab-id="2"> <div style='padding: 4px 8px; border-radius: 6px; border: 1px solid rgb(251, 178, 171); border-image: none; display: inline-block; background-image: url("https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png");'> <div style="text-align: center;"> <!--이미지 1--> <img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/05/01/bbs/i11332194462.png" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/05/01/bbs/i11332194462.png)', 	'background-repeat':'no-repeat','height':'334px','background-size':'100%','background-position':'top center'}}"> <!--이미지 2--> <img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/03/23/bbs/i13059273797.gif" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/03/23/bbs/i13059273797.gif)', 	'background-repeat':'no-repeat','height':'250px','background-size':'100%','background-position':'top center'}}"> <!--이미지 2.1--> <img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/01/20/bbs/i12611796095.jpg" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/01/20/bbs/i12611796095.jpg)', 	'background-repeat':'no-repeat','height':'250px','background-size':'100%','background-position':'top center'}}"> <!--이미지 2.2--> <img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/05/01/bbs/i11170780279.jpg" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/05/01/bbs/i11170780279.jpg)', 	'background-repeat':'no-repeat','height':'250px','background-size':'100%','background-position':'top center'}}"> <!--이미지 3--> <img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/02/01/bbs/i12856985086.jpg" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/02/01/bbs/i12856985086.jpg)', 	'background-repeat':'no-repeat','height':'550px','background-size':'100%','background-position':'top center'}}"> <!--이미지 4--> <img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/01/09/bbs/i11492318851.png" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/01/09/bbs/i11492318851.png)', 	'background-repeat':'no-repeat','height':'550px','background-size':'100%','background-position':'top center'}}"> <!--이미지 5--> <img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/01/10/bbs/i10897518887.gif" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/01/10/bbs/i10897518887.gif)', 	'background-repeat':'no-repeat','height':'550px','background-size':'100%','background-position':'top center'}}"> <!--이미지 6--> <img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/01/10/bbs/i10908294247.png" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/01/10/bbs/i10908294247.png)', 	'background-repeat':'no-repeat','height':'550px','background-size':'100%','background-position':'top center'}}"> <!--이미지 7--> <img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2015/12/31/bbs/i11682343166.gif" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2015/12/31/bbs/i11682343166.gif)', 	'background-repeat':'no-repeat','height':'550px','background-size':'100%','background-position':'top center'}}"> <!--이미지 8--> <img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/01/07/bbs/i12312393866.gif" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/01/07/bbs/i12312393866.gif)', 	'background-repeat':'no-repeat','height':'550px','background-8size':'100%','background-position':'top center'}}"> <!--이미지 9--> <img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/03/23/bbs/i12956411809.png" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/03/23/bbs/i12956411809.png)', 	'background-repeat':'no-repeat','height':'550px','background-8size':'100%','background-position':'top center'}}"> <!--이미지 10--> <img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/03/23/bbs/i13202846259.png" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/03/23/bbs/i13202846259.png)', 	'background-repeat':'no-repeat','height':'550px','background-8size':'100%','background-position':'top center'}}"> </div> <br /> <!--이미지가 표시될 상자 & 최초 이미지--> <div style='background: url("https://upload2.inven.co.kr/upload/2016/03/23/bbs/i13059273797.gif") top / 100%; width: 400px; height: 334px;' data-inven-id="img_book"> </div> </div> </div> <!--새 내용 추가하는 곳--> </div> </div> </div> </div> </div> |