Студия создания и продвижения web сайтов. Настройка uCoz сайтов
Логин:
Пароль:
Категории раздела
Поиск по сайту
Последние файлы
Новости ИТ
UWORLD рекомендует
Популярные файлы
Новые статьи
Новые видео-уроки
Обсуждения на форуме
Опрос
Новые php-скрипты
Новые скрипты
Новые шаблоны
Новые PSD макеты сайтов
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

DadgilAdhef
Мои статьи
Оформление группы в социальной сети «В контакте»

Наверняка многие из людей которые сидят в сети «контакт» являются администраторами различных групп. Этих групп бесчисленное количество, но многие из них маленькие группы (не более 100-200 человек). Возникает вопрос! А почему в этих группах так мало людей? Вроде сама тема группы довольно таки интересна! А дело в том что ленивые администраторы группы ничего не делают в развитие группы. Ведь зачастую люди увидев интересное оформление группы сразу вступают в неё,  даже если им мало интересна эта тема группы. Сегодня научимся делать  оформление группы в вконтакте .  Начнём пожалуй.

(внимание!что бы у вас всё получилось, и ничего вашим фантазиям не мешало используйте фотошоп С3) 

Хотелось бы начать с того что в оформление группы лежит ВИКИ-разметки, которая позволяет легко и быстро размечать в тексте структурные элементы и гиперссылки, форматировать и оформлять отдельные элементы.
И самое первое что мы сделаем это создадим аватар.аватар должен отражать суть данной группы ( может содержать название группы,  её id, вообщем всё что пожелаете. Только не перемудрите!). Максимальный размер аватара для группы 200х800px.Что бы вставить аватар в группу нужно в верхней строке информация нажать на редактирование, далее фотография.

 

Теперь мы перейдём непосредственно к самим вики-разметкам.
Вашим рабочи местом ( её называют «песочница») будет раздел где пишут обычные новости группы .что бы включить новости нужно в информации поставить галочку над новостями (кстати раздел новости тоже можно переименовать в информации, например назвать-навигатор)
Теперь когда появился раздел новости, нужно нажать напротив новостей на редактирование. Ну вот мы и на рабочем месте !!!

Что бы узнать о вики разметках вы можете зайти в официальную группу в контакте http://wiki.vkontakte.ru/
Либо набейте в поисковик.Просто их достаточно много, и лишний раз их переписывать неохота)))

Теперь я расскажу вам как сделать кликабельное меню.

1)Нужно сделать готовое меню в фотошопе.Здесь только действует ваша фантазия, но не забывайте что максимальная длина картинки на главной – 380px.
После того как вы сделали картинку с тематикой на тему группы, нарисовали в нём кнопки( они могут быть различными: музыка, новости, правила и т.д.) перейдём к следующему шагу

2) Часть 1:
У вас имеется готовое меню, которе необходимо разделить на кнопки и сохранить для последующего использования. Самый простой и быстрый способ — инструмент «Раскройка» в Фотошопе. Есть два способа, как воспользоваться данным инструментом: Объедините видимые слои или выполните сведение

Первый способ:

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

Второй способ:

Вы берете инструмент «Раскройка» и кликаете правой кнопкой мыши на изображение и выбираете опцию «Разделить на фрагменты». Далее всё интуитивно понятно: разделение по горизонтали и по вертикали. Можно задать как количество строк/столбцов, так и размер в пикселях.
Сохраняем «нарезку»
Для сохранения результата открываем Файл, спускаемся вниз и выбираем Сохранить для Web и устройств.

В появившемся окне выбираем формат (желательно jpeg), ставим галочки напротив Постепенно и ICC-фильтр, а также Качество ставим на 100. Сохраняем.

Обратите внимание, что после сохранения, в папке, которую вы указали, создается ещё одна папка images, именно в ней сохранены фрагменты.

Часть 2:

Загрузку фрагментов на сайт производить через стандартный загрузчик, т.к. он сохраняет лучшее качество.

После загрузки в альбом:
Всё, что теперь вам понадобится — это тег «nopadding«. Обратите внимание, что при наличие этого тега пропадают не только пробелы, но и рамки, значит тег «noborder» вам не понадобится. Вставляете его в код так же, как и остальные теги:

Обратите внимание, что размер меню на главной не должен превышать 390px

в ширину, если кнопки баннерные (одна на всю строку).
Если у вас два столбца и более, то размер меню будет ~375px

Важно знать:

Качество изображений теряется (происходит пикселизация) при размере менее 130px

При копировании материалов сайта просьба указывать источник и автора.
107 просмотров | Автор: seomonolog | Дата добавления: 18.12.2016 в 22:10 | 0 комментарий (ия)
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Наверх
Главная » Наши баннеры