제가 문제가 발생한 부분을 굵게 표시할게요 :)
<div style="background: url('https://upload2.inven.co.kr/upload/2016/03/26/bbs/i11100336190.jpg'); font-size: 11px;">
<div style="background: url('https://upload2.inven.co.kr/upload/2016/03/26/bbs/i11185862827.bmp') 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>
<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: #FBC96B; border-radius: 6px; border: 1px solid #FBC96B; overflow: hidden; font-size: 11px; padding: 0;" data-inven-action="last-attack-5,last-attack-all,search-profile" data-no-tooltip data-inven-result-detail>
<span data-inven-attr-for="input" style="float: left; margin: 2px 1px 0 4px; width: 130px; font-size: 11px; color: #FBC96B; padding: 0 2px; height: 17px;"></span>
<span data-inven-attr-for="button" style="float: left; margin: 0 0 0 1px; padding: 6px 4px 4px 4px; background-color: #FBC96B; 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: #FBC96B; border-radius: 6px; border: 1px solid #FBC96B; 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: #FBC96B; 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: #E1BC93; color: white; cursor: pointer;">T<br/>O<br/>S<br/>인<br/>장</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: #FBC96B; color: white; cursor: pointer;">마<br/>영<br/>전<br/></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: #E1BC93; color: white; cursor: pointer;">검<br/>은<br/>사<br/>막</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 #FBC96B;">
<div style="border-bottom: 1px solid #FBC96B; color: #FBC96B;padding: 4px 8px; font-weight: bold;">Tree of savior </div>
<div style="padding: 4px 8px;">
바카리네 서버 </div><div style="padding: 4px 8px;">팀명 '브로캉'
팀렙 22</div><div style="padding: 4px 8px;"><b> 브로캉</b> (lv.270, 아쿼새새스슈응)<br /><b> 브로카</b> (lv.163 소하하하스[스스]<br /><b> 에일</b> (lv.132 소펠바바로[로로]</div><div style="padding: 4px 8px;"> 컴패니언<br /> 벨하이더(224, 89) 호글란(227) 매(232)</div><div style="padding: 4px 8px;">
</div></div></div>
<div data-inven-tab-id="1" 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 #FBC96B;">
<img src="https://upload2.inven.co.kr/upload/2016/03/26/bbs/i13574784824.jpg" width="400"></div><div style="padding: 4px 8px;"> '앞점멸존야궁' 님 그림 감사합니다.
<br/> 움짤을 누르면 움짤이 바뀝니다! 슈바르츠 응사의 매력♡
<div data-inven-list=" img1 , img2 , img3 , img4 , img5 , img6 , img7 , img8 , img9 , img10 , img11 ">
<img data-inven-id="img1" style="width:435px;" src=" https://upload2.inven.co.kr/upload/2016/03/26/bbs/i10490284852.gif "/>
<img data-inven-id="img2" style="width:435px; display:none;" src=" https://upload2.inven.co.kr/upload/2016/03/26/bbs/i11917149177.gif "/>
<img data-inven-id="img3" style="width:435px; display:none;" src=" https://upload2.inven.co.kr/upload/2016/03/26/bbs/i13246948647.gif "/>
<img data-inven-id="img4" style="width:435px; display:none;" src=" https://upload2.inven.co.kr/upload/2016/03/26/bbs/i12630442848.gif "/>
<img data-inven-id="img5" style="width:435px; display:none;" src=" https://upload2.inven.co.kr/upload/2016/03/26/bbs/i14088838660.gif "/>
<img data-inven-id="img6" style="width:435px; display:none;" src=" https://upload2.inven.co.kr/upload/2016/03/26/bbs/i14089287249.gif "/>
<img data-inven-id="img7" style="width:435px; display:none;" src=" https://upload2.inven.co.kr/upload/2016/03/26/bbs/i13109184746.gif "/>
<img data-inven-id="img8" style="width:435px; display:none;" src=" https://upload2.inven.co.kr/upload/2016/03/26/bbs/i13528284974.gif "/>
<img data-inven-id="img9" style="width:435px; display:none;" src=" https://upload2.inven.co.kr/upload/2016/03/26/bbs/i13528284974.gif "/>
<img data-inven-id="img10" style="width:435px; display:none;" src=" https://upload2.inven.co.kr/upload/2016/03/26/bbs/i11323733087.gif "/>
<img data-inven-id="img11" style="width:435px; display:none;" src=" https://upload2.inven.co.kr/upload/2016/03/26/bbs/i13640633256.gif "/> </div></div>
(두번째 메뉴부터 작동 x)
<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 #FBC96B;">
<div data-inven-list=" img12 , img13 , img14 , img15 , img16 , img17 , img18 ">
<img data-inven-id="img12" style="width:435px;" src=" https://upload2.inven.co.kr/upload/2016/03/26/bbs/i13433364842.jpg "/>
<img data-inven-id="img13" style="width:435px; display:none;" src=" https://upload2.inven.co.kr/upload/2016/03/26/bbs/i10545547297.jpg "/>
<img data-inven-id="img14" style="width:435px; display:none;" src=" https://upload2.inven.co.kr/upload/2016/03/26/bbs/i12951364086.jpg "/>
<img data-inven-id="img15" style="width:435px; display:none;" https://upload2.inven.co.kr/upload/2016/03/26/bbs/i13321303532.bmp "/>
<img data-inven-id="img16" style="width:435px; display:none;" src=" https://upload2.inven.co.kr/upload/2016/03/26/bbs/i11397700447.jpg "/>
<img data-inven-id="img17" style="width:435px; display:none;" src=" https://upload2.inven.co.kr/upload/2016/03/26/bbs/i10578835327.png "/>
<img data-inven-id="img18" style="width:435px; display:none;" src=" https://upload2.inven.co.kr/upload/2016/03/26/bbs/i10507741968.png "/> </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 #FBC96B;">
~~~새 메뉴 내용~~~ </div></div>
<!--새 내용 추가하는 곳-->
</div>
</div>
</div>
</div>
제가 메우 님 글을 보고 따라서 작성한 내용이에요 :)
여기서 발생한 문제가
1. 맨 위에 굵은 글씨로 표시한 부분이 뒷 배경이 나오는 부분이라는데 배경으로 쓸 이미지 주소를 붙여넣어도 안되더라고요.. 왜 그런건가요? 2번째 메뉴에는 위에 짤리게 나오는데.. 그 외 나머지 메뉴엔 나오질 않습니다.
(div style="background: url('https://upload2.inven.co.kr/upload/2016/03/26/bbs/i11100336190.jpg'); font-size: 11px;">)
2. 두번째 tos 인장 탭 부분에서 첫 움짤이 표시가 안되네요. 다른 게시글에 올려서 주소를 복사하면 꼭 저렇게 나오네요.. 그래서 그거 혼자만 따로 적용시켜보니 그건 또 되더라고요; 왜 그런건가요?
3. 위에 작성한거에 보면 3번째 탭 부분에 분명 클릭하면 바뀌는 움짤을 넣어놨는데 왜 표시가 안되는건가요? 어떻게 해야하나요..;
4. <div style="background: url('http://www.randomurl.ze.am/e/jd.php?d=~~~가입 일자~~~&c=FCE29F#.png'); height: 20px;"></div>
이게 가입일을 표시해주는 거라는데 전 작성하면 오늘날짜로 나오면서 가입 0일 이라고 나오더군요. 어떻게 수정해야 하나요?
5. 마무리 일격 부분에 닉네임 검색 부분 네모난 칸을 지우고 싶은데 방법을 찾아서 그대로 적용해봤는데 안되더라고요.. 수정하는 법좀 알려주세요!
브로캉
브로캉
