? по дизу в контакте (группы) - Интернет-форум о жизни: теплая атмосфера

Daz · 12.06.2010, 03:12

Многим известно что в группах вконтакте, в которых добавлен раздел новости можно все различно писать и наводить красоту легкими кодами
Как в моей группе club18162136

Код:

В ГРУППЕ ПРОВОДИТЬСЯ КОНКУРС. ПОДРОБНЕЕ [[topic-18162136_22912850|ТУТ]]

{|
|+
|-
! !!
|-
| ||
|-
|
{{Hider|Книги (сезоны)
[[Книга_воды]]

[[Книга_земли]]

[[Книга_огня]]

[[Книга_воздуха]]
}}
|
{{Hider|Лучшее
[[О героях]]
}}


{{Hider|Книга_воздуха (4 сезон) что будет?
<center>[[photo-18162136_167411748]][[Книга_воздуха]]
}}

{|
|+
|-
!  
[[ААнг]]
 [[photo-18162136_167389073]]
|[[FAQ]]
[[Источники]]
[[Модераторство]]
[[topic-18162136_22912850|Конкурс]]
![[Катара]]
[[photo-18162136_167391247]]
|-
|


[[Зуко]]

[[photo-18162136_167493730]]
!

[[Сокка]]
[[photo-18162136_167420151]]
|

[[Тоф]]

[[photo-18162136_167493795]]

Но у меня есть большой ? как сделать меню как в группе форума http://vkontakte.ru/club9435144
С такими интересными ссылками на изображение http://cs10280.vkontakte.ru/u49263266/1065.../x_5147cc6e.jpg

Asariele · 12.06.2010, 17:54

Цитата:

Но у меня есть большой ? как сделать меню как в группе форума http://vkontakte.ru/club9435144
С такими интересными ссылками на изображение http://cs10280.vkontakte.ru/u4926326...x_5147cc6e.jpg

Все до гениальности просто

Т.к. построением данного меню занимался я, то и рассказываю - как сделать такое же или даже более интересное менюшко, тоже я.

Итак, для начала нам нужно нарисовать изображение в полном масштабе, что бы оно соответствовало допустимым размерам в новостях.

Затем стоит разделить это изображение на элементы, такое часто приходится делать во время верстки сайтов. Я использовал простую программу FastStone Capture. В принципе, разделить изображение можно как вам угодно, главное, что бы при склеивании они имели тот же размер, что и первоначальное изображение и при этом px совпадали друг с другом. Так например разделение было произведено на следующие картинки:

Изобр.1

347 x 76 пикселей
Изобр.2

347 x 33
Изобр.3

347 x 26 пикселей
Изобр.4

347 x 32 пикселей
Изобр.5

347 x 26 пикселей
Изобр.6

347 x 36 пикселей
Изобр.7

347 x 24 пикселей
Изобр.8

347 x 35 пикселей
Изобр.9

347 x 68 пикселей

Теперь очень важное действие:
1) Создаем у себя в профиле альбом, открытый для всех! Загружаем туда все подготовленные изображения. В качестве примера, вот альбом где хранятся изображения менюшки группы.

Далее, каждая загруженная картинка будет иметь ссылку:
http://vkontakte.ru/photo49263266_159067551
Нам понадобится вот эта часть: photo49263266_159067551

Вот так выглядит код меню в нашей группе:

Код:

<center>[[photo49263266_159062343|nopadding;347px;nolink| ]]
[[photo49263266_159062344|nopadding;347px|http://www.money-forum.info]] 
[[photo49263266_159062345|nopadding;347px;nolink| ]]
[[photo49263266_159062346|nopadding;347px|http://www.money-forum.info/pay/payments.php]] 
[[photo49263266_159062347|nopadding;347px;nolink| ]] 
[[photo49263266_159062348|nopadding;347px|http://www.money-forum.info/index.php?act=Members]]
[[photo49263266_159062349|nopadding;347px;nolink| ]] 
[[photo49263266_159062350|nopadding;347px|http://www.money-forum.info/index.ph...odule=awards]] 
[[photo49263266_159062351|nopadding;347px;nolink| ]]</center>

Надеюсь, все понятно

Код:

 Сначала идет адрес картинки из вашего общедоступного альбома:
[[photoNNNNNNNN_NNNNNNNNN
Затем скрываем пробел, что бы картинки были расположены притык друг к другу и не было пропусков, а так же указываем размер изображения.
|nopadding;347px
После можем поставить либо:
;nolink| ]]
Это будет простая картинка без ничего.
Либо, через | задать ссылку
|http://вашассылка.ru]]

Daz · 14.06.2010, 07:30

а как сделать ссылки внутри группы.

Я пытался ставить код

[[photo57129102_168078984| nopadding;241px| Книга воды]] но нечего не получаеться картинка отправляет на альбом.

Asariele · 14.06.2010, 11:26

Цитата:

[[photo57129102_168078984| nopadding;241px| Книга воды]] но нечего не получаеться картинка отправляет на альбом.

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