Оформление маркированного списка в HTML картинками топик-ссылка

Здравствуйте, друзья. Иногда полезно возвращаться к основам HTML, чтобы освежить память и проверить не забыли ли что-нибудь. И в этой статье речь пойдет про оформление маркированного списка, а если более конкретно, то попробуем сделать маркеры списка картинками. Да, именно так. Все эти кружочки и квадратики нас вовсе не интересуют, будем оформлять свои списки красиво. И для этого есть 3 способа оформления. Начнем по порядку.

Стопка фотографий на CSS3


Здравствуйте, сегодня хотел бы осветить довольно интересный урок, затрагивающий псевдо-элементы ":before" и ":after" в CSS. Что мы с вами сделаем: мы «нарисуем» кодом элементы для фотографий, имитирующие эффект стопок, смысл виден на картинке выше.
Читаю дальше...

Представление продукта в 3D кубе с помощью CSS 3D Transform топик-ссылка

Есть много способов представления информации о продукте, например, при наведении курсора на изображение, текст о продукте скользит в разные стороны или даже куда-то уплывает. В этом уроке я собираюсь рассказать Вам о том, как показать информацию о продукте в кубе с использованием CSS3 3D Transform.

Генератор CSSLoad — анимационная загрузка без img и flash топик-ссылка

Вам нужен красивый интересный загрузчик, воспользуйтесь flash? Нет? Тогда, может быть gif анимация? Нет!? А я знаю, что вам нужно! CSS! Если не знаете, как это поставить на свой сайт, вам поможет сервис о котором пойдет речь в этом посте. У сервиса CSSLoad.net есть два вида предлагаемых анимаций: Графическая и Текстовая. Начнем с первой. Да, у сервиса присутствует русский интерфейс, что не может не радовать нас.

Блог Алексея Чваркова

Блог Алексея Чваркова на тему веб програмирования доступен по адресу chvarkov.ru. А также о seo оптимизации, cms системах, хостингах, моетизации сайта и html, css, javascript уроки.

Layerstyles — пишем CSS ползунками топик-ссылка

Хотели бы вы, чтобы те стили, которые вы задаете в Photoshop перекочевали в CSS? Думаю, что это риторический вопрос, который я не много не правильно задал. Речь в этом посте пойдет не о стилях фотошопа, а о сервисе, который копирует функционал настройки стилей фотошопа. Сервис Layerstyles — это находка для веб-мастера, это один из тех генераторов CSS, которые верстальщик будет использовать постоянно. И сейчас я вам это докажу.

Создание рамки вокруг изображений с использованием CSS топик-ссылка

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

Всплывающие картинки при наведении на ссылку топик-ссылка

Здравствуйте, друзья! На моем блоге уже есть информация о всплывающих подсказках на CSS, но сегодня будем делать еще более интересный эффект, это всплывающие картинки при наведении курсора. Этот эффект имеет достаточно широкое применение, но я все чаще замечаю подобное на интернет-магазинах, где при наведении на название товара, появляется его изображение или же увеличение картинки при наведении.

Самостоятельное изменение цвета шрифта на сайте.

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

Создаем rank-индикатор на сайте с помощью CSS + jQuery

Создаем rank-индикатор на сайте с помощью CSS + jQueryВ этой статье я хочу описать, как можно создать простой rank-индикатор для отображения состояния или степени каких-либо данных, например отобразить достоверность или соответствие найденных в поиске данных определенным критериям. Полоска индикатор будет отображать, можно ли доверять найденным данным и какая степень доверия(или рейтинг). Примером может служить Alexa Rank в результатах поиска google. Уровень индикатора Alexa Rank отображает процент от текущего рейтинга сайта, поделенного на общий размер рейтинга.
Читать далее →