Ang patayong menu para sa site ay isang napaka-maginhawang pagpapaandar na tumutulong upang makatipid ng puwang at madaling mag-navigate sa mapagkukunan. Maaari mo itong gawin batay sa cascading CSS style sheet o paggamit ng mga espesyal na tool.
Panuto
Hakbang 1
Buksan ang purecssmenu.com website at magrehistro dito, kung hindi man ay hindi ka makakalikha at makapag-download ng nilikha na menu. Sa kaliwang bahagi, hanapin ang mga pindutan ng Mga Template at mag-click dito. Sa ibaba ay magkakaroon ng maliliit na bintana na may mga template ng patayong menu. Mag-click sa kanila isa-isa at tingnan ang window ng I-preview. Piliin ang template na pinakaangkop sa iyong site.
Hakbang 2
Itakda ang font at kulay ng menu gamit ang tab na Mga Parameter. Maaari kang pumili ng isang font at laki nito sa patlang ng Font. Kung kinakailangan, tukuyin ang salungguhit / naka-bold. Itakda ang background (background) ng patayong menu sa patlang ng Mga Kulay, itakda ang kulay ng font at kulay ng background sa hover (fonthover / backgroundhover).
Hakbang 3
Pumunta sa menu ng Mga Item upang pamahalaan ang mga item sa menu. Ang pag-click sa I-clear ang pindutan ay linisin ang mga sample na item upang maaari kang lumikha ng iyong sarili. Sapat na upang mag-click sa AddItem plus key upang magdagdag ng isang item sa dulo ng menu. Gamit ang pindutang AddNextItem, maaari kang magdagdag ng isang item na susundan pagkatapos ng kasalukuyang napiling oras. Ang pindutang AddSubitem sa menu ay lumilikha ng isang pugad na item para sa napiling isa. Upang alisin ang isang linya, gamitin ang pindutan na Alisin angItem.
Hakbang 4
Buksan ang mga parameter ng item (ItemParameter) sa ilalim ng site. Magpasok ng isang pangalan para sa menu item sa linya ng Teksto, at ang web address nito sa Link. Ang linya ng Tip ay responsable para sa paglalarawan ng item, ipinakita kapag ang cursor ay lumilipat sa link. Tinutukoy ng seksyong Target kung paano binubuksan ang pahina. Gamit ang parameter na _elf, maaaring mai-configure ang pahina upang buksan sa kasalukuyang window ng browser.
Hakbang 5
I-download ang handa nang menu sa pamamagitan ng pag-click sa pindutang Mag-download sa ilalim ng pahina. Kopyahin ang kaukulang code na matatagpuan sa purecssmenu.html file sa CSS template file: sa simula at sa dulo. Tiyaking i-paste sa tamang code at i-save ang file.