[В]Контакте. Создание И Оформление Группы
Пользователи, просматривающие топик: none
|
Зашли как: Guest
|
Имя  |
| Сообщение |
<< Старые топики Новые топики >> |
|
|
[В]Контакте. Создание И Оформление Группы - 2010-08-26 20:34:05.906666
|
|
|
Bulb
Сообщений: 206
Оценки: 0
Присоединился: 2010-03-15 17:41:00.493333
|
Всем привет!) Думаю, кто сидит Вконтакте, тот знает что такое группы и видел их оформление. Может пытался сам оформить, но не получилось. Давайте решим эту проблему.
Дело было летом, делать было нечего. И решил попробовать заняться оформлением групп, и знаете, мне понравилось вносить частичку себя в группу. :rolleyes:
Начнём: заходим вконтакт - мои группы - создать группу (в самом низу). Создаём группу. Даём название, описание (изменить потом можно). Группа создана. Заходим в группу, я буду на примере игровой группы, которую оформлял http://vkontakte.ru/club10252314
Зашли. Можно уже поставить аватар. И приступить к созданию простого меню. Значки, по ним кликаешь и открывается какая-либо ссылка. Для этого: берём картинку и грузим в любой альбом (свой, группы…неважно), как загрузили, отправляемся в группу, там видим "новости" справа будет кнопочка "ред" редактировать. Нажимаем и открывается пустое поле, и вот сюда пишем код:
[[photo-xxxxx_yyyyy|**px;nopadding|ссылка, куда будет перенаправлять]]
Я долго не мог понять, что это за иксы, объясню, это сокращённая ссылка на изображение Вконтакте. Помните я вам говорил его загрузить в альбом?! Если загрузили, то найдите изображение это и откройте его, в адресной строке вы увидите vkontakte.ru/photo-xxxx_yyyy то что нам надо, только кроме иксов будут цифры!!! Копируем после вконтакте.ру photo-xxxx_yyyy
И в ранне открытом окне редактирования прописываем [[photo-xxxx_yyyy| далее идёт размер, это вы сами можете поигратьс настройками. Размер указывается в пикселях, примерно 90px. Пишем дальше [[photo-xxxx_yyyy|90px; и ставим точку с запятой. Размер можно задавать ширина на высоту, т.е. 300x111px например. После размера указываются опции изображения, об их вы можете прочитать вправом нижнем углу, нажав по "Помощь по разметке".
Мы укажем только одно значение, чтобы не было рамки с помощью опции nopadding. Больше опций не будем ставить, закрываем с помощью знака |
Мы имеем:
[[photo-xxxx_yyyy|90px;nopadding|
Осталось прописать ссылку, т.е. какая страничка откроется при нажатии на изображение. Если эта внутренняя ссылка, то можно vkontakte.ru не указывать, только всё что идёт после, например id1. Или же писать вконтакте, но ставить два знака // Например: http://vkontakte.ru//audio.php?gid=19259120.
Вот и всё, мы вставили изображение: [[photo-xxxx_yyyy|90px;nopadding|id1]]
Далее понятно.
Это была простая менюшка. Значки можете взять тут
Продолжу позже.
Есть вопросы?! Задавай!!!!
© Bulb
|
|
|
|
|
RE: [В]Контакте. Создание И Оформление Группы - 2010-08-26 20:35:07.986666
|
|
|
Bulb
Сообщений: 206
Оценки: 0
Присоединился: 2010-03-15 17:41:00.493333
|
И так, мы поставили изображение, которое введёт нас на страницу Павела Дурова.
Можно сделать примерно такую же менюшку: http://vk.com/club18130170
|
|
|
|
|
RE: [В]Контакте. Создание И Оформление Группы - 2010-08-26 20:36:37.620000
|
|
|
Bulb
Сообщений: 206
Оценки: 0
Присоединился: 2010-03-15 17:41:00.493333
|
Но это легко, вы наверное видели, когда аватар и меню группы как будто вместе, единый рисунок. Красиво, забавно :rolleyes:
Делать это немного посложнее. Рисуем в фотошопе единый рисунок, но помните, Вам надо разделить его на аватар и меню, а меню в свою очерез разрезать на пункты.
Ну мы не будем рисовать, а возмём готовый шаблон, можете найти всё тут же
Не будем далеко ходить, возьмём этот шаблон. Сохраним вот это всё себе на компьюьер. Сделаем несколько копий. Поделим на части в фотошопе или в оффисе майкрософт мэнеджере изображений, для начала вырежем аватар и меню полностью. Аватар можете грузить уже в группу.
А меню делим на сизображения, что бы на каждом изображении по слову. Музыка, на след. фото и т.п.
Давайте на примере группы, которую я оформлял: http://vkontakte.ru/club10252314
Мы видим менюшку, а вот так я разрезал:
1-ая часть
http://vkontakte.ru/photo-10252810_174693014#photo/-10252810_174693015 на сайт игры.
http://vkontakte.ru/photo-10252810_174693014#photo/-10252810_174693016 эта на топик в группе.
4-ую пропустим, тут такая же ситуация.
http://vkontakte.ru/photo-10252810_174693014#photo/-10252810_174693084 На альбомы в группе.
Ну и т.д. Думаю, понятно, как резать будем.
Порезали:
Теперь нужно обратно соединить всё в группе.
Опять грузим в альбом всё. Заходим в группу, открываем редактировать новости и пишем код:
Я буду делать на примере:
И так, вот у нас изображение в альбоме: http://vkontakte.ru/photo-10252810_174693014#photo/-10252810_174693014
Открываем двойные скобки и вставляем ссылку на фото: [[photo-10252810_174693014
Закрываем знаком |
[[photo-10252810_174693014|
Далее размер, мне подошёл 444x150px, Вы смотрите по аватару, чтобы рисунок выглядил единым (аватарка и меню)И ставим ; т.к. перечисляем опции
[[photo-10252810_174693014|444x150px;
Ставим без рамки, чтобы не было заметно, что меню состоит из кусочков порезанных
[[photo-10252810_174693014|444x150px;nopadding;
И эта картинка у нас никуда не ведёт, если нажать, то будет перекидывать в альбом, где она находится, ставим опции nolink, чтобы она стала не подвижной
[[photo-10252810_174693014|444x150px;nopadding;nolink|
Опций больше не надо, закрываем, ставим пробел (заметьте, что пробел нужно ставить, а сли есть ссылка, то пробел не обязателен перед скобками) и закрываем.
[[photo-10252810_174693014|444x150px;nopadding;nolink| ]]
Готово!
Ставим дальше также, если надо, указываем ссылку.
Поставьте 2-ую сами, указав в данном случае, что введёт на сайт.
Будет выглядеть так:
[[photo-10252810_174693015|444x40px;nopadding|site.ru/ ]]
Меню растёт ))
Ставим третью часть, которая ведёт на обсуждения в группе:
[[photo-10252810_174693016|444x40px;nopadding|http://vkontakte.ru//board10252314]]
Заметьте http://vkontakte.ru//
Дальше понятно должно быть!) Есть вопросы: пишите!!! ;)
Буду рад помочь с оформлением!)) Мне это так нравится :P
Ваш Bulb
©
|
|
|
|
|
|
