[기타] ' 크베닌'님이 문의하신 스크립트 입니다.

인벤 스크립트에 관심을 가져주셔서 감사합니다.

- 내용의 정렬
정렬하고 싶은 내용을 <div></div>로 감싸 주시고, 이 <div> 상자 속에 정렬 스타일을 넣어 주시면 됩니다.
아래와 같은 형태가 될 것입니다.

<div style="text-align:left;"> 좌측 정렬 </div>
<div style="text-align:center;"> 중앙 정렬 </div>
<div style="text-align:right;"> 우측 정렬 </div>

탭 버튼 부분의 float 스타일이 사용되었는데, 이 경우는 text-align 스타일에 영향을 받지 않습니다.
float:left를 지워주시고, display:inline-block; 스타일을 사용해서 div 상자가 인라인 정렬이 되도록 수정해 주면 text-align 스타일을 사용해 정렬할 수 있습니다.

탭 2의 내용은 위의 정렬 <div> 상자로, 정렬할 내용을 감쌓주시면 됩니다.

- 이미지 클릭시 다른 이미지가 출력되는 형태
말씀하신 기능은, 현재 탭 기능을 그대로 사용하시면 될 것으로 보입니다.
Apink, 원트크 라는 텍스트 대신 이미지가 들어간다고 보시면 이해가 쉬울 것입니다.

소스 작성이 어려운 경우는 원하시는 형태와 샘플 이미지를 올려주시면, 그에 맞춰서 샘플 소스를 전달 드리도록 하겠습니다.

이외에도 궁금하신 내용은 언제든지 글 남겨주세요.
감사합니다.


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

---

<br><div style="text-align: center;">
<img src="http://www.randomurl.ze.am/e/jd.php?d=2016-06-01%2009:58:51#.png" border="0" width="438" style=""></div><br>

<!--탭 버튼-->
<div data-inven-tabs="" data-inven-tab-selected="none">

<div style="text-align:center;">
<div style="display:inline-block;border: 1px solid pink; text-align: center; width:60px; padding: .4em;" data-inven-toggle="tab_1" data-inven-hide="tab_2"> Apink♥</div>
<div style="display:inline-block; border:1px solid blue; text-align: center; width:60px; padding: .4em;" data-inven-toggle="tab_2" data-inven-hide="tab_1"> 원트크 </div>
</div>

<!--탭 내용-->
<br>
<div data-inven-id="tab_1" style="border: 1px solid pink; text-align: center; padding: .4em;display:none;">3기, 4기 팬클럽<br> 핑아 1회, 핑파 올출, 믕솔콘 1회</div>
<div data-inven-id="tab_2" style="border: 1px solid blue; text-align: center; padding: .4em;display:none;">
<div style="text-align:left;">
6스고<br><br>
</div>
<img src="https://upload2.inven.co.kr/upload/2017/06/06/bbs/i16574766017.png" style="padding: 0px 4px;">
<img src="https://upload2.inven.co.kr/upload/2017/06/06/bbs/i16510424149.png" style="padding: 0px 4px;">
<img src="https://upload2.inven.co.kr/upload/2017/06/06/bbs/i16554950716.png" style="padding: 0px 4px;">
<img src="https://upload2.inven.co.kr/upload/2017/06/06/bbs/i16581782978.png" style="padding: 0px 4px;">
<img src="https://upload2.inven.co.kr/upload/2017/06/06/bbs/i16508289606.png" style="padding: 0px 4px;">
<img src="https://upload2.inven.co.kr/upload/2017/06/06/bbs/i16527590399.png" style="padding: 0px 4px;"></div></div>