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

Цитата:

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

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

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

http://cs10280.vkontakte.ru/u4926326...x_ae46e8d4.jpg

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

Изобр.1
http://cs10280.vkontakte.ru/u4926326...x_5147cc6e.jpg
347 x 76 пикселей
Изобр.2
http://cs10280.vkontakte.ru/u4926326...x_7f6af5ac.jpg
347 x 33
Изобр.3
http://cs10280.vkontakte.ru/u4926326...x_b74d7ce5.jpg
347 x 26 пикселей
Изобр.4
http://cs10280.vkontakte.ru/u4926326...x_d12ee2ff.jpg
347 x 32 пикселей
Изобр.5
http://cs10280.vkontakte.ru/u4926326...x_c119eaee.jpg
347 x 26 пикселей
Изобр.6
http://cs10280.vkontakte.ru/u4926326...x_fa49913e.jpg
347 x 36 пикселей
Изобр.7
http://cs10280.vkontakte.ru/u4926326...x_b54b50f4.jpg
347 x 24 пикселей
Изобр.8
http://cs10280.vkontakte.ru/u4926326...x_2cd052dd.jpg
347 x 35 пикселей
Изобр.9
http://cs10280.vkontakte.ru/u4926326...x_377157d1.jpg
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]]