Ствараем меню ў групе Вконтакте

Шмат дзе Укантакце магчыма сустрэць блок хуткага пераходу ў якой-небудзь падзел або на іншы рэсурс. Дзякуючы дадзенай магчымасці, можна істотна палегчыць працэс карыстацкага ўзаемадзеяння з групай.

Ствараем меню для групы VK

Любы блок пераходаў, створаны ў супольнасці Вконтакте, наўпрост залежыць ад папярэдняга падлучэння спецыяльных магчымасцяў, якія выкарыстоўваюцца пры распрацоўцы вікі-старонак. Менавіта на гэтым аспекце грунтуюцца ўсе далей прыведзеныя спосабы стварэння меню.

  1. На сайце ВК перайдзіце на старонку "Групы", Пераключыцеся на ўкладку "Упраўленне" і перайдзіце да патрэбнага Паблік.
  2. Клікніце па значку "… ", Размешчанага пад асноўнай карцінкай Паблік.
  3. Перайдзіце да падзелу "Упраўленне супольнасцю".
  4. Праз навігацыйнае меню ў правай частцы старонкі пераключыцеся на ўкладку "Налады" і абярыце даччыны пункт "Няма падзелаў".
  5. знайсці пункт "Матэрыялы" і перавядзіце іх у статус "Абмежаваныя".
  6. можаце зрабіць "Адкрытыя", Але ў гэтым выпадку меню будзе даступна для рэдагавання звычайнымі ўдзельнікамі.

  7. націсніце кнопку "Захаваць" ўнізе старонкі.
  8. Вярніцеся на галоўную старонку супольнасці і пераключыцеся на ўкладку "Свежыя навіны", Размешчаную пад назвай і статусам групы.
  9. націсніце кнопку "Рэдагаваць".
  10. У правым верхнім куце адкрыўся акна клікніце па абразку "" са ўсплывальнай падказкай "Рэжым wiki-разметкі".
  11. Пераключэнне ў названы рэжым дазваляе выкарыстоўваць больш стабільную версію рэдактара.

  12. Зменіце стандартнае найменне раздзела "Свежыя навіны" на падыходнае.

Цяпер, скончыўшы з падрыхтоўчымі работамі, можна прыступаць непасрэдна да працэсу стварэння меню для супольнасці.

тэкставае меню

У дадзеным выпадку намі будуць разгледжаны асноўныя моманты, якія датычацца стварэння найпростага тэкставага меню. Калі судзіць у цэлым, то дадзены тып меню з'яўляецца менш запатрабаваным сярод адміністрацыі розных супольнасцяў, у сувязі з адсутнасцю эстэтычнай прывабнасці.

  1. У асноўны тэкставае поле пад панэллю інструментаў увядзіце спіс частак, якія павінны ўваходзіць у пералік спасылак вашага меню.
  2. Кожны пералічаны пункт пастанавеце ў адкрываюць і закрываюць квадратныя дужкі "[]".
  3. У пачатку ўсіх пунктаў меню дадайце па адным знаку зорачкі "*".
  4. Перад найменнем кожнага пункта ўнутры квадратных дужак пастаўце адзіночную вертыкальную рысу "|".
  5. Паміж адкрывалай квадратнай дужкай і вертыкальнай рысай ўстаўце прамую спасылку на старонку, куды будзе трапляць карыстальнік.
  6. Магчыма выкарыстоўваць як унутраныя спасылкі дамена VK.com, так і знешнія.

  7. Унізе дадзенага акна націсніце кнопку "Захаваць старонку".
  8. Над радком з найменнем раздзела перайдзіце на ўкладку "Прагляд".

У абавязковым парадку пратэстуйце ваша меню і давядзіце яго стан да дасканаласці.

Як можна заўважыць, працэдура стварэння тэкставага меню не здольная выклікаць праблем і вырабляецца гранічна хутка.

графічнае меню

Звярніце ўвагу, што пры выкананні інструкцыі ў рамках гэтага падзелу артыкула вам спатрэбяцца хоць бы базавыя навыкі валодання праграмай Photoshop або любым іншым графічным рэдактарам. Калі вы такімі не валодаеце, вам прыйдзецца вучыцца па ходзе выканання дзеянняў.

