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

Вернуться   Интернет-форум о жизни: теплая атмосфера > Высокие технологии > Web-мастеру > Web-дизайн

Ответ
 
Опции темы Опции просмотра
Старый 12.06.2010, 03:12   #1
Daz
Senior Member
 
Аватар для Daz
 
Регистрация: 23.06.2009
Сообщений: 738
Вы сказали Спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Отправить сообщение для Daz с помощью ICQ
По умолчанию

Многим известно что в группах вконтакте, в которых добавлен раздел новости можно все различно писать и наводить красоту легкими кодами
Как в моей группе 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
Daz вне форума   Ответить с цитированием
Старый 12.06.2010, 17: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 вне форума   Ответить с цитированием
Старый 14.06.2010, 07:30   #3
Daz
Senior Member
 
Аватар для Daz
 
Регистрация: 23.06.2009
Сообщений: 738
Вы сказали Спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Отправить сообщение для Daz с помощью ICQ
По умолчанию

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

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

[[photo57129102_168078984| nopadding;241px| Книга воды]] но нечего не получаеться картинка отправляет на альбом.
Daz вне форума   Ответить с цитированием
Старый 14.06.2010, 11:26   #4
Asariele
Senior Member
 
Аватар для Asariele
 
Регистрация: 01.08.2008
Сообщений: 3,220
Вы сказали Спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Отправить сообщение для Asariele с помощью ICQ Отправить сообщение для Asariele с помощью AIM Отправить сообщение для Asariele с помощью Yahoo
По умолчанию

Цитата:
[[photo57129102_168078984| nopadding;241px| Книга воды]] но нечего не получаеться картинка отправляет на альбом.
Ой... Вот тут не могу ничего определенно сказать, т.к. на группе форума ссылки внешние стоят... Может, найдешь ответ в группе вики-разметки (правда там материалов просто уйма, можно и заблудится)...
Asariele вне форума   Ответить с цитированием
Ответ

Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Текущее время: 21:56. Часовой пояс GMT.


Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc. Перевод: zCarot