Приветствие на форуме при наведении на логотип.

[baltun]

Пользователь xsasha разместил новый ресурс:

Приветствие на форуме при наведении на логотип. - Приветствие на форуме при наведении на логотип.

Правила хорошего тона это один из главных залогов успешного форума, как говорится "Относись к людям так, как хотел бы, чтобы относились к тебе" в связи с чем я сделал простое приветствие на CSS. Данный код вставляем в шаблон EXTRA.CSS

#logo {
    text-align: center;
    float: none;
}
#logo:hover::before {
    content: 'Мы рады';
    position: relative;
    top: 4px;
    pointer-events: none;
    font-family: 'CentSchbook_Win95Bt';
    font-size: 13pt;
    color: #fff;
    font-weight:...

Узнать больше об этом ресурсе...

 

[Makc]

а как сделать задний фон как у вас при наведение курсора мышки?

 

[baltun]

#logo img {
    background: #176093 linear-gradient(135deg, #176093 0%, #176093 40%, #fff 50%, #176093 60%, #176093 100%) no-repeat scroll 0 center / 400% auto;
}
#logo img:hover {
    animation: 2s ease 0s normal none 1 running light;
}
@keyframes light {
0% {
    background-position: -600px center;
}
100% {
    background-position: 0 center;
}
}

 

[Makc]

а цвет синий как убрать?

 

[baltun]

Цвет тут:

#176093 linear-gradient(135deg, #176093 0%, #176093 40%, #fff 50%, #176093 60%, #176093 100%)

#176093 - это цвет заменить на свой.

 

[Makc]

как убрать в мобильной версии?

 

[baltun]

как убрать в мобильной версии?

Заключить в эти теги код:

@media all and (max-width: 1000px) {
}