Фотошоп форум

Дизайн на продажу => Дизайн групп социальных сетей => Тема начата: Olga Z от Марта 19, 2017, 07:43:37 pm

Название: Оформление групп в контакте используя wiki - разметку.
Отправлено: Olga Z от Марта 19, 2017, 07:43:37 pm
Добрый день!Так как всё мы уже умеем выполнять работы в фотошоп,своё внимание заостряю на создание группы и страниц. На примере тестовой группы поэтапно всё покажу. Буду оформлять группу с обложкой по новому введению в оформлении  в контакте. Уважаемые форумчане, по техническим причинам фото в уроке не открываются, все фото в уроке пронумерованы, прилагаю ссылку на фото больших размеров https://drive.google.com/open?id=0B6N7M7uxvqihMFpoSDdqM18yTFU, фото пронумерованы в архиве соответственно с фото по уроку. По всем вопросам обращайтесь, помогу разобраться.
1. Создаём в фотошоп:
Обложку. Рекомендуемый размер обложки 1590×400 пикселей.

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F%D0%BE%D0%B1%D0%BB%D0%BE%D0%B6%D0%BA%D0%B0xakEC.th.jpg&hash=f70993a76af574a21d1fafe312afc3d8) (http://designforsales.ru/storage/T4)
фото 1
Картинку для поста. Рекомендуемый размер 510х510 пикселей.

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F%D1%86%D0%B8%D1%82%D0%B0%D1%82%D0%BD%D0%B8%D0%BAeauF5.th.jpg&hash=3eb07e3c3130fd793924f84718331291) (http://designforsales.ru/storage/Tq)
фото2

Картинку меню
Чтобы изображение занимало всю ширину вики-страницы, выберите изображение не меньше 610 px в ширину, либо большего размера главное в пропорции. Вы можете взять картинку и большей ширины, но тогда необходимо будет вручную подредактироват ь их размеры.
Напомню, что картинку меню нужно перед сохранением разрезать на части.

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F10.th.jpg&hash=39e7b37ae9ab3811088df077f44b70be) (http://designforsales.ru/storage/Tl)
 фото3

Затем нажимаем сохранить для веб.
Картинки сохранятся в папку  imajes

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F112XRi.th.jpg&hash=43b5a3ed0104712110612e03e102223c) (http://designforsales.ru/storage/TB)
фото4
Теперь идём вконтакт на свою страницу.
Нажимаем группы , создать сообщество.

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F12qQ6zU.th.jpg&hash=acd06c9e64a2b45f3da324be29df4918) (http://designforsales.ru/storage/TY)
фото5
Прописываем название сообщества и адрес страницы.

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F13.th.jpg&hash=d631175222735dc9427800486d060e95) (http://designforsales.ru/storage/Ta)
фото6
Загружаем обложку.

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F15.th.jpg&hash=f09f4b7b3784231438c91a378731f5fa) (http://designforsales.ru/storage/T7)
фото7
Загружаем картинку для аватара сообщества.

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F16.th.jpg&hash=025af9e64bba5204e110d78e4c355860) (http://designforsales.ru/storage/TI)
фото8
Выбираем управление сообществом.

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F17.th.jpg&hash=b295d5baaea2263d00e9415d3fad305f) (http://designforsales.ru/storage/TZ)
фото9
Заходим в разделы. Выбираем материалы ограниченные.

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F18.th.jpg&hash=815d6bd1309d385cba4b0a0bd72c7357) (http://designforsales.ru/storage/T5)
фото10
У нас появилась вкладка Свежие новости. Благодаря ей мы сможем создавать меню.

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F19.th.jpg&hash=2568cb265868f0e66c6b0d317ce3237e) (http://designforsales.ru/storage/TK)
фото11
(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F20.th.jpg&hash=b6a9e8b0d31f0abe38da930b36e6e0e0) (http://designforsales.ru/storage/Tr)
фото12
Обратите внимание! Запись нужно размещать от имени сообщества.Для этого нужно:

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F21.th.jpg&hash=72f23831954de5852e1b56254f420a3c) (http://designforsales.ru/storage/TP)
фото13
(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F22.th.jpg&hash=8b0d0734f8e9b1af30147f0fe2df7bb3) (http://designforsales.ru/storage/Tf)
фото14
(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F23I2GER.th.jpg&hash=8625e1704f9544eee74f84fa1e68070f) (http://designforsales.ru/storage/yM)
фото15
Результат того что должно получиться.
 
(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F24.th.jpg&hash=5b657117f5f9df72dd92e78c2f837c20) (http://designforsales.ru/storage/Tz)
фото16
(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F1.th.jpg&hash=b0f3515aa6d6a2695c9f5a8692e9fce7) (http://designforsales.ru/storage/ys)
фото17
Нажимаем открыть меню и нас переводит на страницу, где мы будем размещать картинку с меню, которое мы разрезали в фотошоп.

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F2.th.jpg&hash=13db989ddc2d5b06956f0262e50cf847) (http://designforsales.ru/storage/yF)
фото18
Для этого нам нужно вначале загрузить картинки в альбом.

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F3.th.jpg&hash=f1b51ee4330fffdbb9f1212fc3d00d76) (http://designforsales.ru/storage/yH)
фото19
(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F4.th.jpg&hash=c494d7eeefb7549cbc6ca062f09976c4) (http://designforsales.ru/storage/yO)
фото20
(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F5.th.jpg&hash=ff81f8de981dfc083eafedef98eab5ed) (http://designforsales.ru/storage/yc)
фото21
(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F6.th.jpg&hash=4a27a0f5231da14d577835c4ed0bf7ef) (http://designforsales.ru/storage/yn)
фото22
(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F7.th.jpg&hash=666272694d41c485651f940e335e7260) (http://designforsales.ru/storage/yp)
фото23
(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F8.th.jpg&hash=5804d04f884ed521df3556cc4a018ddf) (http://designforsales.ru/storage/yv)
фото24
Свежие новости меняем на Меню.

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F9.th.jpg&hash=64ffa6553d9a873fe9808a75c325857e) (http://designforsales.ru/storage/y3)
фото25
(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F10MPSQp.th.jpg&hash=2eb8c53b62aa9467e7db149503290092) (http://designforsales.ru/storage/yS)
фото26
(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F19-03-2017_22-29-02.th.jpg&hash=ed618c55528adbd1ceec2f1e9c354d45) (http://designforsales.ru/storage/yT)
фото27
В квадратных скобках прописываем название страниц [[название страницы]]

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F133putX.th.jpg&hash=805d5bad62caa0c2c60d7a0ab5f51c0b) (http://designforsales.ru/storage/yy)
фото28
Нам нужно открыть каждую страницу в новой вкладке, для того чтобы потом взять на неё ссылку.
(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F14.th.jpg&hash=36db954cfa14d44a8ae6b8653b74287a) (http://designforsales.ru/storage/yt)
 фото29
Мы сделали страницы, теперь нужно загрузить фото. Для этого переходим в визуальный режим редактирования.

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F15TGeJA.th.jpg&hash=0deb803c696a8f610fcfff9dccd03427) (http://designforsales.ru/storage/yb)
фото30
(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F16z3Wx.th.jpg&hash=bb98e62fa0f3725619cece8160275b05) (http://designforsales.ru/storage/yA)

фото31
(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F17Hu4ED.th.jpg&hash=1feec3304fefe6e4791691ac32f65a2e) (http://designforsales.ru/storage/yU)
фото32
При загрузке фото следите чтобы фото расположились в нужном для вас порядке.
После того как загрузили фото идём в режим wiki-разметки.Будем прописывать нужный код. Пока будем писать код, не желательно выходить с данной вкладки, так как код может сбиться и придётся всё переписывать. Чтобы проверить правильность выполненной работы пользуйтесь предпросмотром.

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F18azXlh.th.jpg&hash=e90ecb545b550789688240b571dd0e51) (http://designforsales.ru/storage/yd)
фото33
Теперь будем прописывать  в коде нужные для нас части. Повторим что мы сделали:
1 Прописали название страниц.
2. Загрузили фото
Теперь, когда Вы перейдёте в редактирование wiki-разметки, у Вас уже будет прописан вверху код картинок (частей вашего разрезанного меню)
и внизу код названия страниц.
Нам нужен код картинок
1.Убираем слово <center></center>  возле каждой строчки.
Оставляем только в начале первой строчки <center>
И в конце последней строчки  </center> 
Это действие позволит нам выровнять картинки по центру.

<center>
        [[photo-142207607_456239029|200x211pх|]]
        [[photo-142207607_456239023|200x211px|]]
        [[photo-142207607_456239024|200x210px|]]
        [[photo-142207607_456239025|200x210px|]]
        [[photo-142207607_456239026|200x211px|]]
        [[photo-142207607_456239028|200x211px|]]</center>


(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F19PvBx7.th.jpg&hash=08679d76e08967b620227b123693272f) (http://designforsales.ru/storage/ye)
фото34
Теперь будьте внимательны!!!
Между  рх  и | черточкой нам нужно вставить ;noborder;nopadding в каждой строчке. Следите чтобы не было пробелов между рх и ;
Этим действием мы сделаем нашу разрезанную картинку целой.

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F20zxDJ.th.jpg&hash=b69948509f6a5ae8f769e2709e65529f) (http://designforsales.ru/storage/yi)
фото35
Когда пропишете, нажмите сохранить и предосмотр.
Должна получится целая картинка и по центру.
Если у Вас меню в один столбик оставляем в один столбик запись.
Обращаю Ваше внимание на то что у меня меню в 2 столбика. Поэтому мне нужно разместить картинки в 2 столбика. Мы размещаем 2 картинки в одну строку. Здесь тоже очень важно смотреть чтобы не было пробелов.
Выгдядит это так:

<center>
[[photo-142207607_456239029|200x212px;noborder;nopadding|page-142207607_52733783]][[photo-142207607_456239023|200x212px;noborder;nopadding|page-142207607_52733784]]
[[photo-142207607_456239024|200x210px;noborder;nopadding|page-142207607_52733786]][[photo-142207607_456239025|200x210px;noborder;nopadding|page-142207607_52733787]]
[[photo-142207607_456239026|200x211px;noborder;nopadding|page-142207607_52733788]][[photo-142207607_456239028|200x211px;noborder;nopadding|page-142207607_52733789]]
</center>

Цветами выделила по 2 картинки.

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F22OKv7Z.th.jpg&hash=c29ab5c2f24f507dec88024377081268) (http://designforsales.ru/storage/yk)
фото36
Теперь нужно сделать наши картинки  кликабельными.
Для этого идем на странички которые мы открывали в новых вкладках и берём  там в стороке браузера  код страницы.

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F19%2F23Pc3Xt.th.jpg&hash=f92b0fb2495be6fe523b2b40a1908f79) (http://designforsales.ru/storage/yu)
фото37
И прописываем его после черточки, убираем пробелы между кодом и скобками.
Смотрим  чтобы код страницы соответствовал картинке с названием. Так прописываем все картинки, на которые нужны ссылки. 
 [[photo-123202935_418122274|150px;noborder;nopadding|page-123202935_52358485]]
Если при разрезе у Вас есть такие картинки  на которые не нужно ставить ссылку и Вам не нужно чтобы она была кликабельна  пишем такой код:
 [[photo-123202935_418122251|600px;noborder;nopadding;nolink| ]]код не кликабельной картинки.
Прописали коды для ссылок нажимаем сохранить и предпросмотр.
При наводе на картинки у Вас должны появляться названия страниц.
А при нажатии вы переходите на данную страницу.
Теперь можно перейти в свою группу и проверить все переходы.
Для размещения информации на созданных страницах переходим в редактирование и добавляем нужную  информацию.
Для размещения на вашей странице отзывов, нужно перейти в Управление сообществом –разделы- обсуждения – нажимаем – Открытые

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F20%2F24.th.jpg&hash=ba6711a07307c08210ed5575feff71a5) (http://designforsales.ru/storage/yC)
фото38
(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F20%2F25.th.jpg&hash=e2be8828aefb2462bb8ce519175ea898) (http://designforsales.ru/storage/yJ)

фото39
(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2017%2F03%2F20%2F26.th.jpg&hash=3458ea687f22719b59df2861ac875ae7) (http://designforsales.ru/storage/yW)
фото40
Надеюсь эта информация была Вам полезна и Вы справились с установкой меню при помощи wiki- разметки.
Если тема вам нужна и материал доступно изложен, буду благодарна комментариям.  Пишите чтобы вам было интересно узнать  ещё о wiki-разметке.  Возможно  будет интересно - создание и установка landing page  в контакте, создание и установка мини сайта и наполнение  мини сайта товарами. 
Всех у кого есть вопросы просьба обращаться без стеснения. Не тратьте на раздумья время. Не можете справиться, пишите, всегда рада помочь!
Ссылка на тестовую группу https://vk.com/club142207607

Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: Елена5919 от Марта 20, 2017, 07:31:46 am
Здравствуйте Ольга! Огромнейшее спасибо за наиценнейшую информацию)) Все очень четко и понятно написано и показано)) Форумчане не забываем сказать "спасибо" Ольге с помощью наших плюсиков - ей будет приятно))
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: Добрый модератор от Марта 20, 2017, 09:57:46 am
Ольга спасибо, очень нужный материал. Наглядно, понятно с картинками. Теперь все кому интересна Вики разметка с легкостью смогут сделать и для своей группы и для заказчиков.
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: Маркевич Юлия от Марта 20, 2017, 10:12:23 am
Оленька! ОГРОМНОЕ СПАСИБО за эту информацию,она очень поможет ВСЕМ!!!
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: Елена Хамизова от Марта 20, 2017, 12:07:34 pm
Оля, огромное спасибо за информацию. Все расписано и разложено по полочка.
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: Olga Z от Марта 20, 2017, 12:20:03 pm
Благодарю, девочки! Главное внимательность! Один раз попробовать вникнуть в wiki-разметку и потом будет всё легко получаться. Старалась сделать по простому, так как делаю сама. Буду рада если моя информация будет Вам полезна и принесёт пользу!
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: Виктор от Марта 20, 2017, 08:23:28 pm
Добрый вечер,дорогие коллеги! По поводу вики разметки в ВК. У меня на компьютере есть видеоурок по созданию меню в ВК используя вики разметку. Этот урок проводил Александр в рамках треннинга по соц. сетям в инфоклубе. И когда у меня ещё был доступ к этим урокам я его скачал к себе на комп. При необходимость могу его выложить. Я думаю, что своим действием я ничего не нарушу.
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: TatianaL от Марта 21, 2017, 09:42:08 am
Виктор, я тоже надеюсь, что Вы ничего не нарушите))))А мне было бы очень интересно просмотреть и этот материал!Заранее Вам благодарна)
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: Olga Z от Марта 21, 2017, 12:53:35 pm
Добрый день, Виктор. Думаю, Виктор, это будет как раз и противозаконно. Так как видео Александра и только сам Александр вправе им распоряжаться, где его размещать и в каком доступе открытом или закрытом.
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: Olga Z от Марта 21, 2017, 12:59:04 pm
Татьяна, добрый день! Wiki-разметка везде одинаковая, один и тот же код. Просто сделайте всё по шагам и у Вас всё получится. Если вдруг что то не получается всегда рада помочь через связь в скайпе.
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: Светлана Колосова от Марта 23, 2017, 01:35:27 pm
Спасибо, Ольга. Да Вы одним только своим присутствием помогаете! Как мне!:D
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: Vera от Марта 23, 2017, 07:41:20 pm
Оля, спасибо от души, за такой подробный расклад о wiki-разметки. Очень своевременная для меня информация, как раз хотела искать инфу в интернете. Еще раз спасибо!!!
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: Olga Z от Марта 23, 2017, 11:06:41 pm
Пожалуйста, Вера. Изучайте,применяйте. Обращайтесь, если возникнут вопросы. Всегда рада помочь.
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: Людмила Пархоменко от Марта 23, 2017, 11:40:22 pm
Благодарю, Ольга за проведённую большую работу. Внимательно прочитала. Сейчас приступила к выполнению обложки.
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: Виктор от Марта 24, 2017, 07:15:45 pm
Добрый вечер,дорогие коллеги! По поводу вики разметки в ВК. У меня на компьютере есть видеоурок по созданию меню в ВК используя вики разметку. Этот урок проводил Александр в рамках треннинга по соц. сетям в инфоклубе. И когда у меня ещё был доступ к этим урокам я его скачал к себе на комп. При необходимость могу его выложить. Я думаю, что своим действием я ничего не нарушу.
К большому сожалению данный видео-урок я не могу выложить. Так-что приношу свои извинения за напрасные ожидания.
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: Nadezhda от Марта 25, 2017, 01:00:54 am
Здравствуйте, друзья! Как здорово, что есть единомышленники, коллеги и просто замечательные люди рядом! Большое спасибо Ольге Захарук не только за её прекрасный урок, но и за помощь мне в скайпе. Моё меню никак не устанавливалось ровно!И мы вместе около двух часов разбирались с нем. И вот в результате родилась моя страница https://vk.com/uslugidizainonline
Огромное спасибо, Оля!
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: TatianaL от Марта 25, 2017, 02:21:08 pm
https://vk.com/stoykastayka
Вот моя работа по оформлению работающей группы для конкретного человека, практикующего врача. Прежде всего - огромное спасибо Ольге за интересный и полезнейший урок и помощь в работе!!!!!!
Сразу скажу-группа еще в процессе разработки, еще будут редактироваться статьи, и, может быть, что-то поменяется в оформлении...За казчику все очень понравилось. Название тоже его-авторское оригинальное. В-общем, были учтены его пожелания.
 
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: Olga Z от Марта 25, 2017, 02:26:37 pm
Благодарю, Надежда! Замечательная группа! Желаю творческих успехов и больших чеков. Всегда рада помочь, обращайтесь!
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: Olga Z от Марта 25, 2017, 02:31:49 pm
Благодарю, Татьяна! Замечательная группа получилась! Благодарю за отзыв, будут вопросы пишите,всегда рада помочь!
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: Виктор от Марта 25, 2017, 06:15:23 pm
Татьяна, у вас получилась очень хорошая группа и меню оригинальное и красивое, но есть одно но. Дело в том что ссылка в низу меню ведёт на группу,а надо сделать что-бы ссылка,которая расположена внизу вела на начало меню.
Вот,пожалуйста посмотрите здесь  https://vk.com/viktor_s_rusinovich
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: TatianaL от Марта 25, 2017, 11:23:07 pm
Спасибо Виктор за добрые слова, но не увидела в сделанной группе той ссылки, о которой Вы говорите "ссылка в низу меню ведёт на группу"...  и у Вас на странице не увидела  ссылку, "которая расположена внизу вела на начало меню"....Поясните пожалуйста.
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: Виктор от Марта 26, 2017, 07:03:35 am
Доброе утро, Татьяна! Вот пожалуйста посмотрите на скриншоте есть ссылка" Вернуться на зад",которая ведёт на начало меню.
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: TatianaL от Марта 26, 2017, 02:54:16 pm
Спасибо, теперь понятно)
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: Виктор от Марта 26, 2017, 07:45:43 pm
Татьяна, пожалуйста посмотрите как это выглядит в вики разметке.
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: Людмила Пархоменко от Марта 26, 2017, 07:53:05 pm
Здравствуйте! Я оформила свою группу ► https://vk.com/biznesinstrumenty3 и такое счастливое состояние наступило. Начало положено, осталось наполнить страницу содержанием. Продолжаю двигаться вперёд, благодаря своевременной помощи и доброжелательно му отношению нашего сообщества. Ещё раз хочется поблагодарить Вас, дорогие мои Форумчане.Моя благодарность безгранична.
Так пусть же будет всё отлично
И в жизни личной, в начинаниях,
В любви, в работе и в мечтаниях.

Здоровья пусть на всё хватает,
И ангел пусть оберегает.
Эмоций, счастья и везения,
Достатка, света, вдохновения!
С Любовью, Людмила Пархоменко
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: Людмила Пархоменко от Марта 26, 2017, 09:25:07 pm
Татьяна, мне оформление группы очень понравилось!!! Только не возьму в толк, зачем отправлять посетителя на начало меню? 
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: Виктор от Марта 27, 2017, 09:56:59 am
Доброе утро,дорогие коллеги! Людмила,по моему это очень удобно,когда можно вернуться в начало меня,а не сразу в группу. Вот смотрите,клиент разглядывает ваше меню,он перешёл по одной ссылке и потом что-бы перейти по другой ссылке ему надо заново открыть меню и так несколько раз,что доставляет некоторые неудобства. А так сразу попадаешь в начало меню и далее спокойно можно переходить по другим ссылкам в меню.
Ну это моё мнение и я небуду утверждать,что надо делать именно так. Вы, Людмила делайте как вам удобно.
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: TatianaL от Марта 27, 2017, 10:43:29 am
Виктор, спасибо за совет!Работа по улучшению группы продолжается, и, конечно, такие коррекции нужны!Как вариант можно сделать и так. Прочитав содержимое какого-либо пункта меню, удобнее вернуться снова в меню, для ознакомления с другими пунктами.
Людмила, спасибо!)
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: Olga Z от Марта 27, 2017, 12:24:39 pm
Дорогие, коллеги! С помощью Wiki - разметки в контакте можно сделать огромное количество разнообразных переходов и интересных моментов. В одном уроке выкладывать не стала, так как это будет сложно. Готовлю ещё один урок с разными примерами по Wiki - разметке.
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: TatianaL от Марта 27, 2017, 02:59:07 pm
Ольга! Ждем-с))) Не беспокойтесь если информации получится много)))Главное - подробнее))Спасибо заранее за труд!!!!!!!
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: ТатьянаТ от Марта 27, 2017, 05:04:53 pm
Хочу тоже поблагодарить Ольгу за урок и за личную помощь в скайпе!:)
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: lediw от Марта 30, 2017, 04:14:21 pm
Ольга, Преогромная благодарность за урок!!!!!!!!!  Благодаря Вам легко сориентироватьс я в создании вики-разметки. Уверена, что урок по созданию лендинга и магазина в ВК  также будет очень полезен участникам форума! Заранее спасибо!
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: Ирина от Марта 30, 2017, 08:38:23 pm
Спасибо огромное, Ольга, за подробную информацию! О создании и установке landing page  в контакте, создании и установке мини сайта и наполнении  мини сайта товарами  тоже было бы очень интересно узнать:)
Название: Re: Оформление групп в контакте используя wiki - разметку.
Отправлено: t3533159 от Апреля 01, 2017, 10:43:08 pm
и я выражаю огромное спасибо!!!!:)
Название: Оформление групп в контакте используя wiki - разметку.
Отправлено: tanya от Мая 11, 2017, 05:15:59 am
Оленька,от всей души благодарю тебя за такой подробный рассказ,очень пригодятся твои знания !
Название: Оформление групп в контакте используя wiki - разметку.
Отправлено: tanya от Мая 11, 2017, 05:47:12 am
Оленька,решила обратиться к тебе за помощью.Когда я обучалась на тренинге,Александр предложил нам каждому  создать свою группу в контакте. Что я и сделала на скорую руку.Оформление в моей группе временное,буду все переделывать. А вопрос у меня такой,почему то у меня на главной ленте (не знаю,как правильно выразиться )под Свежими новостями появилась запись Фотографии с альбомами. https://vk.com/desing59  Я бы хотела,что бы запись с фотографиями  была не в центре,в главной ленте,а сбоку. Не ужели такое получилось,что я пыталась сделать дизайн по старому введению в оформлении  в контакте? Как убрать из записей эти фото и альбомы ? А вообще с этой твоей записью ты мне дала хорошую идею как оформить свою группу ,расписав услуги  по названиям. Еще раз от всей души благодарю тебя.
Название: Оформление групп в контакте используя wiki - разметку.
Отправлено: sbukhancova от Мая 13, 2017, 09:22:17 am
Ольга, большое вам спасибо за такой подробный и нужный урок!
Название: Оформление групп в контакте используя wiki - разметку.
Отправлено: Olga Z от Мая 13, 2017, 01:11:48 pm
Благодарю всех за тёплые слова! Очень приятно знать что комуто пригодилась моя помощь и знания! Мой скайп olga0819711 обращайтесь всегда рада помочь! Всем огромная благодарность!
Название: Оформление групп в контакте используя wiki - разметку.
Отправлено: TatianaL от Мая 16, 2017, 07:43:40 pm
https://vk.com/dizzain4u
Наконец то оформила себе страницу ВК. Перебрала пять вариантов оформления...И этот не последний))))Оля, спасибо!)
Название: Оформление групп в контакте используя wiki - разметку.
Отправлено: Екатерина Паюл от Сентября 02, 2017, 07:14:00 am
Добрый день.
Спасибо Ольге за подробный урок, я им тоже когда-то воспользовалась .
Для своего удобства я его перевела в PDF.
Прилагаю файл, может в таком формате тоже пригодится.
Название: Оформление групп в контакте используя wiki - разметку.
Отправлено: Olga Z от Сентября 06, 2017, 11:29:11 am
Благодарю, Екатерина! Очень удобно!
Название: Оформление групп в контакте используя wiki - разметку.
Отправлено: tanya от Ноября 26, 2017, 09:30:38 am
Оленька,от всей души благодарю тебя за урок ! Но у меня все равно ничего не получается.Еще пол года назад я пыталась оформить свою группу,но мне не удавалось закрепить  баннер.Помню,я тогда обращалась за помощью,но мне никто не помог.Сейчас  я опять вернулась к оформлению,переделала дизайн.Ну и опять же споткнулась на том же месте,а именно не могу вставлять картинки согласно вашей записи ,цитирую "Обратите внимание! Запись нужно размещать от имени сообщества.Для этого нужно:" И в моем случае нет значка,на который я могла бы нажать и отправить от имени сообщества.В моем случае есть просто кнопочка сохранить или предпросмотр https://yadi.sk/i/ExLCAE2J3Q3iAd    Не знаю,где я делаю ошибку. Может мне дать логин и пароль и вы сами посмотрите,что же я не так сделала
Название: Оформление групп в контакте используя wiki - разметку.
Отправлено: tanya от Ноября 26, 2017, 09:43:02 am
Оля,еще хочу дополнить. Смотрю на скрины  дальше и вижу,что у тебя в группе добавилось в меню "все записи",а у меня этого нет.Может это по той же причине ? А свой вопрос я задавала в мае месяце,но мне никто не ответил.
Название: Оформление групп в контакте используя wiki - разметку.
Отправлено: Добрый модератор от Ноября 26, 2017, 02:20:31 pm
Татьяна для того чтобы разместить пост от имени сообщества нажмите на поле "Добавить запись" внизу справа вы увидите аватарку и стрелочку, нажмите и в выпадающем меню выберите сообщество
Название: Оформление групп в контакте используя wiki - разметку.
Отправлено: Olga Z от Декабря 01, 2017, 02:10:50 am
Здравствуйте, Танюша! Очень рада видеть Вас снова на форуме. Очень странно что Вы не получили мое сообщение, прошу прощения, такое случилось первый раз, все кто обращался за помощью всем помогла. Если Вам нужна помощь обращайтесь в скайп olga0819711 помогу все настроить и во всём разобраться.