Рэкамендуецца прытрымлівацца тых параметраў, якія выкарыстоўваюцца намі па ходзе дадзенай інструкцыі, каб пазбегнуць якіх-небудзь праблем з некарэктным адлюстраваннем малюнкаў.

  1. Запусціце праграму Photoshop, адкрыйце меню "Файл" і абярыце пункт "Стварыць".
  2. Пакажыце дазвол для будучага меню і націсніце кнопку "Стварыць".
  3. Шырыня: 610 пікселяў
    Вышыня: 450 пікселяў
    Дазвол: 100 пікселяў / цаля

    Вашыя памеры малюнка могуць адрознівацца ў залежнасці ад канцэпцыі ствараемага меню. Аднак, ведайце, што пры расцяг карцінкі ў рамках wiki-распранула, шырыня графічнага файла не можа перавышаць 610 пікселяў.

  4. Перацягнуць ў працоўную вобласць праграмы малюнак, якое будзе гуляць ролю фону ў вашым меню, расцягніце яго як вам зручна і націсніце клавішу "Enter".
  5. Не забывайце выкарыстоўваць заціснутую клавішу "Shift", Каб раўнамерна маштабаваць малюнак.

  6. Клікніце правай клавішай мышы па асноўным фону вашага дакумента і абярыце пункт "Аб'яднаць бачныя".
  7. На панэлі інструментаў актывуйце "Прастакутнік".
  8. выкарыстоўваючы "Прастакутнік", У працоўнай вобласці стварыце сваю першую кнопку, акцэнтуючы ўвагу на роўныя памеры.
  9. Для зручнасці рэкамендуецца ўключыць "Дапаможныя элементы" праз меню "Прагляд".

  10. Надайце сваёй кнопцы такі знешні выгляд, які вы хацелі б бачыць, выкарыстоўваючы ўсе вядомыя вам магчымасці праграмы Photoshop.
  11. Клануецца створаную кнопку, заціснуўшы клавішу "Alt" і перацягваючы малюнак у рамках працоўнай вобласці.
  12. Колькасць неабходных копій і канчатковае і размяшчэнне зыходзіць ад вашай асабістай задумкі.

  13. Пераключыцеся на інструмент "Тэкст", Клікнуўшы па адпаведным значку на панэлі інструментаў або націснуўшы клавішу "T".
  14. Клікніце ў любым месцы дакумента, надрукуйце тэкст для першай кнопкі і размесціце яго ў галіне аднаго з раней створаных малюнкаў.
  15. Памеры тэксту можаце выставіць любыя, якія задавальняюць вашыя жаданні.

  16. Для таго, каб Цэнтраваць тэкст па малюнку, вылучыце пласт з тэкстам і патрэбным малюнкам, заціснуўшы клавішу "Ctrl", І па чарзе націсніце кнопкі выраўноўвання на верхняй панэлі інструментаў.
  17. Не забудзьцеся аформіць тэкст у адпаведнасці з канцэпцыяй меню.

  18. Паўтарыце апісаную працэдуру ў адносінах да пакінутых кнопак, прапісаўшы тэкст, які адпавядае назве раздзелаў.
  19. Націсніце на клавіятуры клавішу "C" або абярыце прыладу "Раскрой" з дапамогай панэлі.
  20. Вылучыце кожную кнопку, адштурхваючыся ад вышыні створанага малюнка.
  21. Адкрыйце меню "Файл" і абярыце пункт "Захаваць для Web".
  22. Усталюйце фармат файла "PNG-24" і ў самым нізе акна націсніце кнопку "Захаваць".
  23. Пакажыце тэчку, куды будуць змешчаны патрэбныя файлы, і, не мяняючы ніякіх дадатковых палёў, клікніце па кнопцы "Захаваць".

На гэтым моманце вы можаце зачыніць графічны рэдактар ​​і зноў вярнуцца на сайт Вконтакте.

  1. Знаходзячыся ў раздзеле рэдагавання меню, на панэлі інструментаў клікніце па значку "Дадаць фатаграфію".
  2. Загрузіце ўсе выявы, якія былі захаваныя на апошнім этапе працы з Photoshop.
  3. Дачакайцеся заканчэння працэсу загрузкі малюнкаў і дадання радкоў кода ў рэдактар.
  4. Пераключыцеся ў рэжым візуальнага рэдагавання.
  5. Па чарзе клікніце на кожнае выява, выстаўляючы для кнопак максімальна магчымае значэнне "Шырыня".
  6. Не забывайце захоўваць змены.

  7. Вярніцеся ў рэжым рэдагавання wiki-разметкі.
  8. Пасля дазволу, указанага ў кодзе, пастаўце сімвал ";" і прапішыце дадатковы параметр "Nopadding;". Гэта неабходна зрабіць, каб паміж выявамі не было візуальных парываў.
  9. Калі вам неабходна дадаць графічны файл без спасылкі, пасля раней названага параметра "Nopadding" прапішіце "Nolink;".

  10. Далей ўстаўце прамую спасылку на старонку, куды будзе пераходзіць карыстальнік, паміж першай закрывае квадратнай дужкай і вертыкальнай рысай, выключыўшы ўсе прабелы.
  11. У выпадку пераходу да частак групы або на іншы сайт, вам варта выкарыстоўваць поўны варыянт спасылкі з адраснай радка. Калі вы пераходзіце на якую-небудзь запіс, напрыклад, у абмеркаваннях, выкарыстоўвайце скарочаны варыянт адрасы, які змяшчае сабе сімвалы, якія ідуць пасля "Vk.com/".

  12. Націсніце унізе кнопку "Захаваць зьмены" і перайдзіце на ўкладку "Прагляд", Каб праверыць працаздольнасць.
  13. Як толькі ваш блок кіравання будзе наладжаны належным чынам, перайдзіце на галоўную старонку супольнасці, каб праверыць работу канчатковай версіі меню групы.

У дадатак да ўсяго варта адзначыць, што вы заўсёды можаце ўдакладніць падрабязнасці аб перадзеле з дапамогай спецыяльнага раздзела "Дапамога па разметцы", Даступнага непасрэдна з акна рэдагавання вашага меню. Ўдачы!

Глядзіце відэа: COUNTRYBALLS 28. Китайская мудрость (Снежні 2024).