все самое интересное о веб-дизайне

Как оформить группу В Контакте с закрепленным верхним меню под новый дизайн ВК

24-10-2016

Оформление группы ВконтактеСегодня мы опять возвращаемся к теме оформления групп В Контакте. Ранее мы уже научились делать графическое раскрывающееся меню. Сегодня мы будем учиться делать графическое меню с закрепленным верхним баннером и ссылкой на внутреннюю страницу с пунктам расширенного меню. В общем то, на внутренней странице может быть любая информация. Особенно удобно там располагать, например каталоги с ассортиментом продукции. И у раскрывающегося меню и у закрепленного меню есть свои плюсы и минусы. Основной минус раскрывающегося меню — то, что он по умолчанию находится в закрытом состоянии. Но зато на нем можно разместить сразу несколько ссылок.

Возвращаем прежний дизайн ВКонтакта с помощью расширения для браузера Chrome

02-09-2016

После недавнего изменения дизайна Вконтакте многие пользователи ратовали за возврат прежнего дизайна. Понятно, что отката к прежнему варианту уже не будет, но возможно настроить интерфейс соцсети именно под себя, убрав или видоизменив наиболее раздражающие факторы. Для этого мы воспользуемся специальным расширением Stylebot для браузера Google Chrome. Это расширение разработано достаточно давно и служит для пользовательской настройки стилей любого сайта, просматриваемого в браузере. Что мы сделаем: вернем белый цвет фона, вернем старый логотип ВКонтакта, уберём иконки из левого верхнего меню, уберём скругления аватарок, отключим фиксацию блоков, вернём кнопку «Нравится» на привычное место и слегка приподнимем поле ввода сообщений. Итого семь изменений.

Как Вконтакте создать динамическое меню с эффектом навигации

21-03-2016

Динамическое меню с эффектом навигации В КонтактеМногочисленные просьбы моих настойчивых читателей и просто любознательных пользователей возымели свое действие. Я наконец то создала урок, в котором мы будем учиться делать динамическое меню Вконтакте с эффектом нажатых кнопок! По аналогии с обычными сайтами интернета, когда посещенная ссылка маркируется особым способом (нажатая кнопка, подчеркивание итд) — мы будем создавать такую же конструкцию Вконтакте, с помощью созданных страниц и графического оформления. Для начала мы сделаем графические заготовки в фотошопе — создадим шапку меню и кнопочки двух видов. Потом создадим несколько страниц Вконтакте, согласно пунктам нашего меню. И напоследок сделаем хитрый прием, который, собственно, и создаст нам иллюзию перехода по ссылке. Урок достаточно сложный и подходит для тех, кто уверенно себя чувствует в функционале Вконтакта. Все манипуляции я буду производить на примере своей группы Вконтакте, где этот эффект реализован вживую. Итак, за дело!

Как настроить витрину товаров в группе или паблике В Контакте

03-10-2015

Витрина товаров В КонтактеНедавно В Контакт запустил новый сервис — Товары В Контакте. Теперь витрину товаров можно создать в любой группе или паблике. Раньше владельцы магазинов для демонстрации своих товаров использовали альбомы с фотографиями, где под каждой фотографией давалось описание и цена. Теперь тоже самое можно сделать, используя специализированный сервис, предназначенный именно для этих нужд. Вся информация про товар будет представлена в одном месте, плюс появилась возможность добавлять несколько сопутствующих фотографий для товаров, также появилась ссылка связи с администратором или менеджером группы, и, наконец, информация об условиях оплаты и доставки товара также расположена в зоне видимости покупателя. В общем, очевидные преимущества и удобства налицо. Поэтому, давайте посмотрим как настраивается этот сервис.

Основные пункты проверки веб-дизайна и оценки состояния сайта

19-03-2014

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

Как сделать оригинальный дизайн шапки в профиле Твиттера

14-11-2012

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

Как сделать внутреннюю страницу для меню группы В Контакте

22-05-2012

Как сделать внутреннюю страницу для меню группы В КонтактеМой предыдущий пост Как оформить группу В Контакте и создать раскрывающееся графическое меню был целиком посвящен созданию раскрывающегося меню во вконтактной группе. Пункты графического меню могут вести как на внешние ссылки, так и на внутренние страницы самой группы. Поэтому сегодня мы будем учиться создавать внутреннюю страницу для группы Вконтакте. Для начала мы рассмотрим способ, подходящий только для групп. А после мы рассмотрим еще один альтернативный способ создания внутренней страницы, подходящий и для групп и для пабликов.

Основные возможности, функции и изменения интерфейса нового Твиттера

28-03-2012

Основные возможности, функции и изменения интерфейса нового ТвиттераНекоторое время назад наконец-то обновился дизайн и моего Твиттера. На первый взгляд все очень стильно и современно. Неудобство от перехода со старой версии на новую проходит очень быстро. Вся информация и разделы меню сгруппированы логично, добавилось несколько новых возможностей в плане поиска по интересам. Немного разочаровало то, что страница «Списки» ушла еще глубже, а значит для того, чтобы до нее добраться нужно делать пару лишних кликов. Для меня это не очень удобно, поскольку я плотно работаю со списками. Разобраться же во всех премудростях нововведений помогает неплохой раздел помощи.

Как оформить группу В Контакте и создать раскрывающееся графическое меню

13-12-2011

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

Как создать готовый вордпресс шаблон из сверстанного макета сайта

04-11-2011

Как создать готовый вордпресс шаблон из сверстанного макета сайтаВ этом завершающем уроке от Line25 мы посмотрим как создается готовый вордпресс шаблон, готовый для установки на хостинг. Для этого на базе файла index.htm создаются php файлы, каждый из которых отвечает за соответствующую часть вордпресс шаблона. В частности это файлы, управляющие шапкой сайта, внешним видом главной страницы, сайдбаром, архивами, страницей поиска, одиночным постом, одиночной страницей и комментариями. Сразу хочу сказать, что на этой стадии неплохо бы обладать некоторыми базовыми знаниями, в частности понимать что такое теги шаблонов.