|
2016-08-04 10:24
조회: 307
추천: 0
'여신정예인'님이 문의하신 스크립트 입니다.인벤 스크립트에 관심을 가져주셔서 감사합니다.
문의해 주신 내용에 대해 간략히 설명해 드립니다. 테두리의 경우는 style="border:2px solid rgba(255,0,0,1);"과 같은 형식으로 넣어 주실 수 있습니다. 가장 앞의 숫자는 굵기(px), 다음으로는 선의 형태(직선-solid, 점선-dotted, 쌍선-double 등), 그리고 마지막에는 색상(rgb 색상, #ff00aa - 색상코드, red - 영문명 모두 가능합니다.)을 넣어 주시면 됩니다. 아마도 테두리 스타일만 넣어 주시면 div의 특성상 원하지 않는 곳까지 테두리가 처져 있으실 텐데요. 이 경우는 실제 내용이 있는 곳만을 영역으로 잡아주는 스타일(style="display:inline-block;")을 추가해 주시면 됩니다. 아래와 같은 스타일을 추가해 주시면 되겠네요. style="display:inline-block;border:3px dotted pink;" 적용한 소스를 답글을 통해 전달해 드리겠습니다. 추가한 내용에는 밑줄을 그어놨습니다. 이외에도 궁금하신 내용은 언제든지 글 남겨주세요. 감사합니다. □ HTML을 누른 상태에서 붙여넣어 주세요. <div style='background: url("https://upload2.inven.co.kr/upload/2016/08/02/bbs/i11406153782.jpg"); margin: 0px 3px 3px 0px; border-radius: 15px; width: 130px; height: 130px; overflow: hidden; float: left;'> <div style="transition:0.4s; width: 130px; height: 130px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'pink','color':'rgba(255,255,255,1)'}}"><span style='padding: 0.8em; text-align: center; font-family: "Jeju Gothic", sans-serif; font-size: 15px;'>인벤과 <span style="font-weight: bold;" data-inven-dday="2014-08-27"></span>일!</span></div></div> <div style='background: url("https://upload2.inven.co.kr/upload/2016/08/02/bbs/i10970673747.jpg"); margin: 0px 3px 3px 0px; border-radius: 15px; width: 130px; height: 130px; overflow: hidden; float: left;'> <div style="transition:0.4s; width: 130px; height: 130px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'pink','color':'rgba(255,255,255,1)'}}"> <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: 130px; height: 130px; color: rgba(255, 255, 255, 0); font-family: "Jeju Gothic", sans-serif; font-size: 15px; background-color: rgba(255, 255, 255, 0);' data-inven-out-css="{'_SELF_':{'color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'color':'rgba(255,255,255,1)'}}" data-inven-attr-for="last-attack-all" data-inven-text="마격 발사~"></span></div></div></div> <div style='background: url("https://upload2.inven.co.kr/upload/2016/08/02/bbs/i11442648648.jpg"); margin: 0px 3px 3px 0px; border-radius: 15px; width: 130px; height: 130px; overflow: hidden; float: left;'> <div style="transition:0.4s; width: 130px; height: 130px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'pink','color':'rgba(255,255,255,1)'}}"> <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: 130px; height: 130px; color: rgba(255, 255, 255, 0); font-family: "Jeju Gothic", sans-serif; font-size: 15px; background-color: rgba(255, 255, 255, 0);' data-inven-out-css="{'_SELF_':{'color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'color':'rgba(255,255,255,1)'}}" data-inven-attr-for="send-note" data-inven-text="쪽지보내기~"></span></div></div></div> <div data-inven-tab-multi="" data-inven-tab-selected="tab_4" data-inven-tabs=""> <div style='background: url("https://upload2.inven.co.kr/upload/2016/08/02/bbs/i12309107566.jpg"); margin: 0px 3px 3px 0px; border-radius: 15px; width: 130px; height: 130px; overflow: hidden; float: left;' data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-tab-for="tab_1"> <div style="transition:0.4s; width: 130px; height: 130px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'pink','color':'rgba(255,255,255,1)'}}"> <div style='padding: 0.2em; text-align: center; font-family: "Jeju Gothic", sans-serif; font-size: 14px;'>러블리즈 음반목록<br />(앨범사진 클릭!)</div></div></div> <div data-inven-tab-id="tab_1"> <div data-inven-list=" a1 , a2 , a3 , a4 , a5 , a6 , a7 " style="display:inline-block;border:3px dotted pink;"><a href="#" data-inven-tooltip="#000000;#FFEAEA;#00ffff;2014.11.10 어제처럼 굿나잇"><img style="width: 200px;" src="https://upload2.inven.co.kr/upload/2016/08/02/bbs/i10380856287.jpg" data-inven-id="a1"></a><a href="#" data-inven-tooltip="#000000;#FFEAEA;#00ffff;2014.11.17 Girls' Invasion"><img style="width: 200px; display: none;" src="https://upload2.inven.co.kr/upload/2016/08/02/bbs/i10394266043.jpg" data-inven-id="a2"></a><a href="#" data-inven-tooltip="#000000;#FFEAEA;#00ffff;2015.03.03 Hi~"><img style="width: 200px; display: none;" src="https://upload2.inven.co.kr/upload/2016/08/02/bbs/i10326825492.jpg" data-inven-id="a3"></a><a href="#" data-inven-tooltip="#000000;#FFEAEA;#00ffff;2015.09.14 작별하나"><img style="width: 200px; display: none;" src="https://upload2.inven.co.kr/upload/2016/08/02/bbs/i10345153624.jpg" data-inven-id="a4"></a><a href="#" data-inven-tooltip="#000000;#FFEAEA;#00ffff;2015.10.01 Lovelyz8"><img style="width: 200px; display: none;" src="https://upload2.inven.co.kr/upload/2016/08/02/bbs/i10368964386.jpg" data-inven-id="a5"></a><a href="#" data-inven-tooltip="#000000;#FFEAEA;#00ffff;2015.12.07 Lovelinus"><img style="width: 200px; display: none;" src="https://upload2.inven.co.kr/upload/2016/08/02/bbs/i10377888123.jpg" data-inven-id="a6"></a><a href="#" data-inven-tooltip="#000000;#FFEAEA;#00ffff;2016.04.25 A New Trilogy"><img style="width: 200px; display: none;" src="https://upload2.inven.co.kr/upload/2016/08/02/bbs/i10333389414.jpg" data-inven-id="a7"></a></div></div></div> <div style='background: url("https://upload2.inven.co.kr/upload/2016/08/02/bbs/i12736697138.gif"); margin: 0px 3px 3px 0px; border-radius: 15px; width: 130px; height: 130px; overflow: hidden; float: left;'><a style="text-decoration: none;" href="http://www.inven.co.kr/town/market/?sf=keyword&sw=%EC%A0%95%EC%98%88%EC%9D%B8" target="_blank"> <div style="transition:0.4s; width: 130px; height: 130px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'pink','color':'rgba(255,255,255,1)'}}"><span style='padding: 0.3em; text-align: center; font-family: "Jeju Gothic", sans-serif; font-size: 14px;'>고라니콘 사러가기!</span></div></a></div> <div style='background: url("https://upload2.inven.co.kr/upload/2016/08/02/bbs/i12560362442.jpg"); margin: 0px 3px 3px 0px; border-radius: 15px; width: 130px; height: 130px; overflow: hidden; float: left;'> <div style="transition:0.4s; width: 130px; height: 130px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'pink','color':'rgba(255,255,255,1)'}}"><span style='padding: 0.5em; text-align: center; font-family: "Jeju Gothic", sans-serif; font-size: 11px;'>럽둥이들 데뷔 <span style="font-weight: bold;" data-inven-dday="2014-11-12"></span>일차!</span></div></div> <div style='background: url("https://upload2.inven.co.kr/upload/2016/08/02/bbs/i12360982728.jpg"); margin: 0px 3px 3px 0px; border-radius: 15px; width: 130px; height: 130px; overflow: hidden; float: left;'> <div style="transition:0.4s; width: 130px; height: 130px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'pink','color':'rgba(255,255,255,1)'}}"> <div style="padding: 0.5em;">러블리즈 정예인<br />1998년 6월 4일<br />쌍둥이자리/호랑이띠<br />개신교</div></div></div> <div style='background: url("https://upload2.inven.co.kr/upload/2016/08/02/bbs/i13481254443.jpg"); margin: 0px 3px 3px 0px; border-radius: 15px; width: 130px; height: 130px; overflow: hidden; float: left;'><a style="text-decoration: none;" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=4712&l=1005" target="_blank"> <div style="transition:0.4s; width: 130px; height: 130px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'pink','color':'rgba(255,255,255,1)'}}"><span style='padding: 0.3em; text-align: center; font-family: "Jeju Gothic", sans-serif; font-size: 14px;'>사용된 스크립트!</span></div></a></div> <div style='background: url("https://upload2.inven.co.kr/upload/2016/08/02/bbs/i12633797358.jpg"); margin: 0px 3px 3px 0px; border-radius: 15px; width: 130px; height: 130px; overflow: hidden; float: left;'> <div style="transition:0.4s; width: 130px; height: 130px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'pink','color':'rgba(255,255,255,1)'}}"> <div style='padding: 0.4em; font-family: "Jeju Gothic", sans-serif; font-size: 15px;'>하스스톤<br />InsipidMan#1387</div></div></div> |
Nacx