Загрузка
Загрузка
Пока я творю, я живу!
Блог посвящен: HTML, CSS, PHP, Wordpress, Bootstrap
Всем привет! В сегодняшнем уроке вы научитесь создавать всплывающие подсказки. Используя Bootstrap, вы сможете с легкостью сделать этот эффект. А что это за эффект, рассказываю уже прямо сейчас. Припустим, на сайте есть ссылка или кнопки. При наведении на них всплывает маленькая подсказка с левой, с правой, с нижней или с верхней стороны. У вас, наверное, […]
bootstrap, основы
Всем привет! В сегодняшнем уроке вы научитесь создавать слайдер (карусель) для ваших сайтов на известном фреймворке Twitter Boostrap 3. Слайдер (карусель) – это циклическая смена изображений или текста, или проще говоря – слайд-шоу. В Boostrap 3 есть подготовленный код со всеми необходимыми стилями. За 5 минут у вас на сайте будет готовый слайдер, плюс ко […]
bootstrap, основы
Всем привет! В сегодняшнем уроке вы научитесь быстро создавать модальные окна. Их еще называют всплывающие окна. В эти окна я в основном добавляю формы обратной связи или регистрацию. Пользователь видит кнопку «Написать автору». При нажатии на эту кнопку, ему откроется всплывающее окно с формой. Красивый эффект с готовыми стилями и кодом. Вам только нужно будет […]
bootstrap, основы
Всем привет! В сегодняшнем уроке вы научитесь делать уведомления на сайте, используя различные штучки от bootstrap 3. Почему я решил внести в уроки тему «Уведомление для веб-страниц»? Это необычные уведомления, они способны закрываться, стоит только пользователю нажать на соответствующий значок закрыть «Х». Начну с оформления. Оформление уведомления. Здесь уже подобраны все необходимые стили с цветом, […]
bootstrap, основы
Всем привет! На сегодняшнем уроке вы научитесь работать с изображением (картинкой) в bootstrap 3, а именно, делать изображение адаптивным, выравнивать по левому, правому краях или по центру, придавать картинке другую форму. Начнем с адаптации. Как сделать изображение (картинка) адаптивным Чтобы сделать картинку адаптивной, добавьте к изображению (к тегу img) класс «img-responsive»: К картинке будут применены […]
bootstrap, основы
