Красиво оформить группу вконтакте
Статья про оформление группы вконтакте собрала уже рекордные для моего блога 70 комментарниев. Но со времени написания статьи до сегодняшнего дня прошло очень много времени, и оформление групп вконтакте постоянно усовершенствуется. Если раньше можно было удивить пользователя просто таблицей, то сейчас это для оформителей групп уже не так сложно. И продвигаясь дальше админы групп придумывают новые и новые темы по оформлению.
Кому лень все это читать, можете скачать набор админа: в нем вы найдете примеры меню, программу для нарезки, подробное описание оформления группы, присмеры таблиц меню, настройка навигации и многое другое.
Таблица в группе — это уже вчерашний день. И этм удивить тяжело. Таблица из иконок — красиво, функционально, но тоже уже приелось. Хотя вот неплохая подборка меню в виде таблиц. Таблицы с двоиными границами, таблицы со спойлерами. Скачать
Вот оформление группы, в которой я являюсь админом (кликните чтобы увидеть полное изображение). Надоело экспериментировать, остановился на простом и понятном оформлении.
Все довольно просто. Все иконки кликабельны, и каждая из них ведет на ту или иную страницу группы. Большая картинка — неактивная. Просто красивый вид моего города.
Как делать саму таблицу — это вы найдете в помощи по разметке вконтакте.
Основные проблемы, которые взникают у оформителей, заключаются в том, как сделать картинку ссылкой, тое сть чтобы картинка вела на обсуждение, на альбом, либо вообще ссылкой на другой сайт или другую группу.
Картинка, ведущая на альбом внутри группы -
<center> [[photo-9903457_131668392|100x100px;nopadding|http://vkontakte.ru/album-8095971_93296705]] Парни</center>
Где photo-9903457_131668392 — ссылка на иконку,
100x100px — размер иконки,
noborder — отсутствие рамки вокруг картинки,
http://vkontakte.ru/album-8095971_93296705 — ссылка на альбом
Парни — подпись (на картинке выше вы увидите как это выглядит в группе.
Если необходимо, чтобы картинка вела на внешний ресурс, необходимо просто вписать полный url этого сайта в последнем поле.
Кстати, надпись в меню «Свежие новости» тоже можно поменять. Если вы посмотрите картинку выше, то увидите, что в моей группе свежие новости называются «Меню группы». Для этого нужно зайти в редактор группы, найти там пункт
Новости:
И в нем вписать необходимое название этого блока.
_________________________________________________
Далее, вариантов оформления существует очень много, поэтому я попробую выбрать наиболее инетерсеные в сети и рассказать вам о том, как красиво оформить группу вконтакте.
Вот пара групп, оформление которых поставило в ступор некоторых комментаторов. Если честно, то посмотрев первый раз на эти группы вконтакте я и сам сначала не понял, как это возможно. Но оказалось все проще, чем кажется сначала.
Вот группа http://vkontakte.ru/club8457
Вот ее меню (кликните чтобы увидеть полное изображение)
Оформлено действительно красиво, и каждый пункт меню (Новости, Правила, Карьера, Конкрусы) является ссылкой на определенные страницы, альбомы и обсуждения в группе. Как это реализовано?
А вот как. Взята картинка, при помощи графического редактора на нее наложены кнопки. Это может сделать человек, который не очень дружит с фотошопом. Достаточно уметь делать прозрачность).
Так вот, сделана картинка, а как же из нее сделать меню, да и еще чтобы каждая кнопка вела на определнную страницу.
А всего то нужно разрезать картинку (готовую, уже с кнопками) на части, чтобы она состояла из нескольких равных картинок.
Выглядеть это будет примерно так (кликните для просмотра полного изображения):
Специально сделал на черном фоне, чтобы было видно, как это все сделано.
Далее заливаем каждую маленьку картинку в альбом группы (либо свой личный альбом, кто как делает).
Вот скрин альбома с этими картинками:
А далее все делается также, как и в оформлении иконками. Вставляем в код «свежих новостей» все эти картинки. Без таблицы, так как нам нужно, чтобы между картинками не было расстояния и они выглядели как единое изображение. Какждую из картинок делаем ссылкой. Сохраняем и радуемся очень карсивым и оригинальным оформлением нашей группы. И пусть все обзавидуются, что вы так можете).
Вот еще одна группа, в оформлении которой лежит якобы целая картинка с надписями (кликните для просмотра полного изображения):
http://vkontakte.ru/club11372315
По аналогии с предыдущим описанием, но тут картинка разрезана на равные части поперек. То есть вот таким образом:
А далее все также, как и в предыдущем примере.
Если что не понятно, спрашивайте в комментариях, чем смогу помогу.
Если вам самим лень копаться в коде и оформлении, то я готов сделать это за вас. В зависимости от сложности оформления стоимость моих услуг варьируется от 5 долларов до бесконечности. Также принимаются голоса и плюсы в рейтинг. Моя аська в шапке блога, мой почтовый ящик на странице контакты. Пишите.
Подборка программ, которые помогут вам в оформлении групп. Генераторы баннеров и кнопок, для нарезки картинок и прочее. Скачать
Если вам статья чем-то помогла, то можете отблагодарить меня тем же плюсом в рейтинг, либо подарком). Мне будет приятно, а вам дешево). Мой id15454514.
Теперь для вас есть возможность скачать видеоурок по оформлению группы вконтакте. подробности в новой статье.
К записи оставлено 585 коммент.
Оставить комментарий или два
Вставьте фото
Подпишитесь на
А куда вставлять текст, который делает фото ссылкой?
Оформление групп вконтакте http://vkontakte.ru/design100 !!!
Помогите пож. не могу соеденить все картинки в меню группы http://vkontakte.ru/#/modaredial
http://vkontakte.ru/page-5703070_32217607
Как убрать пробелы между картинками?
Как вертикальные, так и горизонтальные.
в исходном коде никаких пробелов нет
Спасибо Сергей!!! Убрал пробелы и все получилось!
У меня возникла небольшая проблема. Дело в том, что когда я вставляю этот код [[photo-9903457_131668392|100x100px;nopadding|http://vkontakte.ru/album-8095971_93296705]] и пытаюсь сделать так что бы при картинках он ввел к правилам или истории группы, но ничего не получается, все пробовала. Помогите пж. вот группа http://vkontakte.ru/boys_vs_girl
Ребята чё за фигня я уже создал меню !в предосмотре оно показывает всё ок!!!!А уже когда захожу в групу и открываю меню то там картинка на картинке помогите решыть проблему!!!писать можна в групу http://vkontakte.ru/club_by_djmusik_like (если не трудно главному админу )а то немогу на пошту зайти
Если я хочу что бы картинка вела на информацию, но она не на другом сайте, а как бы в меню группы. Что мне нужно сделать? Сначала создать информацию в меню, а потом делать картинками? Подскажыте пожалуйста. Вот моя страница http://vkontakte.ru/viktor_chernetc
Так и не понял как это делать
Помогите пробелы от картинок убрать… как сделать картинку ссылкой, объясните по подробнее…
http://vkontakte.ru/kristina_1996
Добрый день!
Скачала Ваш пакет программ — разархивировать не получается, тк требует пароль(( Его нужно купить? Сколько стоит?
Здравствуйте!
Подскажите, пожалуйста, как сделать, чтобы раздел «Свежие новости» была все время открыта, а не сворачивалась при заходе в группу
Это ни как не сделать (
Как сделать что бы при заходе в группу меню всегда отображалось?
уже увидел ответ, а думал что всего одна страница с комментариями…
Жаль что нельзя, может кто знает все же…
Я картинки сделал все ок они заходят в обсуждении ну как их присоединить??
http://vk.com/smallboss Вот адрес напиши пажал
Так ты их в последовательности вставляй,что бы размер был одинаковый ! ! !
Скажите пожалуйста, а кто нибудь знает как передать полностью управление официальной страничкой на другого пользователя?
Просто человек создал страничку, а теперь он ей заниматься больше не хочет. Назначил меня ее админом, но я не могу от имени сообщества делиться новостями. Это когда лайк ставишь и там можно выбрать поделиться с друзьями или в сообществе.
Там дает выбрать только ту оф страничку которую я лично создал, а другую не дает =(
Там нужно поставить галочку администратор !
В сообществе публичная страничка нету настройки с галочками. Там в управлении страницей можно только назначить администраторов.
при назначении необходимо внести ссылку на страничку пользователя.
Таким образом меня собственно и ввели. После чего человек который создал данную публичную страничку отключился от нее. Предварительно я (по его просьбе) удалил его из администраторов.
Но нулевым или главным админом я не стал =(
Тогда я не знаю,что делать ! попробуйте поискать в интернете форумы на подобную тему !
Спасибо большое за ответы… пойду гуглить и яндексить
Если вам будет нужна помощь ! пишите помогу http://vk.com/black38rus
Занимаюсь красивым, не дорогим оформлением групп ВК!
Моя группа http://vk.com/sport_there
[...] по оформлению групп, с которыми можно ознакомиться здесЯ и [...]
помогите плииз, немогу убрать пробелы между картинками =( http://vk.com/blizzardgm
Спасибо, все получилось! Очень доступный урок