• Однопиксельное фоновое изображение может быть достаточно универсальным в применении. С помощью repeat-x оно может стать горизонтальной линией, с помощью repeat-y – вертикальной, repeat – полностью заполнить страницу одним цветом. Кроме того, его можно использовать для стилизации... 

    Создан: 18.02.2010 | Просмотров: 1,528

  • В этом уроке мы рассмотрим способ создания двойных кавычек, при помощи тега <blockquote>. Способ заключается в применении двух фоновых изображений, одно из которых применяется к тегу <blockquote>, другое к псевдо-элементу first-letter. 1. Исходный код HTML Начнем с тега <blockquote>, предварительно... 

    Создан: 17.02.2010 | Просмотров: 1,941

  • В этом уроке Вы познакомитесь с процессом создания списка меню, используя стиль рамки или фоновое изображение. Весь фокус заключается в применении нижней границы к тегу <li> и абсолютного позиционирования всех вложенных элементов со смещением вниз. Вы с легкостью можете... 

    Создан: 16.02.2010 | Просмотров: 2,803

  • Обычно при создании эффекта растягиваемого фона с помощью CSS, мы используем изображение фиксированного размера и повторяем его по оси Х, пока не заполнится вся страница. Конечно, для того чтобы достигнуть такого результата, верхняя часть сайта (header) должна быть центрирована,... 

    Создан: 15.02.2010 | Просмотров: 4,160

  • В этом уроке я покажу Вам, как разрезать слайсы для меню и объединить их при помощи CSS. Большинство из Вас, наверное знает, как делается горизонтальное или вертикальное меню, основанное на CSS. Теперь давайте перейдем непосредственно к уроку. Вот вся необходимая графика, которая... 

    Создан: 14.02.2010 | Просмотров: 3,353

  • Взгляните на демо-версию файла, он прекрасно смотрится при разрешении монитора 1280 пикселей. Но если у вас дисплей с высоким разрешением, вы увидите фон с обрезанными краями с обеих сторон. Пример №1: Использование одного изображения (демо-версия). Для быстрого решения данной... 

    Создан: 13.02.2010 | Просмотров: 3,637

  • Набор представляет собой CSS меню для вашего сайта, в котором не используются изображения и JavaScript. Разметка для всех меню одинаковая, я лишь использовал 12 различных стилей для их оформления. Основная идея состоит в том, чтобы иметь большую ссылку для заголовка и некоторое описание... 

    Создан: 12.02.2010 | Просмотров: 2,303

  • В сегодняшнем уроке мы познакомимся с процессом создания меню, в котором используется одно изображение в качестве CSS спрайта (sprite). Это простое, но элегантное решение подойдет для большинства веб-сайтов. Конечной целью нашего урока – является создание навигационного меню,... 

    Создан: 11.02.2010 | Просмотров: 5,656

  • Хотите создавать причудливые заголовки без использования программы Photoshop? Вот простой трюк CSS, который поможет Вам создавать эффекты градиента с помощью изображения PNG. (только код CSS без использования Javascript или Flash). Все что для этого нужно, это пустой тег <span> в заголовке... 

    Создан: 10.02.2010 | Просмотров: 6,672

  • Раньше при создании макетов использовались таблицы и создание колонок одинаковых по высоте не вызывало затруднений. Все, что Вы должны были сделать, это создать три ячейки в ряд, и у Вас создавался макет с равными по высоте колонками. Способ создания равных колонок не так прост,... 

    Создан: 09.02.2010 | Просмотров: 3,573

  • Несколько лет назад, закругленные углы стали одним из основных элементов дизайна спецификации Web 2.0. Даже если они задумывались как причуда, закругленные углы более приятны глазу. Они также играют определенную роль в разделении или группировке разделов страницы. Благодаря... 

    Создан: 07.02.2010 | Просмотров: 2,029

  • Центрирование вебсайта является ключевой частью многих CSS схем расположения. Существует много способов осуществления этого, но в этом уроке я объясню как это сделать с помощью CSS. Мы избежим работы с процентами и совместим со всеми современными браузерами. Я ввел в привычку... 

    Создан: 04.02.2010 | Просмотров: 1,751

  • HTML документ представляет собой набор тегов, с помощью которых форматируется обычный текст. Тег (от английского «tag» – метка) – это специальная команда, которая сообщает браузеру, как отобразить тот или иной элемент. Так как же определить где есть тег, а где его нет? Теги... 

    Создан: 02.02.2010 | Просмотров: 1,553

Страница 1 из 11
 
 

Рубрики

Архивы

 
 

Облако меток

 
 
 
для статистики
 

Поиск

 
 

Лента RSS

 
 

Случайная новость