[문의] 인장 접기,줄,박스 관련 도움을 요청 합니다....

혼자 12시간 정도 인벤에 올라온 인장 팁들을 보며 꾸미다... 도움을 요청 합니다 ㅜ

현 인장을 기준으로 문의 드립니다....

<a href="#" data-inven-toggle="seal"> 인장 펼치고/접기 </a>

<div data-inven-id="seal" style="display:none;">
    <a href="#" data-inven-hide="seal">
        인장 이미지 1, 이미지 2, 이미지 3
    </a>
</div>

위 소스를 사용 해봤지만 한 항목을 클릭시 하위 다른 항목들 까지 동시에 펼쳐집니다....

메인 인장 -> 스샷 or 인장란 -> 여기서 게임별로  접고 펴기를 구현을 하고 싶습니다...

예) 스샷 

            리그오브레전드(접기펴기)

            -리그오브레전드 스샷

            

            오버워치(접기펴기)

            하스스톤(접기펴기)

줄관련

http://www.inven.co.kr/board/powerbbs.php?come_idx=2652&l=440085  

이분 인장의 글 간격만큼 띄우는 방법을 알고 싶습니다... <br/><br/>을 두번 사용 하기엔 너무 많이 띄워지는 느낌이 있습니다.

배경 관련

<div style="background: url('이미지주소'); background-repeat: no-repeat; font-size: 11px;">

padding-top: 100;

를 사용하여 원하던 움짤 배경을 조금 아래로 내릴려고 시도 하였으나...배경 이미지를 제외한 모든 글들이 100만큼 내려갑니다... 백그라운드만 내릴리면 어떤식으로 접근을 해야하나요

박스 관련

게임경력란에   번치코란 처럼 제목란을 만들고 싶습니다...

번치코 란의 소스를 이것저것 오려 붙여 보았지만 다른 항목의 박스들이 날라가버립니다....

오류가난 소스를 제외한 소스 입니다.

<div style="background: url(''); background-repeat: no-repeat; font-size: 11px;">

<div style="background: url('http://www.randomurl.ze.am/?id=cGJiDv7qFNP') no-repeat 0px bottom; min-height: 400px;">

<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=2012-08-25 19:09:51&c=DF0101#.png'); height: 20px;"></div>

</div>

<div style="text-align: left">

<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; border-radius: 6px; border: 1px solid #DF0101; 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: #DF0101; 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: #DF0101; 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: #DF0101; border-radius: 6px; border: 1px solid #DF0101; padding: 4px 6px; font-size: 11px; width: 300px;"></span>

</div>

<div data-inven-tabs style="padding-top: 16px;">

<div style="float: left;">

<div data-inven-tab-for="0" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #DF0101; color: white; cursor: pointer;">번치코</div>

<div data-inven-tab-for="1" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #DF0101; color: white; cursor: pointer;"> 게 임 경력 </div>

<div data-inven-tab-for="2" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #DF0101; color: white; cursor: pointer;">스샷</div>

<div data-inven-tab-for="3" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #DF0101; color: white; cursor: pointer;">인장</div>

<!--새 버튼 추가하는 곳-->

</div>

<div style="margin-left: 30px; margin-top: 6px; padding-bottom: 12px;">

<div data-inven-tab-id="0" style="min-height: 300px;"><!--메인 메뉴 내용-->

<div style="display: block; width: 204px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #DF0101;">

<div style="border-bottom: 1px solid #DF0101; color: #DF0101;padding: 4px 8px; font-weight: bold;">번치코</div>

<div style="padding: 4px 8px;">

전국No.257 호연No.006<br />

타입:불꽃,격투<br/>

특성:맹화  드림:가속<br/>

아차모-영치코-번치코-메가번치코<br/>

한국(번치코) : Burn+Chicken <br/>

일본(バシャーモ) : バ+シャーモ <br/>

북미(Blaziken) : Blaze+Chicken <br/>

</div>

</div>

</div> 

<div data-inven-tab-id="1" style="display: none;"><!--메뉴 1 내용-->

<div style="display: inline-block; padding: 4px 8px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #DF0101;">

<br/>리그오브레전드 다이아2<br/><br/>

CS:GO 특급주작<br/><br/>

배틀필드4 ESL,JCG 대회팀장 반년<br/><br/>

배틀필드4 ESL,JCG 대회팀 1년<br/><br/>

오버워치 시즌1 81+ <br/><br/>

오버워치 시즌2 3300+ 진행중<br/><br/>

</div>

</div>

<div data-inven-tab-id="2" style="display: none;">

<div style="display: inline-block; padding: 4px 8px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #DF0101;">

~공사중~

</div>

</div>

<div data-inven-tab-id="3" style="display: none;">

<div style="display: inline-block; padding: 4px 8px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #DF0101;">

~~~새 메뉴 내용~~~

</div>

</div>

<!--새 내용 추가하는 곳-->

</div>

</div>

</div>

</div>