Как создать блок "мои контакты"

[Серега Пират]

Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.

как сделать такую же информацию

 

[code67]

Посмотреть вложение 24603

День добрый,
*** Скрытый текст не может быть процитирован. ***

OFFTOP

куда хотят суют ии, уже самому скопировать тяжело.

<div class="bbWrapper"><div style="background: radial-gradient(circle at 20% 30%, #0b0b15, #030308); border-radius: 28px; padding: 24px 22px; margin: 24px 0; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; border: 1px solid rgba(0, 210, 255, 0.35); box-shadow: 0 18px 35px -12px rgba(0,0,0,0.8), 0 0 0 1px rgba(0,210,255,0.1) inset, 0 0 18px rgba(0,180,255,0.2);">
  <div style="text-align: center; margin-bottom: 22px;">
    <div style="font-size: 23px; font-weight: 670; letter-spacing: -0.2px; background: linear-gradient(125deg, #a5f0ff, #c084fc, #60a5fa); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 0 12px rgba(0,200,255,0.2);">✦ мои контакты ✦</div>
    <div style="height: 2px; width: 70px; background: #2a3a66; margin: 10px auto 0; border-radius: 10px;"></div>
  </div>

  <div style="margin-bottom: 14px; padding: 10px 14px; background: rgba(0, 210, 255, 0.04); border-radius: 18px; border-left: 3px solid #2dd4bf;">
    <div style="display: flex; align-items: center; gap: 12px; flex-wrap: wrap;">
      <div style="display: flex; align-items: center; gap: 6px;"><i class="fab fa-telegram" style="color: #2dd4bf; font-size: 16px;"></i><span style="color: #2dd4bf; font-weight: 600; font-size: 13px;">BIO</span></div>
      <a href="https://t.me/biofelnovay" target="_blank" rel="noopener noreferrer nofollow" style="color: rgb(226, 232, 240); text-decoration: none; font-weight: 500; transition: 0.2s; border-bottom: 1px dotted rgba(255, 255, 255, 0.2);" onmouseover="this.style.color='#2dd4bf'; this.style.borderBottomColor='#2dd4bf';" onmouseout="this.style.color='#e2e8f0'; this.style.borderBottomColor='rgba(255,255,255,0.2)';">t.me/biofelnovay</a>
    </div>
  </div>

  <div style="margin-bottom: 14px; padding: 10px 14px; background: rgba(139, 92, 246, 0.04); border-radius: 18px; border-left: 3px solid #a78bfa;">
    <div style="display: flex; align-items: center; gap: 12px; flex-wrap: wrap;">
      <div style="display: flex; align-items: center; gap: 6px;"><i class="fab fa-telegram" style="color: #a78bfa; font-size: 16px;"></i><span style="color: #a78bfa; font-weight: 600; font-size: 13px;">ЛИЧКА</span></div>
      <a href="https://t.me/azxfalens" target="_blank" rel="noopener noreferrer nofollow" style="color: #e2e8f0; text-decoration: none; font-weight: 500; transition: 0.2s; border-bottom: 1px dotted rgba(255,255,255,0.2);" onmouseover="this.style.color='#a78bfa'; this.style.borderBottomColor='#a78bfa';" onmouseout="this.style.color='#e2e8f0'; this.style.borderBottomColor='rgba(255,255,255,0.2)';">@azxfalens</a>
    </div>
  </div>

  <div style="margin-bottom: 14px; padding: 10px 14px; background: rgba(59, 130, 246, 0.04); border-radius: 18px; border-left: 3px solid #60a5fa;">
    <div style="display: flex; align-items: center; gap: 12px; flex-wrap: wrap;">
      <div style="display: flex; align-items: center; gap: 6px;"><i class="fab fa-vk" style="color: #60a5fa; font-size: 16px;"></i><span style="color: #60a5fa; font-weight: 600; font-size: 13px;">VK</span></div>
      <a href="https://vk.com/felnovay" target="_blank" rel="noopener noreferrer nofollow" style="color: #e2e8f0; text-decoration: none; font-weight: 500; transition: 0.2s; border-bottom: 1px dotted rgba(255,255,255,0.2);" onmouseover="this.style.color='#60a5fa'; this.style.borderBottomColor='#60a5fa';" onmouseout="this.style.color='#e2e8f0'; this.style.borderBottomColor='rgba(255,255,255,0.2)';">vk.com/felnovay</a>
    </div>
  </div>

  <div style="margin-bottom: 20px; padding: 10px 14px; background: rgba(236, 72, 153, 0.04); border-radius: 18px; border-left: 3px solid #f472b6;">
    <div style="display: flex; align-items: center; gap: 12px; flex-wrap: wrap;">
      <div style="display: flex; align-items: center; gap: 6px;"><i class="fab fa-telegram" style="color: #f472b6; font-size: 16px;"></i><span style="color: #f472b6; font-weight: 600; font-size: 13px;">КАНАЛ</span></div>
      <a href="https://t.me/dalaner" target="_blank" rel="noopener noreferrer nofollow" style="color: #e2e8f0; text-decoration: none; font-weight: 500; transition: 0.2s; border-bottom: 1px dotted rgba(255,255,255,0.2);" onmouseover="this.style.color='#f472b6'; this.style.borderBottomColor='#f472b6';" onmouseout="this.style.color='#e2e8f0'; this.style.borderBottomColor='rgba(255,255,255,0.2)';">t.me/dalaner</a>
    </div>
  </div>

  <div style="margin-top: 18px; padding: 16px; background: rgba(255,255,255,0.02); border-radius: 20px; border: 1px solid rgba(139, 92, 246, 0.25); text-align: center;">
    <div style="display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 12px;">
      <i class="fa fa-headset" style="color: #c084fc; font-size: 18px;"></i>
      <span style="color: #cbd5e1; font-weight: 600; font-size: 15px;">техподдержка</span>
    </div>
    <a href="https://vk.com/tehforum_crmponline" target="_blank" rel="noopener noreferrer nofollow" style="color: #94a3b8; text-decoration: none; font-size: 14px; transition: 0.2s; border-bottom: 1px dotted rgba(255,255,255,0.15);" onmouseover="this.style.color='#c084fc'; this.style.borderBottomColor='#c084fc';" onmouseout="this.style.color='#94a3b8'; this.style.borderBottomColor='rgba(255,255,255,0.15)';">vk.com/tehforum_crmponline</a>
  </div>
