Welcome!

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

SignUp Now!

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

С

Серега Пират

Апр
112
20
Пользователь
3.1. Заголовок темы должен отражать основную суть темы.
как сделать такую же информацию
2026-06-03_19-44-11.png
 
Сортировка по дате Сортировка по голосам
code67

code67

Фев
281
125
Активный
taden написал(а):
Посмотреть вложение 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>
 
Позитивный голос 0 Негативный голос
taden

taden

Июл
322
315
Активный
code67 написал(а):
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>
Нажмите для раскрытия...
Собственно что бы скопировать нужно знать откуда, данный человек не приложил никакой информации откуда и где, единственное решение было в виде ии, и то я скрыл от всех что бы было видно лишь данному челвоеку
 
Позитивный голос 0 Негативный голос
code67

code67

Фев
281
125
Активный
taden написал(а):
Собственно что бы скопировать нужно знать откуда, данный человек не приложил никакой информации откуда и где, единственное решение было в виде ии, и то я скрыл от всех что бы было видно лишь данному челвоеку
Нажмите для раскрытия...

OFFTOP

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

 
Позитивный голос 0 Негативный голос
taden

taden

Июл
322
315
Активный
code67 написал(а):
OFFTOP

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

Нажмите для раскрытия...
OFFTOP

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

 
Позитивный голос 0 Негативный голос
Войдите или зарегистрируйтесь для ответа.
Сверху