Интернет-форум о жизни: теплая атмосфера - Показать сообщение отдельно - ? по дизу в контакте (группы)
Показать сообщение отдельно
Старый 12.06.2010, 18:54   #2
Asariele
Senior Member
 
Аватар для Asariele
 
Регистрация: 01.08.2008
Сообщений: 3,220
Вы сказали Спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Отправить сообщение для Asariele с помощью ICQ Отправить сообщение для Asariele с помощью AIM Отправить сообщение для Asariele с помощью Yahoo
По умолчанию

Цитата:
Но у меня есть большой ? как сделать меню как в группе форума 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]]
Asariele вне форума   Ответить с цитированием