O-uCoz.com

спонсор

Оформление списков с помощью одного пикселя

18.07.2025 просмотров 194 | комментарии 0
В сегодняшнем уроке будет рассказано, как с помощью 1 пикселя преобразить любой список.

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



Мы будем использовать тот самый пиксель для красивого оформления неупорядоченных списков.

Код HTML очень прост - только неупорядоченный список:


В CSS мы будем применять однопиксельное PNG изображение к списку, повторяя вертикально, и к элементам списка, повторяя горизонтально. Чтобы горизонтальная линия останавливалась перед элементом списка, якорю ссылки мы присваиваем белый фон.

Рубрика: CSS Теги: пикселя, одного, null, помощью, оформление, списков

Рекомендуем прочитать

Влияет ли качество HTML-кода на ранжирование?

Влияет ли качество HTML-кода на ран...

Сколько можно заработать на копирайтинге?

Сколько можно заработать на копирай...

Рип сайта LetitBit.net для uCoz

Рип сайта LetitBit.net для uCoz

Создаем шаблон многостраничного сайта. Инклуды.

Создаем шаблон многостраничного сай...

VDS хостинг

VDS хостинг

«Песочница» мешает раскрутке

«Песочница» мешает раскрутке

Шаблон для uCoz Fight Club

Шаблон для uCoz Fight Club

Какие бывают виды сайтов

Какие бывают виды сайтов

Flash часы для сайта

Flash часы для сайта

FAQ по продвижения сайтов

FAQ по продвижения сайтов

Назначение и замена релевантных страниц в поисковиках

Назначение и замена релевантных стр...

4 основных фильтра поисковой системы Google

4 основных фильтра поисковой систем...

SEO-теги, которые стоит использовать при продвижении сайта

SEO-теги, которые стоит использоват...

Часы в виде бомбы Counter Strike Source

Часы в виде бомбы Counter Strike So...

Партнерская программа как способ раскрутки сайта

Партнерская программа как способ ра...

Внутренний поиск по сайту

Внутренний поиск по сайту

Раскрывающиеся меню для uCoz

Раскрывающиеся меню для uCoz

Рекламный баннер uCoz и стоит ли платить за его отключение

Рекламный баннер uCoz и стоит ли пл...

Продвижение сайта методами непрямой рекламы

Продвижение сайта методами непрямой...

SMM на форумах, социальных сетях и блогах

SMM на форумах, социальных сетях и ...

Как очистить семантическое ядро от неэффективных ключей

Как очистить семантическое ядро от ...

Как увеличить количество комментариев на сайте. Часть 4.

Как увеличить количество комментари...

Создание сайта на перспективную тематику

Создание сайта на перспективную тем...

Dark Rational шаблон для uCoz

Dark Rational шаблон для uCoz

Обобщенная схема поискового продвижения сайта

Обобщенная схема поискового продвиж...

Как сделать сайт интересным для рекламодателя

Как сделать сайт интересным для рек...

5 типов аудитории сайта

5 типов аудитории сайта

Социальные сети, как способ увеличения трафика

Социальные сети, как способ увеличе...

Новогодняя веточка с анимацией

Новогодняя веточка с анимацией

«API Яндекс.Вебмастер»: не упустите возможности!

«API Яндекс.Вебмастер»: не упустите...

Круглое меню на CSS

Круглое меню на CSS

Как возможности Web 3.0 скажутся на дизайне?

Как возможности Web 3.0 скажутся на...

Преимущества использования готовых шаблонов uCoz

Преимущества использования готовых ...

Как выбирать шаблон для uCoz - два подхода

Как выбирать шаблон для uCoz - два ...

Основное правило выгодной контекстной рекламы

Основное правило выгодной контекстн...

Смена адреса web-ресурса

Смена адреса web-ресурса

DangDoot шаблон для uCoz

DangDoot шаблон для uCoz

Защита сайта от DDoS-атак

Защита сайта от DDoS-атак

Создание и раскрутка форума

Создание и раскрутка форума

Скрытый онлайн-маркетинг

Скрытый онлайн-маркетинг

4 недостатка табличной верстки

4 недостатка табличной верстки

Заработок в сети Интернет – файлообменные сервисы

Заработок в сети Интернет – файлооб...

4 ключевые задачи контента

4 ключевые задачи контента

Что такое релевантность страницы?

Что такое релевантность страницы?

Фотошоп онлайн

Фотошоп онлайн

«Запасной аэродром» или несколько доменов для одного сайта

