Смотрите видео ниже, чтобы узнать, как установить наш сайт в качестве веб-приложения на домашнем экране.
Примечание: Эта возможность может быть недоступна в некоторых браузерах.
background: url('https://steamuserimages-a.akamaihd....terbox&imcolor=#000000&letterbox=true') center/cover no-repeat;
.userBanner.wag {
background: linear-gradient(45deg, #f00, #c00, #f00, #c00) !important;
background-size: 400% 400% !important;
animation: wagnerShimmer 3s ease-in-out infinite !important;
color: white !important;
text-align: center !important;
font-size: 14px !important;
font-weight: 500 !important;
border-radius: 8px !important;
padding: 4px 10px !important;
border: none !important;
position: relative !important;
overflow: visible !important;
box-shadow: 0 2px 8px rgba(255, 0, 0, 0.3) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 2px 4px !important;
text-shadow: 0 0 10px rgba(255, 0, 0, 0.7) !important;
letter-spacing: 1px !important;
min-height: 22px !important;
max-height: 24px !important;
line-height: 1.3 !important;
}
у меня пропала иконка из за этого не могу оформлятьВо-первых оформляйте код в блок кода, это не так трудно. Во-вторых, я не вижу в коде ни малейшего упоминания каких-либо изображений
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
padding: 4px 10px;
font-size: 14px;
font-weight: 500;
text-align: center;
color: #fff;
text-shadow: 0 0 10px rgba(255,0,0,0.7);
letter-spacing: 1px;
border-radius: 8px;
border: none;
min-height: 22px;
max-height: 24px;
line-height: 1.3;
overflow: visible;
background: linear-gradient(45deg, #f00, #c00, #f00, #c00);
background-size: 400% 400%;
animation: wagnerShimmer 3s ease-in-out infinite;
box-shadow: 0 2px 8px rgba(255,0,0,0.3);
transition: transform 0.3s ease, box-shadow 0.3s ease;
margin: 2px 4px;
}
@keyframes wagnerShimmer {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.userBanner.wag::after {
content: '';
display: inline-block;
width: 20px;
height: 20px;
margin-left: 8px;
border-radius: 50%;
border: 2px solid #fff;
background: url('https://steamuserimages-a.akamaihd.net/ugc/2017102299334556140/2850FEB3E6AA7B24685305EC7610E5BCC874983F/?imw=512&imh=619&ima=fit&impolicy=Letterbox&imcolor=#000000&letterbox=true') center/cover no-repeat;
box-shadow: 0 0 12px rgba(255,255,255,0.8), 0 0 18px rgba(255,0,0,0.6), 0 3px 6px rgba(0,0,0,0.3);
animation: wagnerPhoto 3s ease-in-out infinite;
flex-shrink: 0;
filter: brightness(1.15) contrast(1.08) saturate(1.2);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
@keyframes wagnerPhoto {
0%, 100% {
transform: scale(1) rotate(0deg);
box-shadow: 0 0 12px rgba(255,255,255,0.8),0 0 18px rgba(255,0,0,0.6),0 3px 6px rgba(0,0,0,0.3);
}
50% {
transform: scale(1.12) rotate(6deg);
box-shadow: 0 0 18px rgba(255,255,255,0.9),0 0 25px rgba(255,0,0,0.7),0 4px 8px rgba(0,0,0,0.4);
}
}
.userBanner.wag:hover {
transform: scale(1.04);
}
.userBanner.wag:hover::after {
transform: scale(1.15);
box-shadow: 0 0 18px rgba(255,255,255,0.9),0 0 25px rgba(255,0,0,0.7),0 4px 8px rgba(0,0,0,0.4);
}
@media (max-width: 768px) {
.userBanner.wag {
font-size:13px;
padding: 3px 8px;
min-height: 20px;
max-height: 22px;
}
.userBanner.wag::after {
width: 18px;
height: 18px;
margin-left: 6px;
border-width: 2px;
}
background: url('https://steamuserimages-a.akamaihd....terbox&imcolor=#000000&letterbox=true') center/cover no-repeat;
нету кнопки такой
а можно будет вставлять ссылку с сайта - https://postimages.org/ru/@vavilone, прочитайте мое сообщение выше, код оформляется в блоке кода. Насчет кода, 40 строка
Можноа можно будет вставлять ссылку с сайта - https://postimages.org/ru/
Да, все вернотогда мне нужно будет просто заменить url ссылку на свою и все, верно?