인벤 스크립트 게시판

전체보기

모바일 상단 메뉴

본문 페이지

[기타] '아이즈원'님의 수정된 스크립트 입니다.

아이콘 Nacx
조회: 821
2018-10-10 11:26:49
인벤 스크립트에 관심을 가져주셔서 감사합니다.

수정한 부분에는 노란색 배경을 넣어서, 기존의 소스와 비교하시면서 수정된 부분을 확인하기 쉽게 만들었습니다.
자세한 내용은 <!-- 주석 -->을 통해 해당 위치에 설명을 남겨놨습니다만, 실제 사용시에는 주석은 필요하시 않으시면 삭제해 주셔도 무방합니다.

수정에 어려움이 있으시거나, 이외에도 궁금하신 내용은 언제든지 글 남겨주세요.
감사합니다.


■ HTML을 누른 상태에서 붙여넣어 주세요.

<!-- 핑크색 #FA58AC -->

<!-- 배경 -->

<div style="background:url(https://upload2.inven.co.kr/upload/2017/04/01/bbs/i14053657492.gif); min-height:400px;">

<!-- 가입일 -->

<div style="text-align: center;"><br><br><font color="white">인벤에는 2014-06-29 에 처음 가입했으며, 오늘은
<span data-inven-dday="2014-06-29" style="font-weight:bold;color:red;">
</span>
일째입니다.</font>
</div>

<!-- 마격+인장검색 -->

<div style="text-align: center;">

<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: #fb599a; border-radius: 6px; border: 1px solid #fb599a; 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="">

<span data-inven-attr-for="input" style="float: left; width: 130px; font-size: 11px; color: #fb599a; padding: 0 4px; height: 21px; line-height: 21px; border: 0;">
</span>

<span data-inven-attr-for="button" style="float: left; margin: 0 0 0 1px; padding: 6px 4px 4px 4px; background-color: #fb599a; 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: #fb599a; border-radius: 6px; border: 1px solid #FF00FF; padding: 4px 6px; font-size: 11px; width: 300px;">
</span>

</div>

<br><br>

<!-- 메인 탭 4개 -->

<div style="text-align: center;">

<div data-inven-tabs data-inven-tab-selected="none">

<div data-inven-tab-for="tab_1" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:92px; padding: .4em; float:left;"><font color="#000000">IZ*ONE</font>
</div>


<div data-inven-tab-for="tab_2" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:92px; padding: .4em; float:left;"><font color="#000000">Game</font>
</div>


<div data-inven-tab-for="tab_3" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:92px; padding: .4em; float:left;"><font color="#000000">Girl</font>
</div>


<div data-inven-tab-for="tab_4" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:92px; padding: .4em; float:left;"><font color="#000000">Memo</font>
</div>


<div data-inven-tab-for="tab_5" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:28px; padding: .4em; float:left;"><font color="#000000">닫기</font>
</div>

<!-- 1번 탭 내용-->

<!-- 추가, 아래의 영역을 전부 1번탭의 내용이라고 말해줍니다. 끝나는 곳에는 /div 로 닫아줘야 겠죠. -->
<div data-inven-tab-id="tab_1">

<!-- 추가, 새 탭이 시작되는 자리에는 반드시 이 문구를 넣어 주세요. 브라우저에게 "여기서 새 탭이 열림" 하고 알려주는 역할 입니다. -->
<div data-inven-tabs data-inven-tab-selected="none">

<!-- 변경, id 를 for로 바꿔서 "탭 버튼"임을 말해주고, 이 이름은 반드시 고유하게 만들어 줍니다. -->
<div data-inven-tab-for="tab_1_1" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:64px; padding: .4em; float:left;"><font color="#000000">장원영♛</font>
</div>


<div data-inven-tab-for="tab_1_2" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:64px; padding: .4em; float:left;"><font color="#000000">사쿠라♥</font>
</div>


<div data-inven-tab-for="tab_1_3" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:64px; padding: .4em; float:left;"><font color="#000000">조유리</font>
</div>


<div data-inven-tab-for="tab_1_4" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:64px; padding: .4em; float:left;"><font color="#000000">최예나♥</font>
</div>


<div data-inven-tab-for="tab_1_5" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:64px; padding: .4em; float:left;"><font color="#000000">안유진♥</font>
</div>


<div data-inven-tab-for="tab_1_6" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:64px; padding: .4em; float:left;"><font color="#000000">나 코♥</font>
</div>


<div data-inven-tab-for="tab_1_7" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:64px; padding: .4em; float:left;"><font color="#000000">권은비</font>
</div>


<div data-inven-tab-for="tab_1_8" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:64px; padding: .4em; float:left;"><font color="#000000">강혜원</font>
</div>


<div data-inven-tab-for="tab_1_8" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:64px; padding: .4em; float:left;"><font color="#000000">히토미</font>
</div>


<div data-inven-tab-for="tab_1_10" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:64px; padding: .4em; float:left;"><font color="#000000">김채원</font>
</div>


<div data-inven-tab-for="tab_1_11" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:64px; padding: .4em; float:left;"><font color="#000000">김민주</font>
</div>


<div data-inven-tab-for="tab_1_12" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:64px; padding: .4em; float:left;"><font color="#000000">이채연</font>
</div>

