postPR.ru » Облако тегов » CSS-вёрстки

    Дешевый хостинг



 

3D метки на CSS3

Автор: n1dev | Дата: 30-05-2013 в 17:11 | Просмотров: 361 | Комментариев: 0



Метки (или тэги, кто как их называет) обычно используются на разных блогах или новостных ресурсах для улучшения SEO-показателей сайта, сегодня мы создадим красивые 3D метки с помощью CSS3.
Будем использовать свойства:
box-shadow – для того, чтобы создать эффект кнопок
text-shadow – для эффекта рельефности текста, вдавленности его в кнопку
border-radius – для небольшого скругления углов
TML-разметка

Что нам понадобиться? Главный контейнер и список . Элементами списка как раз будут наши метки. Внутри каждого элемента будет ссылка . Структура элементарная.

Категория: Дизайн и креатив

 

Резиновая вёрстка: используем отрицательные поля

Автор: nexus | Дата: 25-10-2011 в 14:46 | Просмотров: 779 | Комментариев: 0



Резиновая вёрстка: используем отрицательные поля
Я недавно столкнулся с задачей, в которой надо было создать двухколоночный макет страницы с "шапкой" и "подвалом", причём в коде страницы контент должен был быть расположен перед блоком боковой колонки. Я решил воспользоваться возможностью продемонстрировать малоизвестный приём CSS-вёрстки: отрицательные поля (negative margins). Отрицательные поля позволяют нам сместить область контента за границы окна браузера, освободив место для боковой колонки.

Категория: Создание и разработка