|
2016-07-25 15:35
조회: 667
추천: 3
'Trr'님이 요청하신 스크립트 입니다.인벤 스크립트에 관심을 가져주셔서 감사합니다.
유감스럽게도 저는 디자인에는 영 재능이 없어서, 디자인과 관련된 도움은 드리기 힘든 점 양해 부탁드립니다. 우선은 편집을 하실 수 있게, 요청하신 내용을 바탕으로 작성된 소스를 전달해 드립니다. 이외에도 궁금하신 내용은 언제든지 글 남겨주세요. 감사합니다. □ HTML을 누른 상태에서 붙여넣어 주세요. <!--전체 테두리, 0px로 해서 지울 수 있다.--> <div style="width: 442px;border:4px double rgba(184, 174, 172, 1);font-size:15px;background:url(http://upload2.inven.co.kr/upload/2016/07/25/bbs/i12646537602.png)"> <!--상단 여백 이미지 상자--> <div style="height:266px;"> </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/07/24/bbs/i10728645396.png") no-repeat 46.5% / 300%; margin: 0px auto; border-radius: 80px; top: -90px; width: 100px; height: 100px; overflow: hidden; position: relative;'> <div style="transition:0.4s; width: 100px; height: 100px; 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':'rgba(255,255,255,0.4)','color':'rgba(55,55,55,1)'}}" data-inven-toggle="sealing"> <div style="padding: 1em; text-align: center; font-size: 15px;"> 인장 보기 </div></div></div></div></div> <!-- 이미지 아래로 나오는 흰색 공간입니다. 배경색 또는 배경 이미지를 넣을 수 있습니다.--> <div style="height: 60px;"></div> <!--중앙 클릭시 펼쳐질 상자 (숨겨진 상자)--> <div style="padding: 1em; text-align: center; display: none;transition:0.4s;" data-inven-id="sealing"> 각종 받은 인장 이미지들을 넣어 주세요.<br /> <img src="이미지 주소" width="95%"> </div> <!-- 기본 내용 상자 --> <div style="font-size:15px;padding: 1em;text-align: center;text-shadow: 0 0 0.3em #F87, 0 0 0.3em #F87;color:white;"> 불타는군단 타우렌 드루이드 Trr </div> <!-- 하단의 3개 버튼, 지울 수 있습니다.--> <div style="padding: 1em; text-align: center; "> <!-- 가입일--> <div style='background: url("http://upload2.inven.co.kr/upload/2016/07/25/bbs/i12605528070.png") 0% 0%/100% 100%; margin: 0px 15px; width: 92px; height: 92px; overflow: hidden; display: inline-block;'> <div style="background: url(http://upload2.inven.co.kr/upload/2016/07/25/bbs/i12677388281.png) 0% 0%/100% 100%;opacity:0;transition:0.4s; width: 92px; height: 92px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-out-css="{'_SELF_':{'opacity':'0','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'opacity':'1','color':'rgba(255,255,255,1)'}}"> <div style="padding: 0.5em;font">가입일<br> <span style="font-weight:bold;">D + </span><span data-inven-dday="2005-05-12" style="font-weight:bold;"></span> <!-- dday 뒤에 "yyyy-mm-dd"의 형태로 가입일 입력--> </div></div></div> <!-- 마무리 일격 : Trr--> <div style='background: url("http://upload2.inven.co.kr/upload/2016/07/25/bbs/i12628578168.png") 0% 0%/100% 100%; margin: 0px 15px; width: 92px; height: 92px; overflow: hidden; display: inline-block;'> <div style="background: url(http://upload2.inven.co.kr/upload/2016/07/25/bbs/i12600141070.png) 0% 0%/100% 100%;opacity:0;transition:0.4s; width: 92px; height: 92px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-out-css="{'_SELF_':{'opacity':'0','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'opacity':'1','color':'rgba(255,255,255,1)'}}"> <div data-inven-action data-inven-nick-default="Trr" style="border:0px;padding:0;margin:0;"> <span data-inven-attr-for="input" style="display:none;"></span> <span data-inven-attr-for="last-attack-all" style="background-color:rgba(255,255,255,0); width: 92px; height: 92px; color: rgba(255, 255, 255, 0);border-radius:123px;padding:0;margin:0;transition:0.4s;border:0px;font-size:15px;" data-inven-text="마격" data-inven-over-css="{'_SELF_':{'color':'rgba(255,255,255,1)'}}" data-inven-out-css="{'_SELF_':{'color':'rgba(255,255,255,0)'}}"></span> </div></div></div> <!-- 쪽지 보내기 : Trr--> <div style='background: url("http://upload2.inven.co.kr/upload/2016/07/25/bbs/i12613631798.png") 0% 0%/100% 100%; margin: 0px 15px; width: 92px; height: 92px; overflow: hidden; display: inline-block;'> <div style="background: url(http://upload2.inven.co.kr/upload/2016/07/25/bbs/i12685722486.png) 0% 0%/100% 100%;opacity:0;transition:0.4s; width: 92px; height: 92px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-out-css="{'_SELF_':{'opacity':'0','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'opacity':'1','color':'rgba(255,255,255,1)'}}"> <div data-inven-action data-inven-nick-default="Trr" style="border:0px;padding:0;margin:0;"> <span data-inven-attr-for="input" style="display:none;"></span> <span data-inven-attr-for="send-note" style="background-color:rgba(255,255,255,0); width: 92px; height: 92px; color: rgba(255, 255, 255, 0);border-radius:123px;padding:0;margin:0;transition:0.4s;border:0px;font-size:15px;" data-inven-text="쪽지" data-inven-over-css="{'_SELF_':{'color':'rgba(255,255,255,1)'}}" data-inven-out-css="{'_SELF_':{'color':'rgba(255,255,255,0)'}}"></span> </div></div></div> </div></div> |
Nacx