Простое горизонтальное CSS3 слайдер меню

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню, CSS3    Дата: 20-04-2011, 18:23
Простое горизонтальное CSS3 слайдер менюПример простого горизонтального CSS3 слайдер меню
Менюшка очень простая, это скорее не меню а демонстрация простейшего css3 слайдера.
В это простое меню вошли css3 свойства transition - css3 анимация, border-radius - скругление углов, box-shadow - тень, rgba - цвет и прозрачность одним свойством. Все эти свойства уже поддерживаются всеми современными браузерами, правда пока через хаки, но поддерживаются.
Меню реализовано маркированным списком вложенным в DIV, код меню валидный DTD XHTML 1.0 Strict
  • 100
     Просмотров: 9 551      Комментариев: 3   

Круглое css3 меню звезда

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню, Вертикальное меню, Круглое меню, CSS3    Дата: 18-04-2011, 18:45
Круглое css3 меню звездаЗамечательный пример круглого CSS3 меню
Меню реализовано простым маркированным списком с плавающими элементами списка, в основе реализации точный расчёт размеров всех картинок таким образом чтобы картинки находились строго на своих местах без применения координатного позиционирования, картинки смещаются просто отступами сверху или снизу и таким образом располагаются вокруг основной картинки восьмиконечной звезды. Очень интересная реализация, это не просто круглое меню, а замечательный пример точного математического расчёта в CSS.
  • 100
     Просмотров: 6 831      Комментариев: 1   

Новое горизонтальное lava lamp меню на jQuery 1.6.1

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню, jQuery    Дата: 11-04-2011, 18:33
Новое горизонтальное 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
  • 100
     Просмотров: 7 160      Комментариев: 3   

Простой слайдер на jQuery

Автор: Admin    Категория: Магия ЯваСкрипт / jQuery    Теги:  jQuery, слайдер    Дата: 7-04-2011, 17:50
Простой слайдер на jQueryСтильный простой слайдер на jQuery
Попался мне замечательный скрипт слайдера SexySlider v1.3. Слайдер работает с библиотекой jQuery начиная с версии 1.3, в примере я подключил jQuery 1.5 - слайдер работает замечательно. Скрипт этот платный, описания мне не попалось, поэтому берите как есть.
  • 100
     Просмотров: 10 024      Комментариев: 2   

Выезжающее CSS3 меню

Автор: Admin    Категория: Меню навигации    Теги:  Горизонтальное меню, CSS3    Дата: 6-04-2011, 15:17
Выезжающее CSS3 менюКомпактное выезжающее горизонтальное выпадающее CSS3 меню
Стильный пример CSS3 анимации свойства transition, меню реализовано в виде одной кнопки, при наведении на кнопку - вправо плавно выезжает остальная часть меню с категориями, при наведении на категорию - плавно вниз выпадает меню подкатегорий, всё просто и эффектно.
  • 100
     Просмотров: 11 300      Комментариев: 10   

Градиент для сайта в фотошопе урок

Автор: Admin    Категория: Фотошоп    Теги:  Фотошоп, Градиент    Дата: 1-04-2011, 17:20
Градиент для сайта в фотошопе урокКак сделать градиент для сайта в фотошопе + мега коллекция градиентов на все случаи жизни
Градиент - это плавный переход от одного цвета к другому. В дизайне сайта градиент это мощнейший инструмент. Я встречал много сайтов где в дизайне ну никакого графического оформления, одни скруглённые блоки с градиентным фоном картинкой и дизайн такой ни грамма не уступает навороченным, перенасышенным картинками сайтам. Дизайн с грамотно подобранными цветами градиента смотрится строго и очень стильно.
Скоро придёт время CSS3 градиента, но я уверен что CSS3 градиент не сможет полностью заменить и вытеснить градиент картинку.
  • 100
     Просмотров: 11 035      Комментариев: 0   

Блочные HTML CSS шаблоны макеты каркасы

Автор: Admin    Категория: Основы / Шаблоны    Теги:  HTML, CSS    Дата: 26-03-2011, 22:33
Блочные HTML CSS шаблоны макеты каркасы40 готовых HTML CSS Кроссбраузерных макетов шаблонов каркасов без хаков для основы блочной вёрстки сайта любой конфигурации
Самое главное при вёрстке сайта это создать или найти каркас своего будущего сайта, куда будет вложено уже всё последующее заполнение. Каркас должен быть кроссбраузерным(одинаково выглядеть во всех браузерах), лёгким, простым.
Опытному верстальщику не составит труда сверстать такой каркас, а вот у начинающих возникают серьёзные проблемы и куча вопросов типа - вроде делаю всё правильно, а не получается как хочется, то там что-то вылезет, то тут не влезет. Давным давно мне попался сайт с такими шаблонами каркасами и я решил, что нужно всё-таки оформить и выложить эти шаблоны, так как мне когда-то очень не хватало вот таких каркасов.
  • 100
     Просмотров: 17 057      Комментариев: 1   

Стильный правильный PHP редирект с таймером обратного отсчёта

Автор: Admin    Категория: Основы / Шаблоны    Теги:  Редирект    Дата: 22-03-2011, 22:32
Стильный правильный PHP редирект с таймером обратного отсчётаКак сделать правильный PHP редирект с таймером обратного отсчёта на javascript
Когда я узнал, что мой домен WebOstrovok.ru оказался вовсе и не мой - возникла необходимость срочно клонировать сайт и делать все уже правильно.
Новый сайт создан и теперь на старый нужно поставить перенаправление и оно должно быть правильным.

Проще всего переадресацию можно сделать с помощью мета тега Refresh или с помощью javascript.
Минусом переадресации тегами и javascript является то, что в случае переезда сайта, смены домена, или перемещении файлов, статья для пользователя остаётся той же, а для поисковых систем - нет. Поэтому при переезде сайта категорически нельзя использовать эти методы, так как основной сайт выпадет из результатов поиска из-за своей пустоты, а новый сайт не попадёт в результаты из-за "плагиата". Поисковые системы оценят сайт как плагиатчик и этот сайт украл содержание с вашего предыдущего сайта. Плагиатчики значительно опускаются в результатах поиска. Не делайте ошибок.
Мне захотелось сделать перенаправление пооригинальнее и покрасивее, думаю, что мне это удалось.
  • 100
     Просмотров: 16 465      Комментариев: 6   

Лента новостей
RSS 2.0

Лента новостей сайта megaweb.su

Блок программ Популярный софт

Коды блока "Популярный софт":

Фиксированный
windows-1251

код блока 1

<script type="text/javascript" src="/softblok/softblok.js" charset="windows-1251"></script>

Резиновый
windows-1251

код блока 2

<script type="text/javascript" src="/softblok/softblok2.js" charset="windows-1251"></script>

Резиновый
UTF-8

код блока 3

<script type="text/javascript" src="/softblok/softblok1.js" charset="utf-8"></script>

Глобус