카톡 프로필 인장 관련 질문 드리겠습니다.

커뮤니티메뉴

로그인 전체서비스

인벤 스크립트 게시판

전체보기

글쓰기

모바일 상단 메뉴

본문 페이지

[문의] 카톡 프로필 인장 관련 질문 드리겠습니다.

글린이

댓글: 4 개

2017-05-30 07:55:22

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

이 글 관련 질문입니다...

[첫번째 질문]

하단의 가입일,마격,쪽지 3개 상자에서 이미지를 업로드 하려고 했는데 이미지 크기가 안맞는지 잘려서 나오네요...

크기를 몇px으로 해야 하나 모르겠네요..

1) 가입일 상자

https://upload2.inven.co.kr/upload/2017/05/30/bbs/i16648689237.png

2) 마격 상자

https://upload2.inven.co.kr/upload/2017/05/30/bbs/i16693822647.png

3) 쪽지 상자

https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15787291907.png

[두번째 질문]

중앙 프로필 사진(원형 이미지) 테두리 설정 하는 방법...

중앙 이미지에 https://upload2.inven.co.kr/upload/2017/05/30/bbs/i13219402677.jpg 이 사진을 사용하려고 하는데

배경색과 일치해서 안예쁘게 검은색 일체형으로 보이네요...

저 원형 이미지에 간단한 다른색 테두리를 더하고 싶은데 방법을 아시나요?

밑 3개(가입일,마격,쪽지) 상자처럼 흰색 테두리 같은걸로 하고 싶네요.

[세번째 질문]

"하단의 배경색상" 부분과 "인장 상단의 이미지" 부분도 검은색 일체형이라서 안예쁘네요 구분선을 넣을 수 있을까요?

[참고용]

↓은 제 인장 html입니다.

