|
2016-05-30 12:40
조회: 210
추천: 0
'별숲'님의 수정된 스크립트 입니다.(수정)인벤 스크립트에 관심을 가져주셔서 감사합니다.
잘 작성해 주셨는데, 위치로 인해 문제가 발생한 것으로 보이네요. 배경 div가 높이를 설정해 주는 div 박스 안쪽(배경 색상을 정해주는 부분)에 있어서, 배경색 div 박스가 먼저 닫혀 버렸습니다. <div style="height:370px;overflow:auto;">의 위치만 배경색 div 박스 안쪽으로 변경해 주시면 될 것 같네요. 수정된 부분에 밑줄을 그어 확인할 수 있게 표시해 놨습니다. 참고해 주세요. 이외에도 궁금하신 내용은 언제든지 글 남겨주세요. 감사합니다. + 적용했는데, 일부에서 깨지는 현상이 발생하여, 해당 부분 수정하였습니다. □ HTML을 누른 상태에서 붙여넣어 주세요. <div style="border: 1px solidblack; border-image: none; width: 450px; font-size: 15px;"> <div> <img width="100%" src="http://upload2.inven.co.kr/upload/2016/05/27/bbs/i12238696121.gif"> </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/05/11/bbs/i12093157587.gif")no-repeat center / 100%; margin: 1px 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-toggle="sealing"data-inven-over-css="{'_SELF_':{'background-color':'rgba(255,255,255,0.4)','color':'rgba(55,55,55,1)'}}"data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}"> <div style="padding: 1em;text-align: center; font-size: 15px;">인장 보기</div> </div> </div> </div> </div> <div style="background-color: FFFFCC;"> <div style="height: 60px;"></div> <div style="padding: 1em;transition:0.4s; text-align: center; display: none;"data-inven-id="sealing"> <div style="height:370px;overflow:auto;"> 16.05.29 꿀꿀님 감사합니다:D<br/> <img width="95%" src="http://upload2.inven.co.kr/upload/2016/05/30/bbs/i10445521224.gif"><br/><br /> 16.05.26 겨울님 감사합니다:D<br/> <img width="95%" src="http://upload2.inven.co.kr/upload/2016/05/30/bbs/i13398259750.gif"><br/><br /> 16.04.02 선빵필승님 감사합니다:D<br /> <img width="95%" src="http://upload2.inven.co.kr/upload/2016/05/30/bbs/i13585128602.jpg"><br/><br /> 16.03.26 감귤냠냠님 감사합니다:D<br /> <img width="95%" src="http://upload2.inven.co.kr/upload/2016/05/30/bbs/i13518855254.png"><br/><br /> 16.03.03 에혀님 감사합니다:D<br/> <img width="95%" src="http://upload2.inven.co.kr/upload/2016/05/30/bbs/i10914107752.jpg"><br/><br /> 16.03.03 천향님 감사합니다:D<br/> <img width="95%" src="http://upload2.inven.co.kr/upload/2016/05/30/bbs/i13553376576.gif"><br/> </div> </div> <div style="padding: 1em;text-align: center;"> TERA INVEN, 별숲<br/> </div> <div style="padding: 1em;text-align: center;"> <div style="background:url(" http://upload2.inven.co.kr/upload/2016/05/27/bbs/i14061286520.png")0% 0% / 100%; margin: 0px 15px; border-radius: 10px; border: 3px solid white;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-over-css="{'_SELF_':{'background-color':'red','color':'rgba(255,255,255,1)'}}"data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}"> <div style="padding:0.5em;">가입일<br /><span style="font-weight: bold;">D + </span><span style="font-weight: bold;" data-inven-dday="2016-02-24"></span> </div> </div> </div> <div style="background:url(" http://upload2.inven.co.kr/upload/2016/05/27/bbs/i10721671713.png")0% 0% / 100%; margin: 0px 15px; border-radius: 10px; border: 3px solid white;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-over-css="{'_SELF_':{'background-color':'blue','color':'rgba(255,255,255,1)'}}"data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}"> <div style="margin: 0px; padding:0px; border: 0px currentColor; border-image: none;"data-inven-nick-default="별숲"data-inven-action=""><span style="display: none;"data-inven-attr-for="input"></span><span style="margin: 0px; padding: 0px; border-radius: 123px; border: 0px currentColor; transition:0.4s; border-image: none; width: 92px; height: 92px;color: rgba(255, 255, 255, 0); font-family: "Jeju Gothic",sans-serif; font-size: 15px; background-color: rgba(255, 255, 255, 0);"data-inven-over-css="{'_SELF_':{'color':'rgba(255,255,255,1)'}}"data-inven-out-css="{'_SELF_':{'color':'rgba(255,255,255,0)'}}"data-inven-attr-for="last-attack-all" data-inven-text="마격"></span> </div> </div> </div> <div style="background:url(" http://upload2.inven.co.kr/upload/2016/05/27/bbs/i12862242961.png")0% 0% / 100%; margin: 0px 15px; border-radius: 10px; border: 3px solid white;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-over-css="{'_SELF_':{'background-color':'green','color':'rgba(255,255,255,1)'}}"data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}"> <div style="margin: 0px; padding:0px; border: 0px currentColor; border-image: none;"data-inven-nick-default="별숲"data-inven-action=""><span style="display: none;"data-inven-attr-for="input"></span><span style="margin: 0px; padding: 0px; border-radius: 123px; border: 0px currentColor; transition:0.4s; border-image: none; width: 92px; height: 92px;color: rgba(255, 255, 255, 0); font-family: "Jeju Gothic",sans-serif; font-size: 15px; background-color: rgba(255, 255, 255, 0);"data-inven-over-css="{'_SELF_':{'color':'rgba(255,255,255,1)'}}"data-inven-out-css="{'_SELF_':{'color':'rgba(255,255,255,0)'}}"data-inven-attr-for="send-note" data-inven-text="쪽지"></span> </div></div></div></div></div></div> |
Nacx