Самая популярная социальная сеть - это Вконтакте.ру. Но для того, чтобы получать с неё посетителей, нужно создать полезную для пользователей группу с красивым дизайном, желательно сквозным, когда меню или новости группы - это визуально одна сплошная картинка, и посетитель с неё переходит по внутренним ссылкам вашей группы: альбомам, страницам, видео-разделу.
Все такие дизайны делаются таблицей.
Меню моей группы - это таблица, имеющая три строки и два столбца.
Её внешний вид:
Её код:
{|
|+
|-
|[[photo00000000_195310563|190x192px;nopadding;noborder|page00000000]]||
[[photo00000000_195310564|180x192px;nopadding;noborder|http://vkontakte.ru/
album-00000000_109940756]]
|-
|[[photo00000000_195310565|190x192px;nopadding;noborder|http://vkontakte.ru/
album-00000000_116649968]]
|[[photo00000000_195310899|180x192px;nopadding;noborder|http://vkontakte.ru/
album-00000000_109940797]]
|-
|[[photo00000000_195310902|190x196px;nopadding;noborder|http://vkontakte.ru/
album-00000000_109829410]]
|[[photo00000000_195310903|180x196px;nopadding;noborder|http://vkontakte.ru/
album-00000000_115856895]]
|}
Краткий обзор используемой вики-разметки:
-
| - этим символом ячейки отделяются друг от друга;
-
|- - переход на следующую строку;
-
[[]] - в этих двойных скобках содержимое ячейки;
-
190x196px (пример) - настоящий размер картинки в пикселах;
-
nopadding - указывается для того, чтобы вокруг картинки не было отступов;
-
noborder - указывается для того, чтобы у картинки не было обводки;
-
http://vkontakte.ru/album-00000000_115856895 (пример) - ссылка, на которую будет вести картинка при нажатии, то есть куда перейдет посетитель.
Теперь можете брать свою картинку, резать её на части инструментом Slice в фотошопе и подставлять в код. Учтите, что максимально возможная ширина картинки для меню - 380 px.
В своем аккаунте создайте фотоальбом, видимый только вам, загрузите туда разрезанные картинки и в коде укажите настоящие размеры своих картинок. Обратите внимание, что для вписания картинки, которая будет частью меню, используется только photo и далее цифры, а вот ссылка перехода, куда попадет посетитель, указывается полностью.
