Sitealert, хм, а как рисунок уместить по высоте?
Не все края скругляются. Кто-то может помочь?
silicoid, точно, почти заработало, но все-таки не до конца. У некоторых изображений не все углы скругляются почему-то...
Зачем показывать, как выглядят мои вопросы со стороны?.. То есть, я тут пишу, чтобы мне показали, как выглядят мои вопросы со стороны?
Еще раз говорю - да, проект для меня сложный, пытаюсь совмещать почти всё (хотя бы художник есть).
Можете помочь мне - прекрасно, не можете - хорошо.
Зря смеетесь, кстати. Такие вопросы вполне могут быть в дальнейшем.
Не нужно насмехаться. Не все вебмастера знают CSS и HTML и не всем заказчикам нужны уникальный дизайн и верстка.
Я начинал с простеньких сайтов, но кто же знал, что попадется такой требовательный заказчик.
Тем не менее, пытаюсь вытягивать - делаю, что в моих силах. Иногда спрашиваю на форумах.
Не волнуйтесь, надеюсь сменить род деятельности - хочется что-то руками делать, мебель, возможно.
p.s. не поверите, но вчера владелец сайта спрашивал, стоит ли пройти курс по HTML. Я ему ответил, что не помешает и CSS еще хорошо бы.
Всем доброго дня! Приподниму тему. Заказчику все-таки понадобилась эта полоска на сайте, я её разместил. Но еще нужны иконки соцсетей, как на скрине.
Их можно разместить в этом коде? Или отдельный div делать?
Применил плагин Twenty20 Image Before-After
Код Samail'а прекрасно работает, спасибо.
altezzik, не понимаю, как это возможно?
Работающий код на этом сайте (нашел где-то в интернете):
Применяемый стиль (в нем указаны статичная картинка):
Как привязать к этому активирование анимации при наведении на какую-либо ссылку в блоках?
Анимацию сделал при наведении на картинку. А можно сделать воспроизведение анимации при наведении на какую либо ссылку в блоке?
Sitealert, хм, а как рисунок уместить по высоте?
Не все края скругляются. Кто-то может помочь?
silicoid, точно, почти заработало, но все-таки не до конца. У некоторых изображений не все углы скругляются почему-то...
просто хотел показать как выглядят ваши вопросы со стороны.
Зачем показывать, как выглядят мои вопросы со стороны?.. То есть, я тут пишу, чтобы мне показали, как выглядят мои вопросы со стороны?
Еще раз говорю - да, проект для меня сложный, пытаюсь совмещать почти всё (хотя бы художник есть).
Можете помочь мне - прекрасно, не можете - хорошо.
Зря смеетесь, кстати. Такие вопросы вполне могут быть в дальнейшем.
вы сами то кто по роду деятельности? типа вебмастер?
Не нужно насмехаться. Не все вебмастера знают CSS и HTML и не всем заказчикам нужны уникальный дизайн и верстка.
Я начинал с простеньких сайтов, но кто же знал, что попадется такой требовательный заказчик.
Тем не менее, пытаюсь вытягивать - делаю, что в моих силах. Иногда спрашиваю на форумах.
Не волнуйтесь, надеюсь сменить род деятельности - хочется что-то руками делать, мебель, возможно.
p.s. не поверите, но вчера владелец сайта спрашивал, стоит ли пройти курс по HTML. Я ему ответил, что не помешает и CSS еще хорошо бы.
Всем доброго дня! Приподниму тему. Заказчику все-таки понадобилась эта полоска на сайте, я её разместил. Но еще нужны иконки соцсетей, как на скрине.
Их можно разместить в этом коде? Или отдельный div делать?
<ul style="float: right;">
<li style="display: inline-block;"><a href="https://www.stomatologplus-vrn.ru/vakansii/" style="color: black;">Вакансии</a></li>
<li style="display: inline-block; padding-left: 15px"><a href="https://www.stomatologplus-vrn.ru/diskontnye-karty/" style="color: black;">Дисконтные карты</a></li>
<li style="display: inline-block; padding-left: 15px;"><a href="https://www.stomatologplus-vrn.ru/litsenzii/" style="color: black;">Лицензии</a></li>
</ul>
</header>
Применил плагин Twenty20 Image Before-After
Код Samail'а прекрасно работает, спасибо.
altezzik, не понимаю, как это возможно?
Работающий код на этом сайте (нашел где-то в интернете):
<center><div class="blok"><a class="gif2"><img src="https://www.stomatologplus-vrn.ru/wp-content/uploads/2019/04/333.gif" alt="" /></a></div></center>
Применяемый стиль (в нем указаны статичная картинка):
display:block; /* Устанавливаем */
width:88px; /* Ширина и высота картинки */
height:88px;
background:url('https://www.stomatologplus-vrn.ru/wp-content/uploads/2019/04/2.png') no-repeat; /* Заливаем блок статичной картинкой */
}
/* Как видно, начальное (статическое) изображение задано как фон блока с шириной и высотой этого изображения. */
a.gif2 img {
visibility:hidden; /* Aнимация не была видна в ситуации, когда мышь не наведена */
}
a.gif2:hover {
background:none; /* Фон (статичное изображение) не было видно при наведении мыши */
}
a.gif2:hover img {
visibility:visible; /* При наведении анимация показывается */
border:0; /* без обрамления ;) */
}
Как привязать к этому активирование анимации при наведении на какую-либо ссылку в блоках?
Анимацию сделал при наведении на картинку. А можно сделать воспроизведение анимации при наведении на какую либо ссылку в блоке?