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 · Теги: , , , , , , , ,

getElementsByClassName Идентификация элемента HTML по имени класса CSS

Распространенной задачей при написании JavaScript является выделение(поиск) нужных Вам элементов HTML – или проще говоря – тегов с заданным свойством. Часто таким свойством , выделяющим элемент среди сородичей, является значение ID. Как например : id=»myTag» В отличие от идентификации тегов по их ID: <div id=»myTag»> Интересующий нас блок </div> Поиск нужного блока по названию класса [...]

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

Выпадающее меню с помощью CSS стилей без javascript

Чаще всего, когда Вебмастер хочет установить на сайт выпадающее, раскрывающееся меню (drop down menu), он начинает искать решение на javascript , dhtml или возможно что-то ещё более экзотическое. Не будет подвергать сомнению функционал и мощность JAVASCRIPT . Но тем не менее с силой приходит и ответственность. Javascript нагружает браузер, а тот, в свою очередь, нагружает [...]

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

CSS стили для Internet Explorer для ie6 разделение браузеров

Современные браузеры все , в той или иной мере, одинаково поддерживают каскадные таблицы стилей. Какой браузер выделяется из плеяды актуальных браузеров, так это Internet Explorer, производства компании Microsoft. Веб дизайнеру постоянно приходится что-то дописывать персонально для IE. По-этому, рано или поздно, возникает вопрос : как дополнить стандартные инструкции CSS , инструкциями адресованными непосредственно к Internet Explorer? [...]

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

jQuery Всплывающее окно затемнение фона

Когда мы беремся создать информационное окно , всплывающее при нажатие на ссылку или другой элемент HTML страницы, хочется сделать этот приём наиболее наглядным и эффектным. Когда речь идет о наглядности, зрелищности и эффективности, есть смысл обратится к jQuery. Итак , сегодня мы создадим плавающее окно – div с эффектом затемнения остального содержания страницы. Наш рецепт [...]

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

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

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

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