겜린이님 소스 공유 드립니다.
*현재 인장에 사용하는 소스를 붙여넣기 할 때
인스타그램은 빨간색 줄 안의 내용을 모두 삭제하고 붙여넣기 해주시고
애플뮤직은 파란색 줄 안의 내용을 모두 삭제하고 붙여넣기 해주시면 됩니다.
<div data-inven-tabs data-inven-tab-selected="instagram" style="display:flex; -webkit-text-size-adjust: 100%;">
<div data-inven-id="dock" style="width:80px; height:130px; display:flex; flex-direction:column; justify-content: space-between; align-items:center; margin-top:10px;">
<div data-inven-tab-for="instagram" style="display:inline-block;"
data-inven-selected-css="{'_SELF_':{'opacity':'1'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.3'}}">
<img src="https://upload3.inven.co.kr/upload/2021/05/16/bbs/i14181782940.png" style="width:55px; height:55px; border-radius:8px;">
</div>
<div data-inven-tab-for="applemusic" style="display:inline-block;"
data-inven-selected-css="{'_SELF_':{'opacity':'1'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.3'}}">
<img src="https://upload3.inven.co.kr/upload/2022/11/15/bbs/i16195159584.jpg" style="width:55px; height:55px; border-radius:8px;">
</div>
</div>
<div data-inven-id="content" style="margin-top:10px; margin-left:20px;">
<div data-inven-tab-id="instagram">
<div style='width:470px; padding:18px 20px 20px 20px; border: 1px solid #d1d1d1; border-radius: 5px; -webkit-text-size-adjust: 100%; margin:0 auto;'>
<!-- 마무리 일격 -->
<div data-inven-id="execute" style="width:470px; margin-bottom:20px; display:flex; justify-content: space-around; align-items:center; padding-bottom:10px; border-bottom: 1px solid #d1d1d1; padding:0px 0px 7px 0px;">
<div style="padding-top:1px; padding-left:5px;">
<img src="https://upload3.inven.co.kr/upload/2023/08/10/bbs/i15969708946.png?MW=800" style="width:32px; height:32px;">
</div>
<div data-inven-action="last-attack-1,last-attack-5,last-attack-10,last-attack-all,search-profile" data-inven-nick-default="닉네임 넣는 곳" data-no-tooltip style="border:0px solid black; height:32px; margin-left:5px;">
<span data-inven-attr-for="input" style="width:140px; height:32px; border:1px solid #d1d1d1; font-size:1rem; border-radius:3px; padding-left:5px; text-align:center;"></span>
<span data-inven-attr-for="button"
data-inven-out-css="{'_SELF_':{'color':'black','backgroundColor':'#EFEFEF'}}"
data-inven-over-css="{'_SELF_':{'color':'white','backgroundColor':'#0095F6'}}"
style="height:32px; color:black; font-size:15px; margin-left:6px; background-color:#EFEFEF; border-radius:5px; transition: 0.3s;"></span>
</div>
</div>
<!-- 마무리 일격 끝 -->
<div style="width:470px; padding-top:5px;">
<div style="background: linear-gradient(45deg, #faa04e, #c42d91); width:150px; height:150px; border-radius:50%; float:left; display: inline-block;">
<img src="프사주소" style="margin:5px; width:130px; height:130px; object-fit:cover; border:5px solid white; border-radius:50%; float:left; margin-right:10px;">
</div>
<div style="float:left; display: inline-block; width:310px; text-align:center; font-family:malgun gothic, sans-serif; color:black; font-size:30px; margin: 3px 0px 32px 10px;">
아이디 넣는 곳
<img src="https://upload3.inven.co.kr/upload/2020/12/27/bbs/i15718366985.png?MW=800" style="width:20px; height:20px; margin-top:5px; margin-left:3px;">
</div>
<div style="width:100px; font-size:18px; text-align:center; float:left; margin-left:10px;"><span style="font-weight:bold; font-size:22px;">785</span><br><span style="font-weight:lighter;">게시물</span></div>
<div style="width:100px; font-size:18px; text-align:center; float:left;"><span style="font-weight:bold; font-size:22px;">79.6천</span><br><span style="font-weight:lighter;">팔로워</span></div>
<div style="width:100px; font-size:18px; text-align:center; float:left;"><span style="font-weight:bold; font-size:22px;">195</span><br><span style="font-weight:lighter;">팔로잉</span></div>
</div>
<div style="display: inline-block; margin-top:20px; width:480px; font-family:malgun gothic; font-weight:bold; color:black; line-height:25px;">
<p style="font-size:16px;">대충 설명하는 내용</p>
<p style="color:#003569; font-weight:normal; font-size:16px;">@태그걸고싶은사람</p>
</div>
<div data-inven-id="align" style="display:flex; margin-top:10px; margin-bottom:15px; width:470px; justify-content:space-between;">
<a href="팔로우링크" style="text-decoration:none;" target="_BLANK">
<div data-inven-id="follow" style="width:150px; height:36px; display:flex; background-color:#3997f0; color:white; border-radius:5px; font-size:17px; align-items:center; justify-content:center;">
팔로우
</div>
</a>
<a href="http://www.inven.co.kr/member/note/?act=write&rurl=_close&nick=닉네임 넣는 곳" style="text-decoration:none;" target="_BLANK">
<div data-inven-id="msg" style="width:230px; height:36px; display:flex; background-color:#EFEFEF; color:black; border-radius:5px; font-size:17px; align-items:center; justify-content:center;">
메시지 보내기
</div>
</a>
<div data-inven-id="rcd" data-inven-show="recommend,rcd2" data-inven-hide="rcd" style="width:70px; height:36px; background-color:#EFEFEF; display:flex; border-radius:5px; align-items: center; justify-content:center;">
<img src="https://upload3.inven.co.kr/upload/2023/08/19/bbs/i17156722411.png" style="width:15px; height:15px;">
</div>
<div data-inven-show="rcd" data-inven-hide="recommend,rcd2" data-inven-id="rcd2" style="display:none;">
<div style="display:flex; width:70px; height:36px; border-radius:5px; background-color:#DBDBDB; align-items: center; justify-content:center;">
<img src="https://upload3.inven.co.kr/upload/2023/08/19/bbs/i17121849216.png" style="width:15px; height:15px;">
</div>
</div>
</div>
<!-- 추천 계정 -->
<div data-inven-id="recommend" style="margin-top:25px; height:230px; display: none; text-align:left;">
<div style="display: inline-block; margin-left:2px; margin-bottom:7px; width:130px; color:#515151; font-weight:bold; font-family:malgun gothic; font-size:15px;">추천 계정 </div><br>
<div style="display: inline-block; width:145px; height:200px; border:1px solid; border-color:#e6e6e6; border-radius:2px;font-family:malgun gothic; font-size:15px; padding-bottom:5px;">
<center>
<img src="추천프사1" style="margin-top:20px; width:80px; height:80px; border:1px solid; border-color:#e6e6e6; border-radius:80px;">
<br><b>아이디1 </b><img src="https://upload3.inven.co.kr/upload/2020/12/27/bbs/i15718366985.png?MW=800" style="width:12px; height:12px;"> <br> 이름1 <br>
<a href="추천링크1" style="text-decoration:none;" target="_BLANK">
<div style="width:90px; padding:4px 3px; margin-top:10px; display:inline-block; border-radius:3px; background-color:#0095F6; color:white; font-weight:bold; font-size:14px; text-align:center;">
팔로우
</div>
</a>
</center>
</div>
<div style="display: inline-block; width:145px; height:200px; border:1px solid; border-color:#e6e6e6; margin-left:6px; border-radius:2px; font-family:malgun gothic; font-size:15px; padding-bottom:5px;">
<center>
<img src="추천프사2" style="margin-top:20px; width:80px; height:80px; border:1px solid; border-color:#e6e6e6; border-radius:80px;">
<br><b>아이디2 </b><img src="https://upload3.inven.co.kr/upload/2020/12/27/bbs/i15718366985.png?MW=800" style="width:12px; height:12px;"> <br> 이름2 <br>
<a href="추천링크2" style="text-decoration:none;" target="_BLANK">
<div style="width:90px; padding:4px 3px; margin-top:10px; display:inline-block; border-radius:3px; background-color:#0095F6; color:white; font-weight:bold; font-size:14px; text-align:center;">
팔로우
</div>
</a>
</center>
</div>
<div style="display: inline-block; width:145px; height:200px; border:1px solid; border-color:#e6e6e6; margin-left:6px; border-radius:2px; font-family:malgun gothic; font-size:15px; padding-bottom:5px;">
<center>
<img src="추천프사3" style="margin-top:20px; width:80px; height:80px; border:1px solid; border-color:#e6e6e6; border-radius:80px;">
<br><b>아이디3 </b><img src="https://upload3.inven.co.kr/upload/2020/12/27/bbs/i15718366985.png?MW=800" style="width:12px; height:12px;"> <br> 이름3 <br>
<a href="추천링크3" style="text-decoration:none;" target="_BLANK">
<div style="width:90px; padding:4px 3px; margin-top:10px; display:inline-block; border-radius:3px; background-color:#0095F6; color:white; font-weight:bold; font-size:14px; text-align:center;">
팔로우
</div>
</a>
</center>
</div>
</div>
<!-- 추천 계정 끝 -->
<!-- 갤러리 -->
<div data-inven-tabs data-inven-tab-random style="margin-top:15px; text-decoration:none; font-family:dotum; font-size:12px;">
<div style="display:flex; width:470px;">
<div data-inven-tab-for="tab_1"
data-inven-selected-css="{'_SELF_':{'opacity':'1','filter':'grayscale(0%)'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.4','filter':'grayscale(80%)'}}"
style="display:inline-block; border-radius:2px;">
<img src="사진1" style="width:68px; height:68px; border:1px solid grey; object-fit:cover;">
</div>
<div data-inven-tab-for="tab_2"
data-inven-selected-css="{'_SELF_':{'opacity':'1','filter':'grayscale(0%)'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.4','filter':'grayscale(80%)'}}"
style="display:inline-block; border-radius:2px; margin-left:10px;">
<img src="사진2" style="width:68px; height:68px; border:1px solid grey; object-fit:cover;">
</div>
<div data-inven-tab-for="tab_3"
data-inven-selected-css="{'_SELF_':{'opacity':'1','filter':'grayscale(0%)'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.4','filter':'grayscale(80%)'}}"
style="display:inline-block; border-radius:2px; margin-left:10px;">
<img src="사진3" style="width:68px; height:68px; border:1px solid grey; object-fit:cover;">
</div>
<div data-inven-tab-for="tab_4"
data-inven-selected-css="{'_SELF_':{'opacity':'1','filter':'grayscale(0%)'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.4','filter':'grayscale(80%)'}}"
style="display:inline-block; border-radius:2px; margin-left:10px;">
<img src="사진4" style="width:68px; height:68px; border:1px solid grey; object-fit:cover;">
</div>
<div data-inven-tab-for="tab_5"
data-inven-selected-css="{'_SELF_':{'opacity':'1','filter':'grayscale(0%)'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.4','filter':'grayscale(80%)'}}"
style="display:inline-block; border-radius:2px; margin-left:10px;">
<img src="사진5" style="width:68px; height:68px; border:1px solid grey; object-fit:cover;">
</div>
<div data-inven-tab-for="tab_6"
data-inven-selected-css="{'_SELF_':{'opacity':'1','filter':'grayscale(0%)'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.4','filter':'grayscale(80%)'}}"
style="display:inline-block; border-radius:2px; margin-left:10px; ">
<img src="사진6" style="width:68px; height:68px; border:1px solid grey; object-fit:cover;">
</div>
</div>
<div style="display:flex; width:470px; margin-top:10px;">
<div data-inven-tab-for="tab_7"
data-inven-selected-css="{'_SELF_':{'opacity':'1','filter':'grayscale(0%)'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.4','filter':'grayscale(80%)'}}"
style="display:inline-block; border-radius:2px;">
<img src="사진7" style="width:68px; height:68px; border:1px solid grey; object-fit:cover;">
</div>
<div data-inven-tab-for="tab_8"
data-inven-selected-css="{'_SELF_':{'opacity':'1','filter':'grayscale(0%)'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.4','filter':'grayscale(80%)'}}"
style="display:inline-block; border-radius:2px; margin-left:10px;">
<img src="사진8" style="width:68px; height:68px; border:1px solid grey; object-fit:cover;">
</div>
<div data-inven-tab-for="tab_9"
data-inven-selected-css="{'_SELF_':{'opacity':'1','filter':'grayscale(0%)'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.4','filter':'grayscale(80%)'}}"
style="display:inline-block; border-radius:2px; margin-left:10px;">
<img src="사진9" style="width:68px; height:68px; border:1px solid grey; object-fit:cover;">
</div>
<div data-inven-tab-for="tab_10"
data-inven-selected-css="{'_SELF_':{'opacity':'1','filter':'grayscale(0%)'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.4','filter':'grayscale(80%)'}}"
style="display:inline-block; border-radius:2px; margin-left:10px;">
<img src="사진10" style="width:68px; height:68px; border:1px solid grey; object-fit:cover;">
</div>
<div data-inven-tab-for="tab_11"
data-inven-selected-css="{'_SELF_':{'opacity':'1','filter':'grayscale(0%)'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.4','filter':'grayscale(80%)'}}"
style="display:inline-block; border-radius:2px; margin-left:10px;">
<img src="사진11" style="width:68px; height:68px; border:1px solid grey; object-fit:cover;">
</div>
<div data-inven-tab-for="tab_12"
data-inven-selected-css="{'_SELF_':{'opacity':'1','filter':'grayscale(0%)'}}"
data-inven-unselected-css="{'_SELF_':{'opacity':'0.4','filter':'grayscale(80%)'}}"
style="display:inline-block; border-radius:2px; margin-left:10px; ">
<img src="사진12" style="width:68px; height:68px; border:1px solid grey; object-fit:cover;">
</div>
</div>
<div data-inven-tab-id="tab_1">
<img src="사진1" style="margin-top:10px; width:470px">
</div>
<div data-inven-tab-id="tab_2">
<img src="사진2" style="margin-top:10px; width:470px">
</div>
<div data-inven-tab-id="tab_3">
<img src="사진3" style="margin-top:10px; width:470px">
</div>
<div data-inven-tab-id="tab_4">
<img src="사진4" style="margin-top:10px; width:470px">
</div>
<div data-inven-tab-id="tab_5">
<img src="사진5" style="margin-top:10px; width:470px">
</div>
<div data-inven-tab-id="tab_6">
<img src="사진6" style="margin-top:10px; width:470px">
</div>
<div data-inven-tab-id="tab_7">
<img src="사진7" style="margin-top:10px; width:470px">
</div>
<div data-inven-tab-id="tab_8">
<img src="사진8" style="margin-top:10px; width:470px">
</div>
<div data-inven-tab-id="tab_9">
<img src="사진9" style="margin-top:10px; width:470px">
</div>
<div data-inven-tab-id="tab_10">
<img src="사진10" style="margin-top:10px; width:470px">
</div>
<div data-inven-tab-id="tab_11">
<img src="사진11" style="margin-top:10px; width:470px">
</div>
<div data-inven-tab-id="tab_12">
<img src="사진12" style="margin-top:10px; width:470px">
</div>
</div>
<!-- 갤러리 끝 -->
</div>
</div>
<div data-inven-tab-id="applemusic">
<div style="width:420px; padding:15px 10px 15px 10px; border:1px solid rgb(204,214,221); border-radius:9px; transition:0.1s; background-color:rgb(252,252,252); margin:0 auto;">
<div style="display:flex;">
<div style="display:inline-block;">
<img src="대문그림" style="width:150px; height:150px; border-radius:7px;">
</div>
<div style="display:inline-block; margin-top:5px; margin-left:15px;">
<p style="font-size:20px; font-weight:bold;">플레이리스트 이름</p>
<p style="font-size:20px; color:#EA445A;">아이디 넣는 곳</p>
<p style="font-size:15px; color:grey">목요일에 업데이트됨</p>
<div style="display:flex; margin-top:30px; justify-content:space-between;">
<a href="추가링크" target="_blank" style="decoration:none;">
<div
data-inven-over-css="{'_SELF_':{'color':'#EA445A','backgroundColor':'#F8F8FC','box-shadow':'1px 1px 2px'}}"
data-inven-out-css="{'_SELF_':{'color':'#F8F8FC','backgroundColor':'#EA445A','box-shadow':'0px'}}"
style="display:inline-block; width:70px; padding:4.5px 0px 3px 0px; font-size:17px; font-weight:bold; background-color:#EA445A; color:#F8F8FC; border-radius:17px; text-align:center; transition: 0.3s;">+ 추가</div>
</a>
</div>
</div>
</div>
<div style="margin-top:7px; padding:7px 5px 7px 5px; text-align:justify; ">
<p style="font-size:16px; color:#8C8C8C;">에디터가 정기적으로 업데이트하는 플레이리스트입니다.</p>
</div>
<div style="display:flex; margin-top:7px; justify-content:space-between;">
<div data-inven-toggle="list"
style="display:inline-block; vertical-align:center; width:200px; padding:10px 0px 10px 0px; font-size:17px; font-weight:bold; background-color:#EEEEEF; color:#E63E43; border-radius:10px; text-align:center;">▶ 재생</div>
<div data-inven-toggle="MG"
style="display:inline-block; vertical-align:center; width:200px; padding:10px 0px 10px 0px; font-size:17px; font-weight:bold; background-color:#EEEEEF; color:#E63E43; border-radius:10px; text-align:center;">♠ 마무리 일격</div>
</div>
<div data-inven-id="MG" data-inven-action="search-profile,last-attack-1,last-attack-5,last-attack-10,last-attack-all,send-note" data-no-tooltip data-inven-result-detail data-inven-nick-default="아이디 넣는 곳" style="display:none; margin-top:15px; border-radius:9px; border:0px; background-color:transparent;">
<span data-inven-attr-for="input" style="height:25px; font-size:15px; border: 1px solid rgb(204,214,221); border-radius:5px; background-color:transparent; width:110px; text-align:center;"></span>
<span data-inven-attr-for="button"
data-inven-out-css="{'_SELF_':{'color':'#EA445A','backgroundColor':'#F8F8FC'}}"
data-inven-over-css="{'_SELF_':{'color':'#F8F8FC','backgroundColor':'#EA445A'}}"
style="height:25px; font-size:15px; color:#EA445A; margin-left:5px; background-color:#F8F8FC; border-radius:5px; transition: 0.3s;"></span>
</div>
<div data-inven-id="list">
<div style="display:flex; justify-content:space-between; margin-top:10px; padding:10px 5px 10px 5px; border-bottom:1px solid #CCCCCC; text-align:justify; ">
<div style="display:flex;">
<div>
<img src="앨범아트 1" style="width:50px; height:50px; border-radius:6px;">
</div>
<div style="line-height:170%; margin-left:12px; padding-top:5px;">
<p style="font-size:16px; font-weight:bold;"> 노래1 </p>
<p style="font-size:14px; color:grey;"> 가수1 </p>
</div>
</div>
<div style="padding-top:5px;">
<a href="1번곡링크" target="_blank" style="decoration:none;">
<img src="https://upload3.inven.co.kr/upload/2020/10/01/bbs/i14368489310.png?MW=800" style="width:35px;">
</a>
</div>
</div>
<div style="display:flex; justify-content:space-between; padding:10px 5px 10px 5px; border-bottom:1px solid #CCCCCC; text-align:justify; ">
<div style="display:flex;">
<div>
<img src="앨범아트2" style="width:50px; height:50px; border-radius:6px;">
</div>
<div style="line-height:170%; margin-left:12px; padding-top:5px;">
<p style="font-size:16px; font-weight:bold;"> 노래2 </p>
<p style="font-size:14px; color:grey;"> 가수2 </p>
</div>
</div>
<div style="padding-top:5px;">
<a href="2번곡링크" target="_blank" style="decoration:none;">
<img src="https://upload3.inven.co.kr/upload/2020/10/01/bbs/i14368489310.png?MW=800" style="width:35px;">
</a>
</div>
</div>
<div style="display:flex; justify-content:space-between; padding:10px 5px 10px 5px; border-bottom:1px solid #CCCCCC; text-align:justify; ">
<div style="display:flex;">
<div>
<img src="앨범아트3" style="width:50px; height:50px; border-radius:6px;">
</div>
<div style="line-height:170%; margin-left:12px; padding-top:5px;">
<p style="font-size:16px; font-weight:bold;"> 노래3 </p>
<p style="font-size:14px; color:grey;"> 가수3 </p>
</div>
</div>
<div style="padding-top:5px;">
<a href="3번곡링크" target="_blank" style="decoration:none;">
<img src="https://upload3.inven.co.kr/upload/2020/10/01/bbs/i14368489310.png?MW=800" style="width:35px;">
</a>
</div>
</div>
<div style="display:flex; justify-content:space-between; padding:10px 5px 10px 5px; border-bottom:1px solid #CCCCCC; text-align:justify; ">
<div style="display:flex;">
<div>
<img src="앨범아트4" style="width:50px; height:50px; border-radius:6px;">
</div>
<div style="line-height:170%; margin-left:12px; padding-top:5px;">
<p style="font-size:16px; font-weight:bold;"> 노래4 </p>
<p style="font-size:14px; color:grey;"> 가수4 </p>
</div>
</div>
<div style="padding-top:5px;">
<a href="4번곡링크" target="_blank" style="decoration:none;">
<img src="https://upload3.inven.co.kr/upload/2020/10/01/bbs/i14368489310.png?MW=800" style="width:35px;">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Artifact
Artifact
