Сегодня хочу рассказать и показать на нескольких примерах, как можно оформить блоки, с какой либо информацией на страницах Ваших сайтов. Давайте рассмотрим пять простейших методов стилизации блоков. Эти методы включают оформление как с использованием фоновых изображений, так и без них, при помощи чистых стилей CSS. Существует множество решений стилистики блоков с фоном. Не все они…
css
Еще немного стилей для цитат
Проблем с оформлением и выводом цитат, на сегодняшний день не существует в принципе. Можно настроить внешний вид блока с текстом как угодно, все зависит от фантазии автора. С помощью таблиц каскадных стилей CSS и новых стандартов в CSS3, возможности для вдохновения практически безграничны. Но не у всех есть склонности и желание фантазировать, вот как раз…
Всплывающие подсказки к ссылкам с помощью CSS
В сегодняшней статье, продолжим рассмотрение способов вывода подсказок к ссылкам. На этот раз научимся делать всплывающие подсказки к ссылкам, используя только CSS. Опять же как всегда, для просмотра того что мы получим в результате ,просто перейдите на страницу демонстрации, и если вам понравился вид подсказки , смело приступайте к ее изготовлению. Смотреть Демо…
Подсказка к ссылке с фоном с помощью CSS и Javascript
При создании сайта часто возникает необходимость в том чтобы отображались подсказки к ссылкам при наведении на них. Это не прихоть создателей, это порой необходимость, призванная улучшить обзор страниц и облегчить пользователям поиск нужной информации на сайте. Представляю вашему вниманию отличное решение по созданию подсказки к ссылкам с помощью таблиц каскадных стилей CSS и небольшого Javascript:…
Блоки с закругленными углами без использования изображений
Давайте рассмотрим способ создания и вывода блока на страницах сайта, не прибегая к использованию ни одного графического изображения. В этом варианте каждый пиксель угла прорисовывается с помощью CSS.Тем самым уменьшается время загрузки страницы, да и редактировать параметры выводимого блока довольно просто. Посмотрите как будет выглядеть выводимый блок на примере: Смотреть Демо Теперь как…