PROFILE CODE
소개글 코드

버튼을 눌러 전체 코드를 복사하세요.
복사한 뒤 소개글 편집 화면으로 이동하세요.
소개글 편집 화면에서 HTML 모드를 선택하세요.
기존 코드를 모두 지우고 붙여넣으세요.
기본 모드에서 확인한 뒤 저장하세요.
코드 원문 보기
<div style="padding: clamp(18px, 3vw, 34px) clamp(4px, 1.5vw, 12px) clamp(24px, 4vw, 44px);">

  <div style="max-width: 600px; margin: 0 auto; position: relative; background-color: #FFFFFF; border: 2px solid #EFD5DC; border-radius: 22px; overflow: hidden; box-shadow: 0 0 0 6px #FBF2F4, 0 20px 40px -30px rgba(110,40,58,0.35);">

    <div style="position: relative; padding: 26px clamp(18px, 4vw, 36px) 26px;">

      <div style="height: clamp(210px, 64vw, 460px); margin: 0 calc(0px - clamp(18px, 4vw, 36px) - clamp(0px, calc(6vw - 20px), 24px)) 0 0; padding: 0 calc(clamp(18px, 4vw, 36px) + 42%) 0 0; background-image: url(https://stimg.sooplive.com/NORMAL_BBS/8/28398988/71901789800713274.png); background-size: contain; background-position: right top; background-repeat: no-repeat;">
        <div style="margin: 0 0 10px 0; overflow: hidden; line-height: 17px;">
          <span style="float: left; width: 17px; height: 17px; background-image: url(https://i.postimg.cc/j2qKF5qj/jemog-eobs-eum-1.png); background-size: contain; background-position: center center; background-repeat: no-repeat; margin: 0 6px 0 0;">&nbsp;</span>
          <span style="font-size: 12px; color: #C0788C; font-weight: 700;">VIRTUAL STREAMER</span>
          <div style="clear: both;"></div>
        </div>
        <div style="line-height: 1.25;">
          <span style="font-size: clamp(27px, 6vw, 40px); font-weight: 700; background-image: linear-gradient(180deg, #CE8499, #A75A74); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;">호미밍</span>
        </div>
      </div>

      <div style="height: 2px; margin: -1px 0 34px 0; background-image: linear-gradient(90deg, rgba(216,150,170,0), #EBC3D0 22%, #D28FA6 50%, #EBC3D0 78%, rgba(216,150,170,0));"></div>

            <div style="margin: 0 0 10px 4px;"><div style="margin: 0 0 4px 0; line-height: 14px;"><span style="font-size: 10px; color: #C0788C; font-weight: 600; letter-spacing: 1px;">PROFILE</span></div><div style="line-height: 28px;"><span style="font-size: 22px; color: #D4819A; font-weight: 700;">프로필</span></div></div>
      <div style="background-color: #FCF6F8; border: 1px solid #F2DFE6; border-radius: 20px; padding: 18px clamp(13px, 4vw, 22px) 20px; margin: 0 0 30px 0;">

        <div style="border-bottom: 1px solid #F3EBEC; padding: 8px 2px 16px; overflow: hidden;">
          <span style="float: left;"><span style="font-size: 14px; color: #9C8A8E; font-weight: 600;">생일</span></span>
          <span style="float: right;"><span style="font-size: 16px; color: #2E1A1F; font-weight: 600;">08 / 18</span></span>
          <div style="clear: both;"></div>
        </div>

        <div style="border-bottom: 1px solid #F3EBEC; padding: 16px 2px; overflow: hidden;">
          <span style="float: left;"><span style="font-size: 14px; color: #9C8A8E; font-weight: 600;">MBTI</span></span>
          <span style="float: right;"><span style="font-size: 16px; color: #2E1A1F; font-weight: 600;">IENFJ</span></span>
          <div style="clear: both;"></div>
        </div>

        <div style="border-bottom: 1px solid #F3EBEC; padding: 16px 2px; overflow: hidden;">
          <span style="float: left;"><span style="font-size: 14px; color: #9C8A8E; font-weight: 600;">취미</span></span>
          <span style="float: right;"><span style="font-size: 16px; color: #2E1A1F; font-weight: 600;">그림 · 노래 · 베이킹</span></span>
          <div style="clear: both;"></div>
        </div>

        <div style="border-bottom: 1px solid #F3EBEC; padding: 16px 2px; overflow: hidden; line-height: 23px;">
          <span style="float: left;"><span style="font-size: 14px; color: #9C8A8E; font-weight: 600;">롤 포지션</span></span>
          <span style="float: right;"><span style="float: left; width: 23px; height: 23px; background-image: url(https://i.postimg.cc/kGKLJPjc/Vfkl-Vieq-URr-IZEX2Zo-Uu437h-KNVGFtgi-NWs-GUJu-8Xw9q-WGp8ou-WGe8We-IQvrp-FWw-D6IZvpje-Eyk-Zyig-DK24.webp); background-size: contain; background-position: center center; background-repeat: no-repeat; margin: -3px 5px 0 0;">&nbsp;</span><span style="font-size: 16px; color: #2E1A1F; font-weight: 600;">정글</span></span>
          <div style="clear: both;"></div>
        </div>

        <div style="border-bottom: 1px solid #F3EBEC; padding: 16px 2px; overflow: hidden;">
          <span style="float: left;"><span style="font-size: 14px; color: #9C8A8E; font-weight: 600;">첫 방송일</span></span>
          <span style="float: right;"><span style="font-size: 16px; color: #2E1A1F; font-weight: 600;">2022. 06. 22</span></span>
          <div style="clear: both;"></div>
        </div>

        <div style="padding: 16px 2px; overflow: hidden;">
          <span style="float: left;"><span style="font-size: 14px; color: #9C8A8E; font-weight: 600;">SOOP 첫 방송일</span></span>
          <span style="float: right;"><span style="font-size: 16px; color: #2E1A1F; font-weight: 600;">2024. 06. 12</span></span>
          <div style="clear: both;"></div>
        </div>

  <div style="background-color: #FFFFFF; border: 1px solid #F1DDE4; border-radius: 15px; padding: 26px clamp(14px, 4vw, 24px) 26px clamp(76px, 25vw, 136px); margin: 22px -10px 0 -10px; background-image: url(https://stimg.sooplive.com/NORMAL_BBS/1/21550051/6586699c60b47a7f5.gif); background-size: auto clamp(64px, 22vw, 116px); background-position: -4px bottom; background-repeat: no-repeat;">
          <div style="overflow: hidden;">
            <div style="overflow: hidden; margin: 0 0 12px 0;">
              <span style="float: left;"><span style="font-size: 14px; color: #9C8A8E; font-weight: 600;">팬 호칭</span></span>
              <span style="float: right;"><span style="font-size: 18px; color: #59494E; font-weight: 700;">호떡이</span></span>
              <div style="clear: both;"></div>
            </div>
            <div style="overflow: hidden;">
              <span style="float: left;"><span style="font-size: 14px; color: #9C8A8E; font-weight: 600;">팬 닉네임</span></span>
              <span style="float: right;"><span style="font-size: 18px; color: #59494E; font-weight: 700;">Mm. / 호떡</span></span>
              <div style="clear: both;"></div>
            </div>
          </div>
          <div style="clear: both;"></div>
        </div>
      </div>

      <div style="margin: 0 0 10px 4px;"><div style="margin: 0 0 4px 0; line-height: 14px;"><span style="font-size: 10px; color: #C0788C; font-weight: 600; letter-spacing: 1px;">LINKS</span></div><div style="line-height: 28px;"><span style="font-size: 22px; color: #D4819A; font-weight: 700;">링크</span></div></div>
      <div style="background-color: #FCF6F8; border: 1px solid #F2DFE6; border-radius: 20px; padding: 18px clamp(13px, 4vw, 22px) 20px; margin: 0 0 30px 0;">

        <div style="overflow: hidden; margin-top: 2px; text-align: center;">
          <a href="https://cafe.naver.com/mingout" target="_blank" style="text-decoration: none; float: left; width: 50%;"><span style="display: block; margin: 0 4px 10px 4px; background-color: #FFFFFF; padding: 11px 0 clamp(9px, calc(1vw + 5px), 11px); white-space: nowrap; border-radius: 10px; border: 1px solid #BFE8CE;"><span style="display: inline-block; font-size: clamp(13px, 3.8vw, 15px); line-height: 22px; color: #2E1A1F; font-weight: 600;">네이버 팬카페</span></span></a><a href="https://www.youtube.com/channel/UCHv_UUpNzv-wcN2oRXFUk3A" target="_blank" style="text-decoration: none; float: left; width: 50%;"><span style="display: block; margin: 0 4px 10px 4px; background-color: #FFFFFF; padding: 11px 0 clamp(9px, calc(1vw + 5px), 11px); white-space: nowrap; border-radius: 10px; border: 1px solid #F6C6C6;"><span style="display: inline-block; font-size: clamp(13px, 3.8vw, 15px); line-height: 22px; color: #2E1A1F; font-weight: 600;">유튜브</span></span></a><a href="https://script.google.com/macros/s/AKfycbzMyF5zYz-wEV3jr8MfcXPUGiTRSrtHaHq1vbyHoEPUb2pS9F6kcFOVwjtCkp9NPQkYug/exec?id=HMM" target="_blank" style="text-decoration: none; float: left; width: 50%;"><span style="display: block; margin: 0 4px 0 4px; background-color: #FFFFFF; padding: 11px 0 clamp(9px, calc(1vw + 5px), 11px); white-space: nowrap; border-radius: 10px; border: 1px solid #CFC5E8;"><span style="display: inline-block; font-size: clamp(13px, 3.8vw, 15px); line-height: 22px; color: #2E1A1F; font-weight: 600;">월간 일정표</span></span></a><a href="https://homiming-songbook.site/" target="_blank" style="text-decoration: none; float: left; width: 50%;"><span style="display: block; margin: 0 4px 0 4px; background-color: #FFFFFF; padding: 11px 0 clamp(9px, calc(1vw + 5px), 11px); white-space: nowrap; border-radius: 10px; border: 1px solid #E6D7AD;"><span style="display: inline-block; font-size: clamp(13px, 3.8vw, 15px); line-height: 22px; color: #2E1A1F; font-weight: 600;">노래책</span></span></a>
          <div style="clear: both;"></div>
        </div>
      </div>

      <div style="margin: 0 0 10px 4px;"><div style="margin: 0 0 4px 0; line-height: 14px;"><span style="font-size: 10px; color: #C0788C; font-weight: 600; letter-spacing: 1px;">SIGNATURE</span></div><div style="line-height: 28px;"><span style="font-size: 22px; color: #D4819A; font-weight: 700;">시그니처 별풍선</span></div></div>
      <div style="background-color: #FCF6F8; border: 1px solid #F2DFE6; border-radius: 20px; padding: 18px clamp(13px, 4vw, 22px) 18px; margin: 0 0 30px 0;">
        <div style="overflow: hidden;">
          <div style="float: left; width: 33.33%; margin: 0 0 18px 0; text-align: center;">
            <div style="height: clamp(62px, 15vw, 88px); background-image: url(https://i.postimg.cc/kXM2tMmx/t1BTfw-M1WJ7RGSvi-EHpdlk-C1Q6r-MZx-CCM6f-Zjy53d-JWT1Gj-Kv-T4lcuo-ZYd5Kfa6cl-B-s5IGMAAh-CAxgm-C0MXdh.webp); background-size: contain; background-position: center center; background-repeat: no-repeat; margin: 0 4px 8px 4px;">&nbsp;</div>
            <div><span style="font-size: 14px; color: #59494E; font-weight: 700;">121개</span></div>
          </div>
          <div style="float: left; width: 33.33%; margin: 0 0 18px 0; text-align: center;">
            <div style="height: clamp(62px, 15vw, 88px); background-image: url(https://i.postimg.cc/9FNQRGbs/i-A4L3b-Gfyn-L2m-Qjg9xrsug-FRb-PV0R4e7g-A2Hs-UBVb174Kgxq-XTCjj-LXZh-XYUs43n-AWm-QQDo-AYB52Ms-Ad-YW0P.webp); background-size: contain; background-position: center center; background-repeat: no-repeat; margin: 0 4px 8px 4px;">&nbsp;</div>
            <div><span style="font-size: 14px; color: #59494E; font-weight: 700;">521개</span></div>
          </div>
          <div style="float: left; width: 33.33%; margin: 0 0 18px 0; text-align: center;">
            <div style="height: clamp(62px, 15vw, 88px); background-image: url(https://i.postimg.cc/15Y3npMh/eg-W6f-IYCP-3jl-YBCy3Zi2l0R2ATDg-YWnmfr-E3Nhl-OGsi-OCc-MKU-j-HPS-IOp2Yms1P-B3w-YN6GIHNXn-XK656s-F0c3.webp); background-size: contain; background-position: center center; background-repeat: no-repeat; margin: 0 4px 8px 4px;">&nbsp;</div>
            <div><span style="font-size: 14px; color: #59494E; font-weight: 700;">1,421개</span></div>
          </div>
          <div style="float: left; width: 33.33%; margin: 0; text-align: center;">
            <div style="height: clamp(62px, 15vw, 88px); background-image: url(https://i.postimg.cc/zXPGbnpm/a-Qs-ZPk-Gv-mmu58h-SH9a-Y6wt-NEC0Awavv-JFAmu-Fw-O5WBUr5ew-PX7JY15QHsam-K5s7w-EQj0jw-ZDv30jwc-CIBj-Ds.webp); background-size: contain; background-position: center center; background-repeat: no-repeat; margin: 0 4px 8px 4px;">&nbsp;</div>
            <div><span style="font-size: 14px; color: #59494E; font-weight: 700;">2,821개</span></div>
          </div>
          <div style="float: left; width: 33.33%; margin: 0; text-align: center;">
            <div style="height: clamp(62px, 15vw, 88px); background-image: url(https://i.postimg.cc/wTbjyh2Z/f-67nxr-I4Pd-Uzl-ATPb7ugsnd-Gmpl9Sdo1V1kv-W9XNOo-Acv-E1MIM6KUMdep-DHb-Qkp-Eqz6KB4i-Yzvy-o1CQxq0jm-NN.webp); background-size: contain; background-position: center center; background-repeat: no-repeat; margin: 0 4px 8px 4px;">&nbsp;</div>
            <div><span style="font-size: 14px; color: #59494E; font-weight: 700;">5,221개</span></div>
          </div>
          <div style="float: left; width: 33.33%; margin: 0; text-align: center;">
            <div style="height: clamp(62px, 15vw, 88px); background-image: url(https://i.postimg.cc/Wbf1FM8Q/XYc-Pc-Zzr6-FHc-h-SRUxmx-VFo-HC7ppd-VQX1ikvwfsm-Iy-X43mrfb-Md-Pk-Mv-Py-X5emooq0C2Fh-LCNDy-Ws6h-N5AU2.webp); background-size: contain; background-position: center center; background-repeat: no-repeat; margin: 0 4px 8px 4px;">&nbsp;</div>
            <div><span style="font-size: 14px; color: #59494E; font-weight: 700;">12,486개</span></div>
          </div>
          <div style="clear: both;"></div>
        </div>
      </div>

      <div style="margin: 0 0 10px 4px;"><div style="margin: 0 0 4px 0; line-height: 14px;"><span style="font-size: 10px; color: #C0788C; font-weight: 600; letter-spacing: 1px;">TO-DO</span></div><div style="line-height: 28px;"><span style="font-size: 22px; color: #D4819A; font-weight: 700;">업보</span></div></div>
      <div style="background-color: #FCF6F8; border: 1px solid #F2DFE6; border-radius: 20px; padding: 18px clamp(13px, 4vw, 22px) 14px; margin: 0;">

        <div style="border-bottom: 1px solid #F3EBEC; padding: 7px 2px 15px; overflow: hidden;">
          <span style="float: left;"><span style="font-size: 13px; color: #DBA9B6; font-weight: 700;">01&nbsp;&nbsp;&nbsp;</span></span>
          <span style="font-size: 15px; color: #40282E; font-weight: 600;">오아네 키위농장 아르바이트 Vlog</span>
          <div style="clear: both;"></div>
        </div>
        <div style="border-bottom: 1px solid #F3EBEC; padding: 15px 2px; overflow: hidden;">
          <span style="float: left;"><span style="font-size: 13px; color: #DBA9B6; font-weight: 700;">02&nbsp;&nbsp;&nbsp;</span></span>
          <span style="font-size: 15px; color: #40282E; font-weight: 600;">아뚱 하루 3끼 밥해주기</span>
          <div style="clear: both;"></div>
        </div>
        <div style="border-bottom: 1px solid #F3EBEC; padding: 15px 2px; overflow: hidden;">
          <span style="float: left;"><span style="font-size: 13px; color: #DBA9B6; font-weight: 700;">03&nbsp;&nbsp;&nbsp;</span></span>
          <span style="font-size: 15px; color: #40282E; font-weight: 600;">일본 가서 철권 2연승하고 오기</span>
          <div style="clear: both;"></div>
        </div>
        <div style="border-bottom: 1px solid #F3EBEC; padding: 15px 2px; overflow: hidden;">
          <span style="float: left;"><span style="font-size: 13px; color: #DBA9B6; font-weight: 700;">04&nbsp;&nbsp;&nbsp;</span></span>
          <span style="font-size: 15px; color: #40282E; font-weight: 600;">노래 커버곡</span>
          <div style="clear: both;"></div>
        </div>
        <div style="border-bottom: 1px solid #F3EBEC; padding: 15px 2px; overflow: hidden;">
          <span style="float: left;"><span style="font-size: 13px; color: #DBA9B6; font-weight: 700;">05&nbsp;&nbsp;&nbsp;</span></span>
          <span style="font-size: 15px; color: #40282E; font-weight: 600;">호떡 이모티콘 2 출시</span>
          <div style="clear: both;"></div>
        </div>
        <div style="border-bottom: 1px solid #F3EBEC; padding: 15px 2px; overflow: hidden;">
          <span style="float: left;"><span style="font-size: 13px; color: #DBA9B6; font-weight: 700;">06&nbsp;&nbsp;&nbsp;</span></span>
          <span style="font-size: 15px; color: #40282E; font-weight: 600;">콘서트</span>
          <div style="clear: both;"></div>
        </div>
        <div style="border-bottom: 1px solid #F3EBEC; padding: 15px 2px; overflow: hidden;">
          <span style="float: left;"><span style="font-size: 13px; color: #DBA9B6; font-weight: 700;">07&nbsp;&nbsp;&nbsp;</span></span>
          <span style="font-size: 15px; color: #40282E; font-weight: 600;">운동 룰렛</span>
          <div style="clear: both;"></div>
        </div>
        <div style="border-bottom: 1px solid #F3EBEC; padding: 15px 2px; overflow: hidden;">
          <span style="float: left;"><span style="font-size: 13px; color: #DBA9B6; font-weight: 700;">08&nbsp;&nbsp;&nbsp;</span></span>
          <span style="font-size: 15px; color: #40282E; font-weight: 600;">24시간 노방종 (종겜핀볼)</span>
          <div style="clear: both;"></div>
        </div>
        <div style="padding: 15px 2px; overflow: hidden;">
          <span style="float: left;"><span style="font-size: 13px; color: #DBA9B6; font-weight: 700;">09&nbsp;&nbsp;&nbsp;</span></span>
          <span style="font-size: 15px; color: #40282E; font-weight: 600;">고글이 비번방송</span>
          <div style="clear: both;"></div>
        </div>
      </div>


    </div>

  </div>

</div>
자동 복사가 안 되면 전체 선택 후 직접 복사하세요.