Архивы css | Страница 2 из 2 | coderistu.ru | все о создании и продвижении сайтов

текст появляющийся при наведении на картинку

10 Июл/18 10.07.2018

Текст, появляющийся при наведении курсора на картинку

Нередко заказчики просят создать на сайте эффект всплывающего текста, появляющегося при наведении курсора на картинку или рекламный баннер. Особенно часто этот приём используется в карточках товаров интернет - магазинов: когда при наведении указателя на фото товарной позиции выскакивает всплывающий блок с информацией о продукте, это выглядит очень эффектно. К тому же значительно повышает конверсию сайта, позволяя посетителю быстро ознакомиться с характеристиками представленных товаров, не "проваливаясь" в карточку.
Читать далее

11477

09 Июл/18 09.07.2018

Как подключить Bootstrap на сайт

Подключить со скачиванием библиотеки

Twitter Bootstrap - универсальный инструментарий, включающий в себя css, html и javascript- библиотеки, с помощью которых можно быстро создавать адаптивные сайты любой степени сложности.

Также Bootstrap станет отличным помощником, если у вас интернет-страница, которая нуждается в апгрейде. Интеграция устаревшего веб-портала с Bootstrap откроет огромные возможности для расширения его функционала, обновления дизайна и улучшения юзабилити.

6502

21 Июн/18 21.06.2018

Как задать css градиент в браузере Safari?

Общеизвестно, что браузер Safari от компании Apple, функционирующий на движке Webkit, немного по-другому отображает контент веб - страницы в сравнении с браузерами Opera, Mozilla Firefox и Google Chrome.

Но если с Firefox всё понятно - он разработан на движке собственного производства Gecko, то почему в браузере Safari сайт выглядит несколько иначе, чем в Opera и Chrome, так же работающих на движке Webkit?

Причина здесь кроется в небольших различиях механизмов рендеринга браузеров, отвечающих за вывод веб - страницы на экран монитора. Т. к. эта статья не о различиях в движках браузеров, то подробно на этом останавливаться не будем.

Кому интересно, можно почитать здесь.
Читать далее

5254

18 Май/18 18.05.2018

Горизонтальное css - меню для сайта

В этом примере мы создадим простое горизонтальное меню для сайта при помощи html и css.

Для этого сначала сделаем html - разметку нашего будущего меню:

<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">О нас</a></li>
<li><a href="#">Портфолио</a></li>
<li><a href="#">Статьи</a></li>
<li><a href="#">Контакты</a></li>
</ul>

Отлично. После того, как разметка готова, необходимо задать меню необходимые свойства посредством css.

Для этого пропишем следующий код:

672