Простое горизонтальное CSS3 слайдер меню
Пример простого горизонтального CSS3 слайдер меню
Менюшка очень простая, это скорее не меню а демонстрация простейшего css3 слайдера.
В это простое меню вошли css3 свойства transition - css3 анимация, border-radius - скругление углов, box-shadow - тень, rgba - цвет и прозрачность одним свойством. Все эти свойства уже поддерживаются всеми современными браузерами, правда пока через хаки, но поддерживаются.
Меню реализовано маркированным списком вложенным в DIV, код меню валидный DTD XHTML 1.0 Strict
Менюшка очень простая, это скорее не меню а демонстрация простейшего css3 слайдера.
В это простое меню вошли css3 свойства transition - css3 анимация, border-radius - скругление углов, box-shadow - тень, rgba - цвет и прозрачность одним свойством. Все эти свойства уже поддерживаются всеми современными браузерами, правда пока через хаки, но поддерживаются.
Меню реализовано маркированным списком вложенным в DIV, код меню валидный DTD XHTML 1.0 Strict
Круглое css3 меню звезда
Автор: Admin Категория: Меню навигации Теги: Горизонтальное меню, Вертикальное меню, Круглое меню, CSS3 Дата: 18-04-2011, 18:45
Замечательный пример круглого CSS3 меню
Меню реализовано простым маркированным списком с плавающими элементами списка, в основе реализации точный расчёт размеров всех картинок таким образом чтобы картинки находились строго на своих местах без применения координатного позиционирования, картинки смещаются просто отступами сверху или снизу и таким образом располагаются вокруг основной картинки восьмиконечной звезды. Очень интересная реализация, это не просто круглое меню, а замечательный пример точного математического расчёта в CSS.
Меню реализовано простым маркированным списком с плавающими элементами списка, в основе реализации точный расчёт размеров всех картинок таким образом чтобы картинки находились строго на своих местах без применения координатного позиционирования, картинки смещаются просто отступами сверху или снизу и таким образом располагаются вокруг основной картинки восьмиконечной звезды. Очень интересная реализация, это не просто круглое меню, а замечательный пример точного математического расчёта в CSS.
Новое горизонтальное lava lamp меню на jQuery 1.6.1
Как сделать горизонтальное lava lamp меню на jQuery 1.6.1
Новый скрипт меню, использующий понравившийся многим lava lamp эффект, это пожалуй самая простая и удобная реализация lava lamp эффекта.
Скрипт меню работает совместно с библиотекой jQuery 1.6.1, меню реализовано простым маркированным списком и корректно работает во всех современных браузерах, код меню валидный DTD XHTML 1.0 Strict
Новый скрипт меню, использующий понравившийся многим lava lamp эффект, это пожалуй самая простая и удобная реализация lava lamp эффекта.
Скрипт меню работает совместно с библиотекой jQuery 1.6.1, меню реализовано простым маркированным списком и корректно работает во всех современных браузерах, код меню валидный DTD XHTML 1.0 Strict
Простой слайдер на jQuery
Стильный простой слайдер на jQuery
Попался мне замечательный скрипт слайдера SexySlider v1.3. Слайдер работает с библиотекой jQuery начиная с версии 1.3, в примере я подключил jQuery 1.5 - слайдер работает замечательно. Скрипт этот платный, описания мне не попалось, поэтому берите как есть.
Попался мне замечательный скрипт слайдера SexySlider v1.3. Слайдер работает с библиотекой jQuery начиная с версии 1.3, в примере я подключил jQuery 1.5 - слайдер работает замечательно. Скрипт этот платный, описания мне не попалось, поэтому берите как есть.
Выезжающее CSS3 меню
Компактное выезжающее горизонтальное выпадающее CSS3 меню
Стильный пример CSS3 анимации свойства transition, меню реализовано в виде одной кнопки, при наведении на кнопку - вправо плавно выезжает остальная часть меню с категориями, при наведении на категорию - плавно вниз выпадает меню подкатегорий, всё просто и эффектно.
Стильный пример CSS3 анимации свойства transition, меню реализовано в виде одной кнопки, при наведении на кнопку - вправо плавно выезжает остальная часть меню с категориями, при наведении на категорию - плавно вниз выпадает меню подкатегорий, всё просто и эффектно.
Градиент для сайта в фотошопе урок
Как сделать градиент для сайта в фотошопе + мега коллекция градиентов на все случаи жизни
Градиент - это плавный переход от одного цвета к другому. В дизайне сайта градиент это мощнейший инструмент. Я встречал много сайтов где в дизайне ну никакого графического оформления, одни скруглённые блоки с градиентным фоном картинкой и дизайн такой ни грамма не уступает навороченным, перенасышенным картинками сайтам. Дизайн с грамотно подобранными цветами градиента смотрится строго и очень стильно.
Скоро придёт время CSS3 градиента, но я уверен что CSS3 градиент не сможет полностью заменить и вытеснить градиент картинку.
Градиент - это плавный переход от одного цвета к другому. В дизайне сайта градиент это мощнейший инструмент. Я встречал много сайтов где в дизайне ну никакого графического оформления, одни скруглённые блоки с градиентным фоном картинкой и дизайн такой ни грамма не уступает навороченным, перенасышенным картинками сайтам. Дизайн с грамотно подобранными цветами градиента смотрится строго и очень стильно.
Скоро придёт время CSS3 градиента, но я уверен что CSS3 градиент не сможет полностью заменить и вытеснить градиент картинку.
Блочные HTML CSS шаблоны макеты каркасы
40 готовых HTML CSS Кроссбраузерных макетов шаблонов каркасов без хаков для основы блочной вёрстки сайта любой конфигурации
Самое главное при вёрстке сайта это создать или найти каркас своего будущего сайта, куда будет вложено уже всё последующее заполнение. Каркас должен быть кроссбраузерным(одинаково выглядеть во всех браузерах), лёгким, простым.
Опытному верстальщику не составит труда сверстать такой каркас, а вот у начинающих возникают серьёзные проблемы и куча вопросов типа - вроде делаю всё правильно, а не получается как хочется, то там что-то вылезет, то тут не влезет. Давным давно мне попался сайт с такими шаблонами каркасами и я решил, что нужно всё-таки оформить и выложить эти шаблоны, так как мне когда-то очень не хватало вот таких каркасов.
Самое главное при вёрстке сайта это создать или найти каркас своего будущего сайта, куда будет вложено уже всё последующее заполнение. Каркас должен быть кроссбраузерным(одинаково выглядеть во всех браузерах), лёгким, простым.
Опытному верстальщику не составит труда сверстать такой каркас, а вот у начинающих возникают серьёзные проблемы и куча вопросов типа - вроде делаю всё правильно, а не получается как хочется, то там что-то вылезет, то тут не влезет. Давным давно мне попался сайт с такими шаблонами каркасами и я решил, что нужно всё-таки оформить и выложить эти шаблоны, так как мне когда-то очень не хватало вот таких каркасов.
Стильный правильный PHP редирект с таймером обратного отсчёта
Как сделать правильный PHP редирект с таймером обратного отсчёта на javascript
Когда я узнал, что мой домен WebOstrovok.ru оказался вовсе и не мой - возникла необходимость срочно клонировать сайт и делать все уже правильно.
Новый сайт создан и теперь на старый нужно поставить перенаправление и оно должно быть правильным.
Проще всего переадресацию можно сделать с помощью мета тега Refresh или с помощью javascript.
Минусом переадресации тегами и javascript является то, что в случае переезда сайта, смены домена, или перемещении файлов, статья для пользователя остаётся той же, а для поисковых систем - нет. Поэтому при переезде сайта категорически нельзя использовать эти методы, так как основной сайт выпадет из результатов поиска из-за своей пустоты, а новый сайт не попадёт в результаты из-за "плагиата". Поисковые системы оценят сайт как плагиатчик и этот сайт украл содержание с вашего предыдущего сайта. Плагиатчики значительно опускаются в результатах поиска. Не делайте ошибок.
Мне захотелось сделать перенаправление пооригинальнее и покрасивее, думаю, что мне это удалось.
Когда я узнал, что мой домен WebOstrovok.ru оказался вовсе и не мой - возникла необходимость срочно клонировать сайт и делать все уже правильно.
Новый сайт создан и теперь на старый нужно поставить перенаправление и оно должно быть правильным.
Проще всего переадресацию можно сделать с помощью мета тега Refresh или с помощью javascript.
Минусом переадресации тегами и javascript является то, что в случае переезда сайта, смены домена, или перемещении файлов, статья для пользователя остаётся той же, а для поисковых систем - нет. Поэтому при переезде сайта категорически нельзя использовать эти методы, так как основной сайт выпадет из результатов поиска из-за своей пустоты, а новый сайт не попадёт в результаты из-за "плагиата". Поисковые системы оценят сайт как плагиатчик и этот сайт украл содержание с вашего предыдущего сайта. Плагиатчики значительно опускаются в результатах поиска. Не делайте ошибок.
Мне захотелось сделать перенаправление пооригинальнее и покрасивее, думаю, что мне это удалось.