возьми внешность и получи бонус
Если берёте внешность по акции, получаете следующие плюшки:
- 2000 на счёт;
- уникальное оформление профиля.
Забрать подарки можно после принятия в теме «Вопросы АМС».
акции месяца
Страница: 1
Тема закрыта
Сообщений 1 страница 3 из 3
Поделиться12026-05-01 06:46:02
- в мире
- Сообщений: 8738
- Уважение: +16169
- Деньги: 48260
- Посты: 15 544,1/0 06.26,1/1
- Последний визит:
2026-07-02 21:17:54 почувствуй наш вайб
Поделиться22026-05-01 07:49:51
- в мире
- Сообщений: 8738
- Уважение: +16169
- Деньги: 48260
- Посты: 15 544,1/0 06.26,1/1
- Последний визит:
2026-07-02 21:17:54 почувствуй наш вайб
закончилась
внешности мая
берёшь — получаешь плюшки
акция действует до 31.05 включительно.
забрать подарки можно после принятия в теме «Вопросы АМС».[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Галерея в черно-белом</title>
<style>.gallery {
display: grid;
grid-template-columns: repeat(4, 110px);
gap: 20px;
justify-content: start;
margin: 0 0 0 150px !important;
}
.gallery img {
width: 110px;
height: 110px;
object-fit: cover;
filter: grayscale(100%);
border-radius: 22px;
background: #fff;
transition: filter 0.3s;
}
.gallery img:hover {
filter: grayscale(0%);
}
.gallery img:last-child {
grid-column: 2 / span 2;
justify-self: center;
}
/* Стили для кастомной подсказки */
.custom-tooltip {
position: fixed;
z-index: 1000;
background: #4b7398;
color: #fff;
padding: 7px 14px;
border-radius: 8px;
font-size: 11px;
pointer-events: none;
white-space: nowrap;
opacity: 0.98;
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
transition: opacity 0.12s;
font-family: Arial, sans-serif;
}
/* Класс для гарантированного размытия всегда */
.blur, .blur:hover {
filter: grayscale(100%) blur(4px) !important;
}
</style>
</head>
<body>
<div class="gallery">
<img class="blur" src="https://64.media.tumblr.com/1e42b589d9e1c0a3c0f0cf0b29f534a7/ec7812becd15a21c-5d/s400x600/85057c17f8e8da1e659bf038f5d4ccc7bafc594f.gifv" alt="max irons" title="max irons">
<img src="https://64.media.tumblr.com/82d525315e3047d25bcca5fb6e1be0ca/ff1269635b6f19bb-3f/s400x600/7afe247eb513abcfdbf548f0c54e56e4bc55b5a8.gifv" alt="dua lipa" title="dua lipa">
<img src="https://64.media.tumblr.com/06f68d3ae3b9c61da7d6e7ed97fa5c0f/ed60de9f0b621295-0b/s400x600/31d4a821463864f0ae35e8e4947bc12c141f864f.gifv" alt="dakota johnson" title="dakota johnson">
<img src="https://64.media.tumblr.com/42f2e4daea049d45c68bdc7b20e4839b/4a6a41c48f5c8762-27/s400x600/3522f62eb20be1710cc96d63e50b37edb267ed33.gifv" alt="hazal filiz" title="hazal filiz">
<img src="https://64.media.tumblr.com/355a7c7b41876f8747ab09e549ae5e1c/a1cc1dcaaffb4b5e-6d/s400x600/af10b8e07626387429484ecb2bb016af05f00e2b.gifv" alt="erdem sanli" title="erdem sanli">
<img src="https://64.media.tumblr.com/b7423efe51600fc405bab674b0f8a710/2c0972914c2ba8b2-b4/s250x400/1c6a814ced29f40f5039f445f6c308530d5c227e.gifv" alt="ayca aysin turan" title="ayca aysin turan">
<img src="https://64.media.tumblr.com/8c45ea89939a9d094ffd61dce8b2ccff/458853513693e3ea-fd/s400x600/62cbe70746117c08fb598f361a1003ef4c387e33.gifv" alt="vi" title="kim taehyung">
<img src="https://64.media.tumblr.com/f5b069b9c57641b4d845a91eba7457c1/5d6a2f28e12fd7ca-b3/s250x400/701c70460ec53a4cea5439955d1f3f576eb2ef53.gifv" alt="roseanne park" title="roseanne park">
<img src="https://64.media.tumblr.com/723468c5a772b981c83bf887d2c8d15d/a1a351e06b8f30a7-f2/s400x600/951702c6596dac817e126903e06d1d4c721d6b56.gifv" alt="shin ryujin" title="shin ryujin">
</div>
<script>
document.querySelectorAll('.gallery img').forEach(img => {
let tooltip;
img.addEventListener('mouseenter', e => {
tooltip = document.createElement('div');
tooltip.className = 'custom-tooltip';
tooltip.innerText = img.title;
document.body.appendChild(tooltip);
img.dataset.origTitle = img.title;
img.title = ''; // убираем стандартный tooltip
moveTooltip(e);
});
img.addEventListener('mouseleave', () => {
if (tooltip) {
tooltip.remove();
tooltip = null;
}
img.title = img.dataset.origTitle || "";
});
img.addEventListener('mousemove', moveTooltip);
function moveTooltip(e) {
if (tooltip) {
let offset = 13; // сдвиг вниз и вправо
tooltip.style.left = (e.clientX + offset) + 'px';
tooltip.style.top = (e.clientY + offset) + 'px';
}
}
});
</script>
</body>
</html>[/html]
Поделиться32026-06-01 20:09:30
- в мире
- Сообщений: 8738
- Уважение: +16169
- Деньги: 48260
- Посты: 15 544,1/0 06.26,1/1
- Последний визит:
2026-07-02 21:17:54 почувствуй наш вайб
внешности июня
берёшь — получаешь плюшки
акция действует до 30.06 включительно.
забрать подарки можно после принятия в теме «Вопросы АМС».
[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Галерея в черно-белом</title>
<style>
.gallery {
display: grid;
grid-template-columns: repeat(4, 110px);
gap: 20px;
justify-content: start;
margin: 0 0 0 150px !important;
}
.gallery img {
width: 110px;
height: 110px;
object-fit: cover;
filter: grayscale(100%);
border-radius: 22px;
background: #fff;
transition: filter 0.3s;
}
.gallery img:hover {
filter: grayscale(0%);
}
.gallery img:last-child {
grid-column: 2 / span 2;
justify-self: center;
}
/* Стили для кастомной подсказки */
.custom-tooltip {
position: fixed;
z-index: 1000;
background: #4b7398;
color: #fff;
padding: 7px 14px;
border-radius: 8px;
font-size: 11px;
pointer-events: none;
white-space: nowrap;
opacity: 0.98;
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
transition: opacity 0.12s;
font-family: Arial, sans-serif;
}
/* Класс для гарантированного размытия всегда */
.blur, .blur:hover {
filter: grayscale(100%) blur(4px) !important;
}
</style>
</head>
<body>
<div class="gallery">
<img src="https://64.media.tumblr.com/baa83d230888885a4db5bdf718f83cec/581305ae65c1ad9f-48/s400x600/891da95183159c8cb52ba4da9107c728ef181b66.gifv" alt="Lee Dongwook" title="lee dongwook">
<img src="https://upforme.ru/uploads/001c/aa/61/4/126144.gif" alt="chace crawford" title="chace crawford">
<img src="https://64.media.tumblr.com/66823fef3fb4c119265a9c94db5f850a/d34b75b845fc7c20-23/s400x600/872976dec7143c2ca16ec2245ad543ae2c97735d.gifv" alt="benjamin voisin" title="benjamin voisin">
<img src="https://64.media.tumblr.com/a521e907988119a75d7050062db25106/a92eb66697321805-87/s400x600/4394e31c28e6ab6130701f3753f74b56445dcb3f.gifv" alt="nina dobrev" title="nina dobrev">
<img src="https://64.media.tumblr.com/a59b95784ffac8f0c5fae7685044b16e/acd94aaf25ebafa8-f2/s400x600/977cd01a7fd608d013d8b239c1c6297db92d7242.gifv" alt="diana silvers" title="diana silvers">
<img src="https://64.media.tumblr.com/8e193c475f3b293b3bd6e24dce648f36/7658c9faf68fe468-a9/s400x600/1d93f7584cf33a4dcccb9ace795e99961e0263f8.gifv" alt="alice pagani" title="alice pagani">
<img src="https://64.media.tumblr.com/0b48f67c3b337b3252b53460bef1ee98/8ff1eef55c4ff06a-13/s400x600/0b11a0747733fb97956b1e14324631732afda4a6.gifv" alt="karl urban" title="karl urban">
<img src="https://64.media.tumblr.com/85fce63497cb6e5b0869145f6769aa26/0563e082d5a13b09-7f/s400x600/2ec333397af2cc8a39f091e24e70d5f6ef934b48.gifv" alt="jack quaid" title="jack quaid">
<img src="https://64.media.tumblr.com/b316f702f6e144675e07f8f88be7ab63/2f9ef90f3058c312-2c/s400x600/f9ab0f37a689854947375f612c6dd2e893366d20.gifv" alt="kristine froseth" title="kristine froseth">
</div>
<script>
document.querySelectorAll('.gallery img').forEach(img => {
let tooltip;
img.addEventListener('mouseenter', e => {
tooltip = document.createElement('div');
tooltip.className = 'custom-tooltip';
tooltip.innerText = img.title;
document.body.appendChild(tooltip);
img.dataset.origTitle = img.title;
img.title = ''; // убираем стандартный tooltip
moveTooltip(e);
});
img.addEventListener('mouseleave', () => {
if (tooltip) {
tooltip.remove();
tooltip = null;
}
img.title = img.dataset.origTitle || "";
});
img.addEventListener('mousemove', moveTooltip);
function moveTooltip(e) {
if (tooltip) {
let offset = 13; // сдвиг вниз и вправо
tooltip.style.left = (e.clientX + offset) + 'px';
tooltip.style.top = (e.clientY + offset) + 'px';
}
}
});
</script>
</body>
</html>[/html]
Тема закрыта
Страница: 1
