Кроссбраузерный CSS градиент

Опубликовано: 6 Апрель 2012Рубрика: Сервисы

Атрибут CSS градиента существует уже около четырёх лет, но редко используется из-за несовместимости с некоторыми браузерами, которые, в свою очередь, постоянно совершенствуясь, дают всё больше мотивации использовать в стилизации HTML-страниц новые технологии. В этой статье я покажу как применить CSS градиент, чтобы он был виден в основных браузерах, таких как: IE, Firefox 3.6+, Opera 11.1+, Safari и Chrome. И расскажу о сервисе, с помощью которого можно генерировать кроссбраузерный CSS градиент. Подробнее »

Украсить рейтинг ссылок

Опубликовано: 9 Ноябрь 2010Рубрика: Хаки и секреты WordPress

Рейтинг ссылокСегодня мы осуществим, часто упускаемую из виду, особенность админ панели WordPress, назначения и отображения на страницах сайта рейтингов ссылок. Цель данного урока является создание системы рейтинга, основы которой будут заложены в панели управления. Рейтинг будет выводиться на экран в пятизвездочном формате. Но количество звёзд можно изменить или вообще сделать так, чтобы вместо них появлялся какой-нибудь другой значок.

Такая система поможет оказать больше внимания пользователей на Ваши любимые ссылки, и пусть читатели знают, на которые из них стоит потратить время. Да и для украшения самих ссылок это не помешает. Подробнее »

Интеграция вкладок jQuery в WordPressДанный пост является продолжением статьи о вкладках jQuery, в которой описан процесс их создания более подробно. Здесь же Вы узнаете как можно установить вкладки в широко известный блог WordPress. На самом деле в интеграции нет ничего сложного. Просто, нужно кое-что изменить в HTML разметке. Останавливаться на стилях CSS и jQuery я не буду. Увидеть, взять, а в дальнейшем, если захотите, применить их, Вы сможете, прочитав предыдущий пример. Вот как всё будет выглядеть после некоторых преобразований: Подробнее »

Вкладки jQuery

Опубликовано: 4 Ноябрь 2010Рубрика: Технологии jQuery

Вкладки jQueryОдна из самых больших проблем веб дизайнеров, компактное размещение информации на странице сайта без потери удобства пользования. Применение вкладок jQuery, отличный способ справиться с этой проблемой и широко используется в блогах в последнее время. Сегодня мы создадим небольшие информационные HTML окна, которые будут появляться на страницах сайта при нажатии на определённую вкладку. Мы достигнем такого эффекта с помощью технологии jQuery.

Вы можете сами посмотреть, что у нас в итоге выйдет или скачать здесь. Обычно данная панель устанавливается в боковой части страницы, но применив фантазию можно выйти за эти рамки. Итак, перейдём к построению вкладок. Подробнее »

Бесплатные иконки

Опубликовано: 20 Октябрь 2010Рубрика: Дизайн

Бесплатные иконкиХочу поделиться с Вами иконками. Иконки, как Вы уже поняли, абсолютно бесплатны, можете использовать их где угодно и как угодно. Всего, в zip файле, собрано 128 иконок, доступный размер 48х48px, суммарный объем папки 664кб. Подробнее »

Создать треугольник с помощью CSS

Опубликовано: 8 Октябрь 2010Рубрика: Дизайн

ТреугольникЯ видел много разных способов создания обычного треугольника. Начиная, с простых изображений, созданных на photoshop, заканчивая php и javascript. Почему треугольник? Потому что эта фигура используется чаще других на сайтах. Хотя бы как элемент навигации. Хочу показать Вам ещё один метод того как можно нарисовать треугольник с помощью таблиц стилей CSS, не прибегая к громоздким кодам.

Мы используем такой атрибут CSS как border (граница), а вывод на экран монитора будет осуществляться при помощи тега <div> Принцип действия такой: одной стороне границы контейнера <div> будет присвоен выбранный Вами цвет стрелки и нужный размер, а остальные стороны останутся прозрачными. Для демонстрации, я привел пример того что у нас получится и соответствующий код: Подробнее »

Наверх