<!-- 1_1번~1_12번 탭의 내용 -->
<div data-inven-tab-id="tab_1_1"> 1_1번의 내용이 여러줄 적힙니다.</div>
<div data-inven-tab-id="tab_1_2"> 1_2번의 내용이 여러줄 적힙니다.</div>
<div data-inven-tab-id="tab_1_3"> 1_3번의 내용이 여러줄 적힙니다.</div>
<div data-inven-tab-id="tab_1_4"> 1_4번의 내용이 여러줄 적힙니다.</div>
<div data-inven-tab-id="tab_1_5"> 1_5번의 내용이 여러줄 적힙니다.</div>
<div data-inven-tab-id="tab_1_6"> 1_6번의 내용이 여러줄 적힙니다.</div>
<div data-inven-tab-id="tab_1_7"> 1_7번의 내용이 여러줄 적힙니다.</div>
<div data-inven-tab-id="tab_1_8"> 1_8번의 내용이 여러줄 적힙니다.</div>
<div data-inven-tab-id="tab_1_9"> 1_9번의 내용이 여러줄 적힙니다.</div>
<div data-inven-tab-id="tab_1_10"> 1_10번의 내용이 여러줄 적힙니다.</div>
<div data-inven-tab-id="tab_1_11"> 1_11번의 내용이 여러줄 적힙니다.</div>
<div data-inven-tab-id="tab_1_12"> 1_12번의 내용이 여러줄 적힙니다.</div>


<!-- 위에서 div 로 시작했던 2개의 내용을 /div 로 닫아줍니다. 열 때 (1번탭 > 새 내부 탭)와 반대로 (새 내부탭 > 1번탭) 순으로 닫아줍니다.-->
<!-- 새로 열린 탭을 닫아줍니다.-->
</div>
</div>
<!--여기까지가 1번 탭과 1번탭 내에 있는 내부 탭이 완전이 닫혔습니다. -->


<!-- 2번 탭까지 예시로 만들어 놓습니다.-->
<div data-inven-tab-id="tab_2">
<div data-inven-tabs data-inven-tab-selected="none">
<div data-inven-tab-for="tab_2_1" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:64px; padding: .4em; float:left;"><font color="#000000">LoL</font>
</div>


<div data-inven-tab-for="tab_2_2" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:64px; padding: .4em; float:left;"><font color="#000000">R6S</font>
</div>


<div data-inven-tab-for="tab_2_3" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:64px; padding: .4em; float:left;"><font color="#000000">Maple</font>
</div>


<div data-inven-tab-for="tab_2_4" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:64px; padding: .4em; float:left;"><font color="#000000">추가중</font>
</div>


<div data-inven-tab-for="tab_2_5" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:64px; padding: .4em; float:left;"><font color="#000000">추가중</font>
</div>


<div data-inven-tab-for="tab_2_6" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:64px; padding: .4em; float:left;"><font color="#000000">추가중</font>
</div>

<!-- 2_1번~2_6번 탭의 내용 -->
<div data-inven-tab-id="tab_2_1"> 2_1번의 내용이 여러줄 적힙니다.</div>
<div data-inven-tab-id="tab_2_2"> 2_2번의 내용이 여러줄 적힙니다.</div>
<div data-inven-tab-id="tab_2_3"> 2_3번의 내용이 여러줄 적힙니다.</div>
<div data-inven-tab-id="tab_2_4"> 2_4번의 내용이 여러줄 적힙니다.</div>
<div data-inven-tab-id="tab_2_5"> 2_5번의 내용이 여러줄 적힙니다.</div>
<div data-inven-tab-id="tab_2_6"> 2_6번의 내용이 여러줄 적힙니다.</div>

</div>
</div>
<!-- 3번 탭 내용-->

<div data-inven-tab-id="tab_3" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:61px; padding: .4em; float:left;"><font color="#000000">김윤혜</font>
</div>


<div data-inven-tab-id="tab_3" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:61px; padding: .4em; float:left;"><font color="#000000">이영애</font>
</div>


<div data-inven-tab-id="tab_3" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:61px; padding: .4em; float:left;"><font color="#000000">지 우</font>
</div>


<div data-inven-tab-id="tab_3" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:79px; padding: .4em; float:left;"><font color="#000000">노유미 마유카</font>
</div>


<div data-inven-tab-id="tab_3" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:61px; padding: .4em; float:left;"><font color="#000000">추가중</font>
</div>


<div data-inven-tab-id="tab_3" data-inven-selected-css="{'_SELF_':{'fontWeight':'bold'}}" data-inven-unselected-css="{'_SELF_':{'fontWeight':'normal'}}" style="border:1px solid #FA58AC; width:61px; padding: .4em; float:left;"><font color="#000000">추가중</font>
</div>

<!-- 4번 탭 내용-->

<div data-inven-tab-id="tab_4" style="border: 1px solid #FA58AC; padding: .4em;"><br>

<div style="text-align: center;"><br>휴가 나가서 할일<br>50억? 으로 코디템사고 남은돈으로 코젬 다사기 <br> 키네시스,은월 농장돌려서 140 찍기<br><br>이번 로얄 자몽생크림 동글이 안경 엔젤릭그레이 <br><br>https://play.google.com/store/apps/details?id=com.teamleaf.maplepalm<br><br>
</div>

</div>

<!-- 5번 탭 내용-->

<div data-inven-tab-id="tab_5" style="border: 1px solid #FA58AC; padding: .4em;"><br><br>
<img src="https://upload2.inven.co.kr/upload/2017/03/27/bbs/i14411365437.gif" border="0" width="100%" style=""><br><br>
</div>

Lv76 Nacx

메뉴 인장보기
EXP 91%

모바일 게시판 하단버튼

목록 본문 이전 다음 댓글쓰기

댓글

새로고침
새로고침

모바일 게시판 하단버튼

목록 본문 이전 다음 댓글보기

지금 뜨는 인벤

더보기+

모바일 게시판 리스트

모바일 게시판 하단버튼

최근 다음
글쓰기

모바일 게시판 페이징

게시물은 1만개 단위로 검색됩니다. > 다음 검색
▲