<div style="width: 450px;border:1px solid black;font-size:15px;'"><div><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i16642336683.jpg" width="100%"></div><div style="width: 0px; height: 0px; display: inline-block;"><div style="width: 450px;"><div style="background: url("https://upload2.inven.co.kr/upload/2017/05/30/bbs/i13219402677.jpg") no-repeat center / 100%; margin: 0px auto; border-radius: 80px; top: -90px; width: 146px; height: 146px; overflow: hidden; position: relative;"><div style="transition:0.4s; width: 146px; height: 146px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'rgba(255,255,255,0.4)','color':'rgba(55,55,55,1)'}}" data-inven-toggle="sealing"><div style="padding: 1em; text-align: center; font-size: 15px;">인장 보기</div></div></div></div></div><div style="background-color:black;"><div style="height: 60px;"></div><div style="padding: 1em; text-align: center; display: none;transition:0.4s;" data-inven-id="sealing"><font color="#fffff">이미지를 클릭해보세요</font><br><div data-inven-id="main" style="display: block;"><table cellpadding="0"><tbody><tr><td><div style="display: inline-block; width: 150px; height: 150px; padding: 0px; margin: 0px;" data-inven-over-css="{'main':{'display':'none'},'t1':{'display':'block'}}"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15457338942.jpg"></div></td><td><div style="display: inline-block; width: 150px; height: 150px; padding: 0px; margin: 0px;" data-inven-over-css="{'main':{'display':'none'},'t2':{'display':'block'}}"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i13356332444.jpg"></div></td><td><div style="display: inline-block; width: 150px; height: 150px; padding: 0px; margin: 0px;" data-inven-over-css="{'main':{'display':'none'},'t3':{'display':'block'}}"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15376524218.jpg"></div></td></tr><tr><td><div style="display: inline-block; width: 150px; height: 150px; padding: 0px; margin: 0px;" data-inven-over-css="{'main':{'display':'none'},'t4':{'display':'block'}}"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15923167832.jpg"></div></td><td><div style="display: inline-block; width: 150px; height: 150px; padding: 0px; margin: 0px;" data-inven-over-css="{'main':{'display':'none'},'t5':{'display':'block'}}"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15453281317.jpg"></div></td><td><div style="display: inline-block; width: 150px; height: 150px; padding: 0px; margin: 0px;" data-inven-over-css="{'main':{'display':'none'},'t6':{'display':'block'}}"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15160253610.jpg"></div></td></tr><tr><td><div style="display: inline-block; width: 150px; height: 150px; padding: 0px; margin: 0px;" data-inven-over-css="{'main':{'display':'none'},'t7':{'display':'block'}}"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15538369059.png"></div></td><td><div style="display: inline-block; width: 150px; height: 150px; padding: 0px; margin: 0px;" data-inven-over-css="{'main':{'display':'none'},'t8':{'display':'block'}}"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i13351889701.png"></div></td><td><div style="display: inline-block; width: 150px; height: 150px; padding: 0px; margin: 0px;" data-inven-over-css="{'main':{'display':'none'},'t9':{'display':'block'}}"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15420718562.png"></div></td></tr></tbody></table></div><div data-inven-id="t1" style="display:none;" data-inven-out-css="{'_SELF_':{'display':'none'},'main':{'display':'block'}}"><table cellpadding="0"><tbody><tr><td><div style="width: 150px; height: 150px; padding: 0px; margin: 0px;" data-inven-out-css="{'t1':{'display':'none'},'main':{'display':'block'}}"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15457338942.jpg"></div></td><td><div style="width: 150px; height: 150px; padding: 0px; margin: 0px;"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15431900352.jpg"></div></td><td><div style="width: 150px; height: 150px; padding: 0px; margin: 0px;"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15474600876.jpg"></div></td></tr><tr><td><div style="width: 150px; height: 150px; padding: 0px; margin: 0px;"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15444353408.jpg"></div></td><td colspan="2" rowspan="2"><div style="width: 302px; height: 302px; padding: 0px; margin: 0px; background-color: rgb(153, 153, 153);"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15402167935.jpg"></div></td></tr><tr><td><div style="display: inline-block; width: 150px; height: 150px; padding: 0px; margin: 0px;"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15487111331.jpg"></div></td></tr></tbody></table></div><div data-inven-id="t2" style="display:none;" data-inven-out-css="{'_SELF_':{'display':'none'},'main':{'display':'block'}}"><table cellpadding="0"><tbody><tr><td><div style="width: 150px; height: 150px; padding: 0px; margin: 0px;"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i13349369830.jpg"></div></td><td><div style="width: 150px; height: 150px; padding: 0px; margin: 0px;" data-inven-out-css="{'t2':{'display':'none'},'main':{'display':'block'}}"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i13356332444.jpg"></div></td><td><div style="width: 150px; height: 150px; padding: 0px; margin: 0px;"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i13321772658.jpg"></div></td></tr><tr><td colspan="3" rowspan="2"><div style="width: 454px; height: 302px; padding: 0px; margin: 0px; background-color: rgb(153, 153, 153);"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i13385491419.png" width="450"></div></td></tr><tr></tr></tbody></table></div><div data-inven-id="t3" style="display:none;" data-inven-out-css="{'_SELF_':{'display':'none'},'main':{'display':'block'}}"><table cellpadding="0"><tbody><tr><td><div style="width: 150px; height: 150px; padding: 0px; margin: 0px;"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15319876332.png"></div></td><td><div style="width: 150px; height: 150px; padding: 0px; margin: 0px;"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15348558239.jpg"></div></td><td><div style="width: 150px; height: 150px; padding: 0px; margin: 0px;" data-inven-out-css="{'t3':{'display':'none'},'main':{'display':'block'}}"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15376524218.jpg"></div></td></tr><tr><td colspan="2" rowspan="2"><div style="width: 302px; height: 302px; padding: 0px; margin: 0px; background-color: rgb(153, 153, 153);"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15391513911.jpg"></div></td><td><div style="width: 150px; height: 150px; padding: 0px; margin: 0px;"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15339878208.jpg"></div></td></tr><tr><td><div style="display: inline-block; width: 150px; height: 150px; padding: 0px; margin: 0px;"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15364827077.jpg"></div></td></tr></tbody></table></div><div data-inven-id="t4" style="display:none;" data-inven-out-css="{'_SELF_':{'display':'none'},'main':{'display':'block'}}"><table cellpadding="0"><tbody><tr><td><div style="width: 150px; height: 150px; padding: 0px; margin: 0px;"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15994810253.jpg"></div></td><td colspan="2" rowspan="3"><div style="width: 302px; height: 454px; padding: 0px; margin: 0px; background-color: rgb(153, 153, 153);"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15934286901.jpg"></div></td></tr><tr><td><div style="width: 150px; height: 150px; padding: 0px; margin: 0px;" data-inven-out-css="{'t4':{'display':'none'},'main':{'display':'block'}}"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15923167832.jpg"></div></td></tr><tr><td><div style="display: inline-block; width: 150px; height: 150px; padding: 0px; margin: 0px;"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15965380222.jpg"></div></td></tr></tbody></table></div><div data-inven-id="t5" style="display:none;" data-inven-out-css="{'_SELF_':{'display':'none'},'main':{'display':'block'}}"><table cellpadding="0"><tbody><tr><td colspan="2"><div style="width: 302px; height: 150px; padding: 0px; margin: 0px; background-color: rgb(153, 153, 153);"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15409437017.jpg"></div></td><td rowspan="2"><div style="width: 150px; height: 302px; padding: 0px; margin: 0px; background-color: rgb(153, 153, 153);"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15437453143.jpg"></div></td></tr><tr><td rowspan="2"><div style="width: 150px; height: 302px; padding: 0px; margin: 0px; background-color: rgb(153, 153, 153);"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15467223906.jpg"></div></td><td><div style="width: 150px; height: 150px; padding: 0px; margin: 0px;" data-inven-out-css="{'t5':{'display':'none'},'main':{'display':'block'}}"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15453281317.jpg"></div></td></tr><tr><td colspan="2"><div style="width: 302px; height: 150px; padding: 0px; margin: 0px; background-color: rgb(153, 153, 153);"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15481549066.jpg"></div></td></tr></tbody></table></div><div data-inven-id="t6" style="display:none;" data-inven-out-css="{'_SELF_':{'display':'none'},'main':{'display':'block'}}"><table cellpadding="0"><tbody><tr><td colspan="2" rowspan="3"><div style="width: 302px; height: 454px; padding: 0px; margin: 0px; background-color: rgb(153, 153, 153);"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15103736919.jpg"></div></td><td><div style="width: 150px; height: 150px; padding: 0px; margin: 0px;"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15132309666.jpg"></div></td></tr><tr><td><div style="width: 150px; height: 150px; padding: 0px; margin: 0px;" data-inven-out-css="{'t6':{'display':'none'},'main':{'display':'block'}}"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15160253610.jpg"></div></td></tr><tr><td><div style="display: inline-block; width: 150px; height: 150px; padding: 0px; margin: 0px;"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15187879934.jpg"></div></td></tr></tbody></table></div><div data-inven-id="t7" style="display:none;" data-inven-out-css="{'_SELF_':{'display':'none'},'main':{'display':'block'}}"><table cellpadding="0"><tbody><tr><td><div style="width: 150px; height: 150px; padding: 0px; margin: 0px;"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15523714842.jpg"></div></td><td colspan="2" rowspan="2"><div style="width: 302px; height: 302px; padding: 0px; margin: 0px; background-color: rgb(153, 153, 153);"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15581982303.jpg"></div></td></tr><tr><td><div style="width: 150px; height: 150px; padding: 0px; margin: 0px;"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15510345563.jpg"></div></td></tr><tr><td><div style="display: inline-block; width: 150px; height: 150px; padding: 0px; margin: 0px;" data-inven-out-css="{'t7':{'display':'none'},'main':{'display':'block'}}"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15538369059.png"></div></td><td><div style="display: inline-block; width: 150px; height: 150px; padding: 0px; margin: 0px;"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15567644148.jpg"></div></td><td><div style="display: inline-block; width: 150px; height: 150px; padding: 0px; margin: 0px;"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15596722433.jpg"></div></td></tr></tbody></table></div><div data-inven-id="t8" style="display:none;" data-inven-out-css="{'_SELF_':{'display':'none'},'main':{'display':'block'}}"><table cellpadding="0"><tbody><tr><td colspan="3" rowspan="2"><div style="width: 454px; height: 302px; padding: 0px; margin: 0px; background-color: rgb(153, 153, 153);"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i13366489709.jpg" width="450"></div></td></tr><tr></tr><tr><td><div style="display: inline-block; width: 150px; height: 150px; padding: 0px; margin: 0px;"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i13323466986.jpg"></div></td><td><div style="display: inline-block; width: 150px; height: 150px; padding: 0px; margin: 0px;" data-inven-out-css="{'t8':{'display':'none'},'main':{'display':'block'}}"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i13351889701.png"></div></td><td><div style="display: inline-block; width: 150px; height: 150px; padding: 0px; margin: 0px;"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i13396946215.jpg"></div></td></tr></tbody></table></div><div data-inven-id="t9" style="display:none;" data-inven-out-css="{'_SELF_':{'display':'none'},'main':{'display':'block'}}"><table cellpadding="0"><tbody><tr><td colspan="2" rowspan="2"><div style="width: 302px; height: 302px; padding: 0px; margin: 0px; background-color: rgb(153, 153, 153);"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15408260437.jpg"></div></td><td><div style="width: 150px; height: 150px; padding: 0px; margin: 0px;"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15436684827.jpg"></div></td></tr><tr><td><div style="width: 150px; height: 150px; padding: 0px; margin: 0px;"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15464473374.jpg"></div></td></tr><tr><td><div style="display: inline-block; width: 150px; height: 150px; padding: 0px; margin: 0px;"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15492336851.jpg"></div></td><td><div style="display: inline-block; width: 150px; height: 150px; padding: 0px; margin: 0px;"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15449625310.jpg"></div></td><td><div style="display: inline-block; width: 150px; height: 150px; padding: 0px; margin: 0px;" data-inven-out-css="{'t9':{'display':'none'},'main':{'display':'block'}}"><img src="https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15420718562.png"></div></td></tr></tbody></table></div></div><div style="padding: 1em;text-align: center;"><div style="border-top:6px groove gray; border-bottom:6px groove gray; border-left:6px groove gray; border-right:6px groove gray; padding:10px;background-color: #cecece;"> <img src="https://static.inven.co.kr/image/board/common/icon_medal_gold1.gif"><span style="text-decoration: none; color: black;"><a href="http://steamcommunity.com/profiles/76561198093990156" style="text-decoration: none; color: black;"> <b>Steam profile</b> </a><b> </b></span><img src="https://static.inven.co.kr/image/board/common/icon_medal_gold1.gif"><span style="text-decoration: none; color: black;"><a href="https://www.5ewin.com/data/player/ownage" style="text-decoration: none; color: black;"> <b>5ewin profile</b> </a><b> </b></span><img src="https://static.inven.co.kr/image/board/common/icon_medal_gold1.gif"><a href="https://www.faceit.com/en/players/JamesPark" style="text-decoration:none;color:black;"><b> Faceit profile </b></a><br> </div></div><div style="padding: 1em; text-align: center;"><div style="background: url("https://upload2.inven.co.kr/upload/2017/05/30/bbs/i16648689237.png"); margin: 0px 15px; border-radius: 10px; border: 3px solid white; border-image: none; width: 92px; height: 92px; overflow: hidden; display: inline-block;"><div style="transition:0.4s; width: 92px; height: 92px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'red','color':'rgba(255,255,255,1)'}}"><div style="padding: 0.5em;font">가입일<br><span style="font-weight:bold;">D + </span><span data-inven-dday="2010-01-01" style="font-weight:bold;"></span></div></div></div><div style="background: url("https://upload2.inven.co.kr/upload/2017/05/30/bbs/i16693822647.png"); margin: 0px 15px; border-radius: 10px; border: 3px solid white; border-image: none; width: 92px; height: 92px; overflow: hidden; display: inline-block;"><div style="transition:0.4s; width: 92px; height: 92px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'blue','color':'rgba(255,255,255,1)'}}"><div data-inven-action="" data-inven-nick-default="글린이" style="border:0px;padding:0;margin:0;"><span data-inven-attr-for="input" style="display:none;"></span><span data-inven-attr-for="last-attack-all" style="background-color:rgba(255,255,255,0); width: 92px; height: 92px; color: rgba(255, 255, 255, 0);border-radius:123px;padding:0;margin:0;transition:0.4s;border:0px;font-family: 'Jeju Gothic', sans-serif;font-size:15px;" data-inven-text="마격" data-inven-over-css="{'_SELF_':{'color':'rgba(255,255,255,1)'}}" data-inven-out-css="{'_SELF_':{'color':'rgba(255,255,255,0)'}}"></span></div></div></div><div style="background: url("https://upload2.inven.co.kr/upload/2017/05/30/bbs/i15787291907.png"); margin: 0px 15px; border-radius: 10px; border: 3px solid white; border-image: none; width: 92px; height: 92px; overflow: hidden; display: inline-block;"><div style="transition:0.4s; width: 92px; height: 92px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'green','color':'rgba(255,255,255,1)'}}"><div data-inven-action="" data-inven-nick-default="글린이" style="border:0px;padding:0;margin:0;"><span data-inven-attr-for="input" style="display:none;"></span><span data-inven-attr-for="send-note" style="background-color:rgba(255,255,255,0); width: 92px; height: 92px; color: rgba(255, 255, 255, 0);border-radius:123px;padding:0;margin:0;transition:0.4s;border:0px;font-family: 'Jeju Gothic', sans-serif;font-size:15px;" data-inven-text="쪽지" data-inven-over-css="{'_SELF_':{'color':'rgba(255,255,255,1)'}}" data-inven-out-css="{'_SELF_':{'color':'rgba(255,255,255,0)'}}"></span></div></div></div></div></div></div>

항상 감사합니다.