</div>
</div>

 

[taden]

OFFTOP

куда хотят суют ии, уже самому скопировать тяжело.

<div class="bbWrapper"><div style="background: radial-gradient(circle at 20% 30%, #0b0b15, #030308); border-radius: 28px; padding: 24px 22px; margin: 24px 0; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; border: 1px solid rgba(0, 210, 255, 0.35); box-shadow: 0 18px 35px -12px rgba(0,0,0,0.8), 0 0 0 1px rgba(0,210,255,0.1) inset, 0 0 18px rgba(0,180,255,0.2);">
  <div style="text-align: center; margin-bottom: 22px;">
    <div style="font-size: 23px; font-weight: 670; letter-spacing: -0.2px; background: linear-gradient(125deg, #a5f0ff, #c084fc, #60a5fa); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 0 12px rgba(0,200,255,0.2);">✦ мои контакты ✦</div>
    <div style="height: 2px; width: 70px; background: #2a3a66; margin: 10px auto 0; border-radius: 10px;"></div>
  </div>

  <div style="margin-bottom: 14px; padding: 10px 14px; background: rgba(0, 210, 255, 0.04); border-radius: 18px; border-left: 3px solid #2dd4bf;">
    <div style="display: flex; align-items: center; gap: 12px; flex-wrap: wrap;">
      <div style="display: flex; align-items: center; gap: 6px;"><i class="fab fa-telegram" style="color: #2dd4bf; font-size: 16px;"></i><span style="color: #2dd4bf; font-weight: 600; font-size: 13px;">BIO</span></div>
      <a href="https://t.me/biofelnovay" target="_blank" rel="noopener noreferrer nofollow" style="color: rgb(226, 232, 240); text-decoration: none; font-weight: 500; transition: 0.2s; border-bottom: 1px dotted rgba(255, 255, 255, 0.2);" onmouseover="this.style.color='#2dd4bf'; this.style.borderBottomColor='#2dd4bf';" onmouseout="this.style.color='#e2e8f0'; this.style.borderBottomColor='rgba(255,255,255,0.2)';">t.me/biofelnovay</a>
    </div>
  </div>

  <div style="margin-bottom: 14px; padding: 10px 14px; background: rgba(139, 92, 246, 0.04); border-radius: 18px; border-left: 3px solid #a78bfa;">
    <div style="display: flex; align-items: center; gap: 12px; flex-wrap: wrap;">
      <div style="display: flex; align-items: center; gap: 6px;"><i class="fab fa-telegram" style="color: #a78bfa; font-size: 16px;"></i><span style="color: #a78bfa; font-weight: 600; font-size: 13px;">ЛИЧКА</span></div>
      <a href="https://t.me/azxfalens" target="_blank" rel="noopener noreferrer nofollow" style="color: #e2e8f0; text-decoration: none; font-weight: 500; transition: 0.2s; border-bottom: 1px dotted rgba(255,255,255,0.2);" onmouseover="this.style.color='#a78bfa'; this.style.borderBottomColor='#a78bfa';" onmouseout="this.style.color='#e2e8f0'; this.style.borderBottomColor='rgba(255,255,255,0.2)';">@azxfalens</a>
    </div>
  </div>

  <div style="margin-bottom: 14px; padding: 10px 14px; background: rgba(59, 130, 246, 0.04); border-radius: 18px; border-left: 3px solid #60a5fa;">
    <div style="display: flex; align-items: center; gap: 12px; flex-wrap: wrap;">
      <div style="display: flex; align-items: center; gap: 6px;"><i class="fab fa-vk" style="color: #60a5fa; font-size: 16px;"></i><span style="color: #60a5fa; font-weight: 600; font-size: 13px;">VK</span></div>
      <a href="https://vk.com/felnovay" target="_blank" rel="noopener noreferrer nofollow" style="color: #e2e8f0; text-decoration: none; font-weight: 500; transition: 0.2s; border-bottom: 1px dotted rgba(255,255,255,0.2);" onmouseover="this.style.color='#60a5fa'; this.style.borderBottomColor='#60a5fa';" onmouseout="this.style.color='#e2e8f0'; this.style.borderBottomColor='rgba(255,255,255,0.2)';">vk.com/felnovay</a>
    </div>
  </div>

  <div style="margin-bottom: 20px; padding: 10px 14px; background: rgba(236, 72, 153, 0.04); border-radius: 18px; border-left: 3px solid #f472b6;">
    <div style="display: flex; align-items: center; gap: 12px; flex-wrap: wrap;">
      <div style="display: flex; align-items: center; gap: 6px;"><i class="fab fa-telegram" style="color: #f472b6; font-size: 16px;"></i><span style="color: #f472b6; font-weight: 600; font-size: 13px;">КАНАЛ</span></div>
      <a href="https://t.me/dalaner" target="_blank" rel="noopener noreferrer nofollow" style="color: #e2e8f0; text-decoration: none; font-weight: 500; transition: 0.2s; border-bottom: 1px dotted rgba(255,255,255,0.2);" onmouseover="this.style.color='#f472b6'; this.style.borderBottomColor='#f472b6';" onmouseout="this.style.color='#e2e8f0'; this.style.borderBottomColor='rgba(255,255,255,0.2)';">t.me/dalaner</a>
    </div>
  </div>

  <div style="margin-top: 18px; padding: 16px; background: rgba(255,255,255,0.02); border-radius: 20px; border: 1px solid rgba(139, 92, 246, 0.25); text-align: center;">
    <div style="display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 12px;">
      <i class="fa fa-headset" style="color: #c084fc; font-size: 18px;"></i>
      <span style="color: #cbd5e1; font-weight: 600; font-size: 15px;">техподдержка</span>
    </div>
    <a href="https://vk.com/tehforum_crmponline" target="_blank" rel="noopener noreferrer nofollow" style="color: #94a3b8; text-decoration: none; font-size: 14px; transition: 0.2s; border-bottom: 1px dotted rgba(255,255,255,0.15);" onmouseover="this.style.color='#c084fc'; this.style.borderBottomColor='#c084fc';" onmouseout="this.style.color='#94a3b8'; this.style.borderBottomColor='rgba(255,255,255,0.15)';">vk.com/tehforum_crmponline</a>
  </div>
</div>
</div>

Собственно что бы скопировать нужно знать откуда, данный человек не приложил никакой информации откуда и где, единственное решение было в виде ии, и то я скрыл от всех что бы было видно лишь данному челвоеку

 

[code67]

Собственно что бы скопировать нужно знать откуда, данный человек не приложил никакой информации откуда и где, единственное решение было в виде ии, и то я скрыл от всех что бы было видно лишь данному челвоеку

OFFTOP

знаешь, это тема уже не первая. да и можно уже было давно понять , что это кэрэмпэ онлайн, с которого надо срочно что-то взять (

 

[taden]

OFFTOP

знаешь, это тема уже не первая. да и можно уже было давно понять , что это кэрэмпэ онлайн, с которого надо срочно что-то взять (

OFFTOP

Прошу прощения, щас решил поискать форум, увидел как раз что тема не первая

 

[Spolzer]

OFFTOP

Посмотреть вложение 24603

День добрый,
*** Скрытый текст не может быть процитирован. ***

@taden, помечайте код под соответствующий тег CODE