Оригинальность данного вида превью в том, что при наведении на элемент, в котором находятся все мини изображения, в данном случае – таблицу, у всех превью появляется название. А при наведении на конкретные изображения, они сдвигаются так, чтобы была видна верхняя часть картинок. Вы можете посмотреть демонстрационный пример, чтобы описание прояснилось...

06.04.2011

Это очень красивое черное горизонтальное меню, которое подойдет для сайта любого цвета и любой тематики. Основное преимущество, наверняка, заключается в том, что данное меню сделано в стиле WEB 2.0, и выделенные пункты в меню округленные. Такое горизонтальное меню не сложно установить на сайт: достаточно скопировать код стиля в свой CSS, а потом вставить на странице код самого меню с ссылками. К выделенному пункту применяется специальный класс, т.е. Вы можете показ...

20.07.2011

Существует такой сервис, на котором можно создать загрузку для сайта, но без использования изображений. Есть такие сайты, которые совсем не используют изображения, лишь позволяют себе иногда использовать скриншоты. Генератор загрузки для сайта на CSS – это, разумеется, сайт на иностранном языке, но все-таки сразу понятно, что нужно делать. Генератор не создаст индикатора, который высчитывает процент загрузки, здесь создается анимация...

11.10.2011

Сама идея CSS вкладок – не новшество, но все-таки не всем известно как делается такое волшебство. Почему это функциональные CSS вкладки? Дело в том, что здесь не используются якоря и не существует никакой подгрузки контента и нет релоада страницы. Чтобы посмотреть сие чудо и воспользоваться кодом, достаточно скачать архив. Также необходимый код находится ниже. Кстати, самое главное то, что вкладки созданы при использовании радиокнопок. Результат проверен, работа...

12.10.2011

Задумайтесь, где Вы видели, чтобы заголовки новостей или же наименования блоков были повернуты на 90 градусов? Ладно, где-то возможно было такое, но, скорее всего, это были только изображения, да и сам текст, возможно, не был повернут. На CSS существуют параметры, позволяющие поворачивать контент так, как мы хотим, т.е. создается поворот текста на CSS. Опять-таки появляются проблемы с крроссбраузерностью. Что же делать? Как создать боковые заголовки? Помо...

12.10.2011

Предлагаемое решение не ново, да и тень для блока можно будет сделать только слишком простую, однообразную. CSS3 здесь и не пахнет. Использовать CSS атрибут «box-shadow» использовать гораздо удобнее, но до сих пор этот параметр поддерживается не всеми браузерами. Приходится делать тень без box-shadow, чтобы добиться кроссбраузерности. На самом деле, методов без использований изображений множество. На данной странице Вы увидите пример простого DIV блока, влож...

29.10.2011

Спасибо за то, что CSS3 есть. Некоторые веб-дизайнеры уже отказались от использования изображений в дизайне, они используют средства CSS3: округления, тени, градиенты и т.д. Красивая форма поиска, построенная на CSS3, не использует никаких вспомогательных плагинов и не использует изображений. Естественно, старые браузеры не будут воспринимать свойства CSS3, но все же оформление останется приемлемым. При просмотре конечного варианта в разных ...

01.12.2011

Здесь Вы можете увидеть анимированное слайдшоу, созданное с использованием только CSS3. Следует отметить то, что слайдшоу не будет работать в браузерах, не поддерживающих CSS анимацию. Естественно, самой хорошей платформой для проверки будет Google Chrome, ну, или же браузер Safari...

21.01.2012