Статьи по css
Материалы по css
RSS для CSS|
|
По-умолчанию navbar показывает пункты меню с выравниванием по левому краю. Но обычно там же в левом углу у людей есть логотип сайта. И иногда меню очень хочется отстранить по-правее от логотипа. Вот как просто это сделать.
|
|
|
На одностраничных лендингах красиво сделать плавный переезд при нажатии на пункт меню. Вот как просто это делается в Bootstrap
|
|
|
Бывает форму поиска негде впихнуть в дизайне шапки сайта. Нужно выделить поле для ввода запроса поиска, но если этим поиском не часто пользуются, то хочется сэкономить место. Хорошим решением будет, не убирать совсем форму поиска, а оставить иконку значка поиска, при клике по которой выдвигается всё поле для введения запроса.
|
|
|
При вёрстке требуется часто выравнять блок div по горизонтали посередине внутри другого div.
|
|
|
В каких-нибудь готовых css фреймворках бывают непонятные неожиданности. Меняешь дизайн, а отступы не убираются, и всё вроде проверил, а всё равно отступ остаётся
|
|
|
placeholder - это атрибут в html5, который выводит текст внутри поля input, и этот текст исчезает, когда пользователь начинает там писать свой текст. Это нужно, например, в форме поиска, чтобы убрать текст подсказки внутри неё при клике по ней.
|
|
|
Как выровнять картинку посередине в Bootstrap.
|
|
|
Делаем подмену текста при наведении мышью.
|
|
|
Иногда требуется сделать прилипающее к верху сайта меню. Начальное положение блока меню может быть любым, необязательно в самом верху страницы. Но при прокрутке вниз, это меню должно остаться прилипшим сверху.
|
|
|
Логотип оказался на самом изображении в хедере сайта. Сделать весь верх ссылкой на главную страницу как-то неправильно. Текст тоже особо не впишется. Делаем просто область поверх хедера, которая наслаивается на то место, где представлен логотип на основной большой картинке в шапке.
|
Календарь