jQuery скрипт выплывающего из-за края экрана окна

jQuery дружит с плавающими окнами , которые являются отличным средством информирования пользователей о новостях сайта, либо используются для отображения формы авторизации. Да мало ли ещё для чего может быть использовано элегантно выплывающее из-за края экрана окно! Именно для этих задач мы разберем простой скрипт написанный с использованием базовых принципов CSS, HTML и естественно jQuery. Если [...]

Опубликовано 29.03.2016 в 19:46 · Автор Вебдизайнеру, сисадмину, вебмастеру · Ссылка · Комментировать нельзя
Рубрики: CSS, HTML, jQuery · Теги: , , , , , , ,

CSS HOVER изменении свойств одного элемента при наведении курсора на другой

Для изменение свойства того или иного элемента в CSS существует такой понятие как селектор :hover. Особенно широкое распространение hover приобретает когда нужно изменить свойство ссылки при наведении курсора. Например мы легко может подчеркнуть ссылку, которая по умолчанию не подчеркнута: <style> a:link, a:visited{ color: green; text-decoration:none; } a:hover{ text-decoration:underline; } </style> <a href=»http://weblomaster.ru/category/css/»>Уроки, рецепты CSS</a> При [...]

Опубликовано 12.03.2016 в 11:40 · Автор Вебдизайнеру, сисадмину, вебмастеру · Ссылка · Комментировать нельзя
Рубрики: CSS, HTML · Теги: , , , , , , , ,

jQuery прикрепленный div при скроллинге

Информационное окно, окно с  рекламой или навигацией – вот что хочется постоянно держать в поле зрения пользователей Вашего сайта. Для того чтобы закрепить div блок, как Вы возможно уже знаете, существует решение CSS: <style>div.stick{position:fixed;}</style> <div class=»stick»>Закрепленный блок</div> Но такой блок будет закреплен постоянно. А что если фиксировать div только тогда когда это нужно? Например в [...]

Опубликовано 03.04.2015 в 03:34 · Автор Вебдизайнеру, сисадмину, вебмастеру · Ссылка · Комментировать нельзя
Рубрики: HTML, JSON · Теги: , , , , , , , ,

word-spacing css форматирование текста примера

Форматирование текста – задача, которая часто стоит перед дизайнерами. Когда дело доходит до правки HTML документа, для красивого отображения текста мы, как всегда, обращаемся CSS свойствам. Сегодня речь пойдет о word-spacing. Для чего используется? Word-spacing используется в CSS для того, чтобы определить такое свойство текста , как расстояние между словами внутри HTML тега. Как (синтаксис)? [...]

Опубликовано 22.07.2014 в 13:11 · Автор Вебдизайнеру, сисадмину, вебмастеру · Ссылка · Комментировать нельзя
Рубрики: CSS, HTML · Теги: , , , , ,

CSS пробелы в названии класса, решетки в файле css и использование !important

Разбираем три типичных вопроса возникающих при работе с CSS (каскадные таблицы стилей). Во-первых, пробелы в названии класс, например <div class=»blok1 block1a block1b»>. Как прописать свойства блока в файле стилей (к пример style.css) или внутри конструкции <style></style>, если в названии класса блока стоят пробелы? На самом деле, такой вариант названия класса подразумевает не один , а [...]

Опубликовано 23.03.2014 в 23:32 · Автор Вебдизайнеру, сисадмину, вебмастеру · Ссылка · Комментировать нельзя
Рубрики: CSS, HTML · Теги: , , , , , , , , , , ,

jQuery скроллинг наверх вниз к определенному div блоку

jQuery, как Вам известно, популярная java библиотека, облегчающая жизнь веб-разработчика. jQuery – это и способ асинхронного (без перезагрузки) отображения данных, набор спецэффектов, функциональные варианты интерфейсов, меню для сайта и так далее. Сегодня мы рассматриваем интересующий многих вопрос: Как с помощью jQuery организовать скроллинг (переход к определенному элементу, тексту, перелистывание наверх, вниз HTML страницы)? Во-первых, чтобы [...]

Опубликовано 29.06.2013 в 04:12 · Автор Вебдизайнеру, сисадмину, вебмастеру · Ссылка · Комментировать нельзя
Рубрики: HTML, jQuery · Теги: , , , , , , , , , , , , , , , ,

jQuery перезагрузка div без перезагрузки страницы перезагрузка изображения

Иногда необходимо перезагрузить часть HTML страницы. Например, обновить изображение-код антиспама, на странице с формой добавления текста. Обновить DIV блок без обновления всей странице можно с помощью Ява-библиотеки -  jQuery. Первое, что нам нужно будет сделать, это, естественно, подключить сам jQuery. Библиотека jQuery может находится у Вас на сайте, либо браться непосредственно с сайта проекта jQuery. [...]

Опубликовано 11.06.2013 в 20:52 · Автор Вебдизайнеру, сисадмину, вебмастеру · Ссылка · Комментировать нельзя
Рубрики: HTML, Javascript, jQuery · Теги: , , , , ,