Красиво оформить группу вконтакте

Статья про оформление группы вконтакте собрала уже рекордные для моего блога 70 комментарниев. Но со времени написания статьи до сегодняшнего дня прошло очень много времени, и оформление групп вконтакте постоянно усовершенствуется. Если раньше можно было удивить пользователя просто таблицей, то сейчас это для оформителей групп уже не так сложно. И продвигаясь дальше админы групп придумывают новые и новые темы по оформлению.

Таблица в группе – это уже вчерашний день. И этм удивить тяжело. Таблица из иконок – красиво, функционально, но тоже уже приелось.

Вот оформление группы, в которой я являюсь админом (кликните чтобы увидеть полное изображение). Надоело экспериментировать, остановился на простом и понятном оформлении.

Все довольно просто. Все иконки кликабельны, и каждая из них ведет на ту или иную страницу группы. Большая картинка – неактивная. Просто красивый вид моего города.

Как делать саму таблицу – это вы найдете в помощи по разметке вконтакте.

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

Картинка, ведущая на альбом внутри группы -

<center> [[photo-9903457_131668392|100x100px;noborder|http://vkontakte.ru/album-8095971_93296705]] Парни</center>

Где  photo-9903457_131668392 – ссылка на иконку,

100×100px – размер иконки,

noborder – отсутствие рамки вокруг картинки,

http://vkontakte.ru/album-8095971_93296705  – ссылка на альбом

Парни – подпись (на картинке выше вы увидите как это выглядит в группе.

Если необходимо, чтобы картинка вела на внешний ресурс, необходимо просто вписать полный url этого сайта в последнем поле.

Кстати, надпись в меню «Свежие новости» тоже можно поменять. Если вы посмотрите картинку выше, то увидите, что в моей группе свежие новости называются «Меню группы». Для этого нужно зайти в редактор группы, найти там пункт

Новости:

Название блока «Новости»

И в нем вписать необходимое название этого блока.

_________________________________________________

Далее, вариантов оформления существует очень много, поэтому я попробую выбрать наиболее инетерсеные в сети и рассказать вам о том, как красиво оформить группу вконтакте.

Вот пара групп, оформление которых поставило в ступор некоторых комментаторов. Если честно, то посмотрев первый раз на эти группы вконтакте я и сам сначала не понял, как это возможно. Но оказалось все проще, чем кажется сначала.

Вот группа http://vkontakte.ru/club8457

Вот ее меню (кликните чтобы увидеть полное изображение)

Оформлено действительно красиво, и каждый пункт меню (Новости, Правила, Карьера, Конкрусы) является ссылкой на определенные страницы, альбомы и обсуждения в группе. Как это реализовано?

А вот как. Взята картинка, при помощи графического редактора на нее наложены кнопки. Это может сделать человек, который не очень дружит с фотошопом. Достаточно уметь делать прозрачность).

Так вот, сделана картинка, а как же из нее сделать меню, да и еще чтобы каждая кнопка вела на определнную страницу.

А всего то нужно разрезать картинку (готовую, уже с кнопками) на части, чтобы она состояла из нескольких равных картинок.

Выглядеть это будет примерно так (кликните для просмотра полного изображения):

Специально сделал на черном фоне, чтобы было видно, как это все сделано.

Далее заливаем каждую маленьку картинку в альбом группы (либо свой личный альбом, кто как делает).

Вот скрин альбома с этими картинками:

А длаее все делается также, как и в оформлении иконками. Вставляем в код «свежих новостей» все эти картинки. Без таблицы, так как нам нужно, чтобы между картинками не было расстояния и они выглядели как единое изображение. Какждую из картинок делаем ссылкой. Сохраняем и радуемся очень карсивым и оригинальным оформлением нашей группы.  И пусть все обзавидуются, что вы так можете).

Вот еще одна группа, в оформлении которой лежит якобы целая картинка с надписями (кликните для просмотра полного изображения):

http://vkontakte.ru/club11372315

По аналогии с предыдущим описанием, но тут картинка разрезана на равные части поперек. То есть вот таким образом:

А далее все также, как и в предыдущем примере.

Если что не понятно, спрашивайте в комментариях, чем смогу помогу.

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

Если вам статья чем-то помогла, то можете отблагодарить меня тем же плюсом в рейтинг, либо подарком). Мне будет приятно, а вам дешево). Мой id15454514.

Здесь находится оригинал статьи. Плагин с сайта http://schtolcman.ru/