«Запасной аэродром» или несколько д...

Как сделать удобный сайт? Советы Стива Круга

Как сделать удобный сайт? Советы Ст...

Бесплатен ли «бесплатный» хостинг?

Бесплатен ли «бесплатный» хостинг?

Эффективность баннеров

Эффективность баннеров

Этапы работы SEO-копирайтера

Этапы работы SEO-копирайтера

Мотор интернет-бизнеса

Мотор интернет-бизнеса

Преимущества CSS кода

Преимущества CSS кода

Фриланс - заработок на дому

Фриланс - заработок на дому

Таблица состав клана

Таблица состав клана

Меню для ucoz

Меню для ucoz

Заработок на продаже временных ссылок с сайта

Заработок на продаже временных ссыл...

10 ошибок начинающих веб-дизайнеров

10 ошибок начинающих веб-дизайнеров

Как повысить кликабельность объявлений РСЯ на своем сайте?

Как повысить кликабельность объявле...

10 ошибок начинающих веб-дизайнеров

10 ошибок начинающих веб-дизайнеров

Секреты вывода сайта в ТОП по коммерческим ВЧ-запросам

Секреты вывода сайта в ТОП по комме...

Размещение сторонней рекламы на своем сайте

Размещение сторонней рекламы на сво...

5 правил, которые позволят улучшить ранжирование

5 правил, которые позволят улучшить...

Хаки для Internet Explorer 7

Хаки для Internet Explorer 7

Тег Title – важнейший на странице

Тег Title – важнейший на странице

Как правильно оценить конкуренцию?

Как правильно оценить конкуренцию?

Как избавиться от рекламы uCoz бесплатно?

Как избавиться от рекламы uCoz бесп...

Как совместить юзабилити с поисковой оптимизацией

Как совместить юзабилити с поисково...

Признаки качественного сайта

Признаки качественного сайта

Советы по созданию интернет-магазина

Советы по созданию интернет-магазин...

Что такое сателлит?

Что такое сателлит?

3 дополнительных способа продвижения сайта

3 дополнительных способа продвижени...

SEO оптимизация сайта. Старайтесь не увязнуть в подробностях

SEO оптимизация сайта. Старайтесь н...

Просилка для входа

Просилка для входа

Улучшаем внешний вид сайта

Улучшаем внешний вид сайта

Низкочастотный – ещё не значит низкокачественный

Низкочастотный – ещё не значит низк...

Прозрачный юзербар

Прозрачный юзербар

Регистрация в системе uCoz

Регистрация в системе uCoz

Механизм раскрутки сайтов

Механизм раскрутки сайтов

Залог быстрой и успешной раскрутки сайта – его содержание

Залог быстрой и успешной раскрутки ...

Скрипт радио для сайта

Скрипт радио для сайта

Создание и настройка Sitemap

Создание и настройка Sitemap

9 методов сделать блог более удобным

9 методов сделать блог более удобны...

Веб-дизайн по философии Wabi-Sabi

Веб-дизайн по философии Wabi-Sabi

Адаптивная верстка веб-страниц

Адаптивная верстка веб-страниц

Схема продвижения регионального сайта

Схема продвижения регионального сай...

Выбор метода продвижения сайта

Выбор метода продвижения сайта

Способ заработка денег через интернет

Способ заработка денег через интерн...

Почему неоптимизированные сайты могут занимать топовые места в поиске

Почему неоптимизированные сайты мог...

Возможности специфической «скрытой» рекламы

Возможности специфической «скрытой»...

Как разработать сайт

Как разработать сайт

Ключевые слова на странице

Ключевые слова на странице

Интересные факты из истории интернета

Интересные факты из истории интерне...

Эффективные действия для ускорения индексации сайта

Эффективные действия для ускорения ...

Оптимальный уровень конверсии

Оптимальный уровень конверсии

Каким должно быть содержание блога

Каким должно быть содержание блога

Конструктор в административной панели uCoz

Конструктор в административной пане...

На какую тему сделать сайт?

На какую тему сделать сайт?

Как не надо раскручивать только что созданный сайт

Как не надо раскручивать только что...

Flash Часы - Радар

Flash Часы - Радар

HTML-код информера погоды в Москве

HTML-код информера погоды в Москве

Как увеличить количество регистраций на вашем сайте.

Как увеличить количество регистраци...

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Навигация
Горячие новости
Теги
Последние коментарии
DUMASS написал:
Спасибо за статью)
Статистика