Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

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

Команда Проекта Gray Russia
Апр
127
25
Пользователь
3.1. Заголовок темы должен отражать основную суть темы.
как сделать такую же информацию
2026-06-03_19-44-11.png
 
Фев
292
149
Активный
Посмотреть вложение 24603

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

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



css:
<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>
 
Июл
322
334
Активный
OFFTOP

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



css:
<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>
Собственно что бы скопировать нужно знать откуда, данный человек не приложил никакой информации откуда и где, единственное решение было в виде ии, и то я скрыл от всех что бы было видно лишь данному челвоеку
 
Фев
292
149
Активный
Собственно что бы скопировать нужно знать откуда, данный человек не приложил никакой информации откуда и где, единственное решение было в виде ии, и то я скрыл от всех что бы было видно лишь данному челвоеку

OFFTOP

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

 
Июл
322
334
Активный
OFFTOP

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

OFFTOP

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

 
Янв
100
49
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
@code67, А куда это вставлять
 
Янв
100
49
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
@KeoFox, В ПРОФИЛЕ В СВОЁМ
 
Сверху