[기타] '요우무'님이 문의하신 스크립트 입니다.

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

문의하신 내용에 대해 답변 드립니다.


1. 글자위치 (세로 정렬)
글자의 위치 세로 정렬을 바꾸기 위해서는 vertical-align 뒤의 값을 변경해 주시면 됩니다. 노란색이 칠해져 있는 부분의 값을 변경해 주세요. 텍스트가 출력되는 위치는 top(위), middle(중간), bottom(아래)로 변경하실 수 있습니다.

<a href="http://www.inven.co.kr/board/powerbbs.php?come_idx=4712&amp;l=528" target="_BLANK">

<div style="background: url(https://upload2.inven.co.kr/upload/2016/09/19/bbs/i13697366559.png); margin: 0px 3px 3px 0px; border-radius: 15px; width: 146px; height: 295px; color: rgba(255, 255, 255, 0); float: left; display: block;">

<div style="background: url(https://upload2.inven.co.kr/upload/2016/09/19/bbs/i13626589455.png) right; border-radius: 15px; transition:0.4s; width: 146px; height: 295px; opacity: 0;display:table-cell;vertical-align:bottom;text-align:center;" data-inven-over-css="{'_SELF_':{'opacity':'1','color':'rgba(255,255,255,1)'}}" data-inven-out-css="{'_SELF_':{'opacity':'0','color':'rgba(255,255,255,0)'}}">

<div style="padding: 1em;">인장<br />스크립트</div>

</div></div></a>



2. 글자위치 (가로 정렬)
글자의 위치 가로 정렬을 바꾸기 위해서는 text-align 뒤의 값을 변경해 주시면 됩니다. 노란색이 칠해져 있는 부분의 값을 변경해 주세요. 텍스트가 출력되는 위치는 left(왼쪽), center(중앙), right(오른쪽)으로 변경해 주실 수 있습니다.

<a href="http://www.inven.co.kr/board/powerbbs.php?come_idx=4712&amp;l=528" target="_BLANK">

<div style="background: url(https://upload2.inven.co.kr/upload/2016/09/19/bbs/i13697366559.png); margin: 0px 3px 3px 0px; border-radius: 15px; width: 146px; height: 295px; color: rgba(255, 255, 255, 0); float: left; display: block;">

<div style="background: url(https://upload2.inven.co.kr/upload/2016/09/19/bbs/i13626589455.png) right; border-radius: 15px; transition:0.4s; width: 146px; height: 295px; opacity: 0;display:table-cell;vertical-align:bottom;text-align:center;" data-inven-over-css="{'_SELF_':{'opacity':'1','color':'rgba(255,255,255,1)'}}" data-inven-out-css="{'_SELF_':{'opacity':'0','color':'rgba(255,255,255,0)'}}">

<div style="padding: 1em;">인장<br />스크립트</div>

</div></div></a>



3. 글자색
글자의 색상을 변경하기 위해서는 data-inven-over-css 뒤에 붙은 스타일 중의 color 값을 변경해 주시면 됩니다. 노란색이 칠해져 있는 부분의 값을 변경해 주세요. 양식에 틀리지 않게 주의해 주세요.
색상코드는 현재 rgba 값이 들어가 있지만, 색상 코드 (#ff00aa), rgb 값, 영문명(blue, yellow) 어떤것이든 이용하실 수 있습니다.

<a href="http://www.inven.co.kr/board/powerbbs.php?come_idx=4712&amp;l=528" target="_BLANK">

<div style="background: url(https://upload2.inven.co.kr/upload/2016/09/19/bbs/i13697366559.png); margin: 0px 3px 3px 0px; border-radius: 15px; width: 146px; height: 295px; color: rgba(255, 255, 255, 0); float: left; display: block;">

<div style="background: url(https://upload2.inven.co.kr/upload/2016/09/19/bbs/i13626589455.png) right; border-radius: 15px; transition:0.4s; width: 146px; height: 295px; opacity: 0;display:table-cell;vertical-align:bottom;text-align:center;" data-inven-over-css="{'_SELF_':{'opacity':'1','color':'rgba(255,255,255,1)'}}" data-inven-out-css="{'_SELF_':{'opacity':'0','color':'rgba(255,255,255,0)'}}">

<div style="padding: 1em;">인장<br />스크립트</div>

</div></div></a>

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