|
2025-05-13 13:08
조회: 1,103
추천: 0
안녕하세요 아르카나 선생님들 슈모익 질문입니다 :)이번 여름 슈모익? 슈모챌 ? 뭐든 나오면 황후 아르카나 한번 키워볼려고하는데,
114? 440? 뭉트림? 이게 다 뭡니까... 어디 이쁘게 잘 정리된 유툽이나 공략글 추천좀 부탁드립니다 ㅠㅠㅠㅠ 그리고 알카 많이 ....... 어렵나요? <div style="font-family:'Malgun Gothic',Dotum,sans-serif;width:700px;margin:20px auto;background-color:#ffffff;border:1px solid #dbdbdb;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,0.05);"> <div style="display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid #dbdbdb;position:relative;z-index:2;"> <img src="https://upload3.inven.co.kr/upload/2025/10/19/bbs/i1921140397.png" alt="Instagram" style="max-width: 100%; width: 130px; aspect-ratio: 965 / 250;" loading="lazy"> <div style="display:flex;align-items:center;gap:15px;position:relative;z-index:3;"> <a href="http://www.inven.co.kr/member/note/?act=write&rurl=_close&nick=자하" target="_BLANK" style="line-height:0;"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#111" style="cursor:pointer;"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"></path></svg></a> </div> </div> <div data-inven-tabs="" data-inven-tab-selected="tab-home" style="display:flex;position:relative;z-index:1;"> <div style="flex-basis:240px;border-right:1px solid #dbdbdb;padding:25px 20px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;"> <div style="display:flex;align-items:center;gap:15px;"> <div style="flex-shrink:0;border-radius:50%;background-image:linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);padding:2px;"> <!--- 프로필 사진 ---> <img src="프로필 사진 링크 입력" style="width:80px; height:80px; aspect-ratio: 1/1; border-radius:50%;object-fit:cover;display:block;border:3px solid white;box-sizing:border-box;background-color:white;"> </div> <div> <!--- 닉네임, 아이디----> <div style="font-size:16px;font-weight:bold;color:#111;">아네임 입력</div> <div style="font-size:16px;color:#555;">@아이디 입력</div> </div> </div> <div style="font-size:15px;line-height:1.6;color:#333;"> <!--- 프로필 소개 메시지---> 소개말 입력<br> <span style="color:#1DA1F2;">#태그 입력</span><br> <!--- 이부분은 지워도 됨 사실은 오른쪽 상단 DM 버튼 누르면 보내짐 ---> <a href="http://www.inven.co.kr/member/note/?act=write&rurl=_close&nick=본인 인벤 닉네임으로 변경" target="_BLANK" style="color:#00376b;text-decoration:none;">DM 보내기</a> </div> <div style="display:flex;justify-content:space-between;font-size:15px;text-align:center;border-top:1px solid #efefef;border-bottom:1px solid #efefef;padding:10px 0;"> <!--- 팔로워 팔로잉수 바꾸고 싶으면 여기서 하셈 ----> <div><b style="color:#111;">6</b><div style="color:#555;">Posts</div></div> <div><b style="color:#111;">1.2k</b><div style="color:#555;">Followers</div></div> <div><b style="color:#111;">345</b><div style="color:#555;">Following</div></div> </div> <div style="display:flex;overflow-x:auto;scrollbar-width:none;gap:15px;"> <!--- 프로필 소개 하단 부에 밑에 있는 메이플 / 로아 아이콘 고치고 싶으면 고치삼 ---> <!--- 바로 아래 있는 maple.inven.co.kr 링크는 누르면 원하는 링크로 이동하는 기믹 ---> <a href="https://maple.inven.co.kr/" target="_BLANK" style="flex-shrink:0;width:60px;text-align:center;text-decoration:none;"> <div style="width:54px;height:54px;border-radius:50%;margin:0 auto 5px;background-image:linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);padding:2px;box-sizing:border-box;"> <!--- 바로 아래 있는 jpg는 프로필 이미지 ---> <img src="https://upload3.inven.co.kr/upload/2025/10/18/bbs/i1499092341.jpg" style="width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:2px solid white;box-sizing:border-box;background-color:white;"> </div> <span style="font-size:12px;color:#555;">메이플</span> </a> <!--- 바로 아래 있는 maple.inven.co.kr 링크는 누르면 원하는 링크로 이동하는 기믹 ---> <a href="https://lostark.inven.co.kr/" target="_BLANK" style="flex-shrink:0;width:60px;text-align:center;text-decoration:none;"> <div style="width:54px;height:54px;border-radius:50%;margin:0 auto 5px;background-image:linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);padding:2px;box-sizing:border-box;"> <!--- 바로 아래 있는 jpg는 프로필 이미지 ---> <img src="https://upload3.inven.co.kr/upload/2025/10/18/bbs/i1936744556.jpg" style="width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:2px solid white;box-sizing:border-box;background-color:white;"> </div> <span style="font-size:12px;color:#555;">로아</span> </a> <div style="flex-shrink:0;width:60px;text-align:center;"> <div style="width:54px;height:54px;border-radius:50%;background-color:#efefef;border:1px dashed #ccc;margin:0 auto 5px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;"><span style="font-size:24px;color:#ccc;">+</span></div> <span style="font-size:12px;color:#555;">New</span> </div> </div> <div style="flex:1;display:flex;flex-direction:column;gap:15px;border-top:1px solid #efefef;padding-top:20px;"> <a data-inven-tab-for="tab-home" data-inven-selected-css="{'home-text':{'fontWeight':'bold','color':'#111'}}" data-inven-unselected-css="{'home-text':{'fontWeight':'normal','color':'#555'}}" style="display:flex;align-items:center;gap:10px;text-decoration:none;font-size:16px;color:#111;font-weight:bold;cursor:pointer;"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#111"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"></path></svg> <span data-inven-id="home-text">Home</span> </a> <a data-inven-tab-for="tab-grid" data-inven-selected-css="{'grid-text':{'fontWeight':'bold','color':'#111'}}" data-inven-unselected-css="{'grid-text':{'fontWeight':'normal','color':'#555'}}" style="display:flex;align-items:center;gap:10px;text-decoration:none;font-size:16px;color:#555;font-weight:normal;cursor:pointer;"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#111"><path d="M4 4h4v4H4V4zm6 0h4v4h-4V4zm6 0h4v4h-4V4zM4 10h4v4H4v-4zm6 0h4v4h-4v-4zm6 0h4v4h-4v-4zM4 16h4v4H4v-4zm6 0h4v4h-4v-4zm6 0h4v4h-4v-4z"></path></svg> <!--- 그리드가 아니라 피드나 갤러리로 바꾸고 싶으면 바꿔도 됨 ---> <span data-inven-id="grid-text">Grid</span> </a> </div> </div> <div style="flex:1;overflow-y:auto;background-color:#fafafa;"> <div data-inven-tab-id="tab-home" style="padding:20px 15px;height:500px;overflow-y:auto;"> <div style="background-color:#fff;border:1px solid #dbdbdb;border-radius:10px;margin-bottom:20px;"> <div style="display:flex;align-items:center;padding:10px 15px;"> <!--- 첫번째 게시물 ---> <img src="프로필 이미지 링크 입력" style="width:32px;height:32px;aspect-ratio: 1/1;border-radius:50%;margin-right:10px;"> <span style="font-weight:bold;color:#111;">@아이디 입력</span> </div> <img src="게시물에 넣을 이미지 링크 입력" style="width:100%;"> <div style="padding:15px;"> <div style="display:flex;gap:15px;margin-bottom:10px;"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#111" style="cursor:pointer;"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#111" style="cursor:pointer;"><path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"></path></svg> </div> <div style="font-weight:bold;font-size:14px;margin-bottom:5px;">741 likes</div> <div style="font-size:14px;line-height:1.5;"> <b style="color:#111;">@아이디 입력</b> 게시물에 넣을 내용 입력 </div> </div> </div> <!--- 두번째 게시물 ---> <div style="background-color:#fff;border:1px solid #dbdbdb;border-radius:10px;margin-bottom:20px;"> <div style="display:flex;align-items:center;padding:10px 15px;"> <img src="프로필 이미지 링크 입력" style="width:32px;height:32px; aspect-ratio: 1/1; border-radius:50%;margin-right:10px;"> <span style="font-weight:bold;color:#111;">@아이디 입력</span> </div> <img src="게시물에 넣을 이미지 링크 입력" style="width:100%;"> <div style="padding:15px;"> <div style="display:flex;gap:15px;margin-bottom:10px;"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#111" style="cursor:pointer;"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#111" style="cursor:pointer;"><path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"></path></svg> </div> <div style="font-weight:bold;font-size:14px;margin-bottom:5px;">1,234 likes</div> <div style="font-size:14px;line-height:1.5;"> <b style="color:#111;">@아이디 입력</b> 게시물에 넣을 내용 입력 </div> </div> </div> <!--- 세번째 게시물 ---> <div style="background-color:#fff;border:1px solid #dbdbdb;border-radius:10px;margin-bottom:20px;"> <div style="display:flex;align-items:center;padding:10px 15px;"> <img src="프로필 이미지 링크 입력" style="width:32px;height:32px; aspect-ratio: 1/1; border-radius:50%;margin-right:10px;"> <span style="font-weight:bold;color:#111;">@아이디 입력</span> </div> <img src="게시물에 넣을 이미지 링크 입력" style="width:100%;"> <div style="padding:15px;"> <div style="display:flex;gap:15px;margin-bottom:10px;"> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#111" style="cursor:pointer;"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#111" style="cursor:pointer;"><path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"></path></svg> </div> <div style="font-weight:bold;font-size:14px;margin-bottom:5px;">567 likes</div> <div style="font-size:14px;line-height:1.5;"> <b style="color:#111;">@아이디 입력</b> 게시물에 넣을 내용 입력 </div> </div> </div> </div> <div data-inven-tab-id="tab-grid" style="display:none;"> <div data-inven-id="grid-view" style="display:flex;flex-wrap:wrap;"> <!--- 피드(이미지) 수 더 늘리고 싶으면 밑에다가 파란색 코드 복붙해서 늘리삼 그리고 밑줄친 부분 숫자도 바꿔줘야함 ---> <a href="#" data-inven-toggle="grid-image-1,grid-view" style="flex-basis:calc(33.33% - 4px);height:190px;background-image:url('GRID(갤러리)에 넣을 이미지 링크 입력');background-size:cover;background-position:center;margin:2px;cursor:pointer;"></a> <!--- 여기까지 복사하셈---> <a href="#" data-inven-toggle="grid-image-2,grid-view" style="flex-basis:calc(33.33% - 4px);height:190px;background-image:url('GRID(갤러리)에 넣을 이미지 링크 입력');background-size:cover;background-position:center;margin:2px;cursor:pointer;"></a> <a href="#" data-inven-toggle="grid-image-3,grid-view" style="flex-basis:calc(33.33% - 4px);height:190px;background-image:url('GRID(갤러리)에 넣을 이미지 링크 입력');background-size:cover;background-position:center;margin:2px;cursor:pointer;"></a> <a href="#" data-inven-toggle="grid-image-4,grid-view" style="flex-basis:calc(33.33% - 4px);height:190px;background-image:url('GRID(갤러리)에 넣을 이미지 링크 입력');background-size:cover;background-position:center;margin:2px;cursor:pointer;"></a> <a href="#" data-inven-toggle="grid-image-5,grid-view" style="flex-basis:calc(33.33% - 4px);height:190px;background-image:url('GRID(갤러리)에 넣을 이미지 링크 입력');background-size:cover;background-position:center;margin:2px;cursor:pointer;"></a> <!--- 여기 사이에다가 복붙하셈 ---> <!--- 여기 사이에다가 복붙하셈 ---> </div> <!--- 피드(이미지) 수 더 늘리고 싶으면 밑에다가 파란색 코드 복붙해서 늘리삼 그리고 밑줄친 부분 숫자도 바꿔줘야함 ---> <div data-inven-id="grid-image-1" style="display:none;background-color:#ffffff;padding:10px;"> <a href="#" data-inven-toggle="grid-image-1,grid-view" style="display:block;cursor:pointer;"><img src="GRID(갤러리)에 넣을 이미지 링크 입력" stㅌㅌyle="width:100%;display:block;"></a> </div> <!--- 여기까지 복사하셈---> <div data-inven-id="grid-image-2" style="display:none;background-color:#ffffff;padding:10px;"> <a href="#" data-inven-toggle="grid-image-2,grid-view" style="display:block;cursor:pointer;"><img src="GRID(갤러리)에 넣을 이미지 링크 입력" style="width:100%;display:block;"></a> </div> <div data-inven-id="grid-image-3" style="display:none;background-color:#ffffff;padding:10px;"> <a href="#" data-inven-toggle="grid-image-3,grid-view" style="display:block;cursor:pointer;"><img src="GRID(갤러리)에 넣을 이미지 링크 입력" style="width:100%;display:block;"></a> </div> <div data-inven-id="grid-image-4" style="display:none;background-color:#ffffff;padding:10px;"> <a href="#" data-inven-toggle="grid-image-4,grid-view" style="display:block;cursor:pointer;"><img src="GRID(갤러리)에 넣을 이미지 링크 입력" style="width:100%;display:block;"></a> </div> <div data-inven-id="grid-image-5" style="display:none;background-color:#ffffff;padding:10px;"> <a href="#" data-inven-toggle="grid-image-5,grid-view" style="display:block;cursor:pointer;"><img src="GRID(갤러리)에 넣을 이미지 링크 입력" style="width:100%;display:block;"></a> </div> <!--- 여기 사이에다가 복붙하셈 ---> <!--- 여기 사이에다가 복붙하셈 ---> </div> </div> </div>
|





