Kuidas Teha Vertikaalset Rippmenüüd

Sisukord:

Kuidas Teha Vertikaalset Rippmenüüd
Kuidas Teha Vertikaalset Rippmenüüd

Video: Kuidas Teha Vertikaalset Rippmenüüd

Video: Kuidas Teha Vertikaalset Rippmenüüd
Video: Üleminek. Leidsin onu majast midagi hirmutavat. Gerald Durrell 2024, Mai
Anonim

Vertikaalne rippmenüü on väga mugav - see säästab veebilehe ruumi ja aitab samal ajal saidil hõlpsasti navigeerida. Proovige teha rippmenüü CSS - kaskaadstiililehtede põhjal. Kui te pole veel CSS-koodi loomise ekspert, siis kasutage teenust purecssmenu.com. Peate valima menüü tüübi, kohandama selle välimust ja seejärel kohandama seda oma saidile. Teenus loob ise vajaliku koodi, mille sisestate seejärel oma saidi failidesse.

Kuidas teha vertikaalset rippmenüüd
Kuidas teha vertikaalset rippmenüüd

Juhised

Samm 1

Registreeruge veebisaidil purecssmenu.com, vastasel juhul ei saa te loodud menüüd alla laadida. Klõpsake lehe vasakus servas nuppu Mallid. Allpool näete mitut rippmenüü malliga väikest akent, millele klõpsates laaditakse eelvaate aknas paremal pool eelvaade. Valige oma saidile sobiv mall

2. samm

Menüü fondi ja värvi kohandamine: kasutage vahekaarti Parameetrid. Valige väljal Font font, fondi suurus, vajadusel allajoonitud ja rasvane kiri. Määrake väljal Värvid menüü taust, fondi värv ning fondi hõljumise ja tausta hõljutamise värvid

3. samm

Menüüelementide haldamiseks avage vahekaart Üksused. Kui klõpsate nupul Kustuta prügikast, tühjendatakse näidiselemendid ja saate ise need luua. Selleks vajutage nuppu Lisa üksus pluss - üksus lisatakse menüü lõppu. Nuppu Lisa järgmine üksus kasutatakse praegu valitud aega järgiva üksuse lisamiseks. Nupp Lisa alamüksus loob valiku jaoks alammenüü üksuse. Vastavalt kasutage üksuse eemaldamiseks nuppu Eemalda üksus

4. samm

Pöörake tähelepanu saidi allosas olevale väljale Parameetrid. Ridul Tekst määrake menüüelemendi nimi, real Link link - selle lehe URL, kuhu see üksus viib. Reale Vihje võite jätta üksuse kirjelduse, mida kuvatakse lingi kohal hõljutades. Liini Siht abil määratakse viis, kuidas linki viiva lehe avada. Selle rea parameeter _self avab lehe praegusega samas brauseriaknas

5. samm

Pärast menüü seadistamise lõpetamist laadige see alla - klõpsake lehe paremas alanurgas nuppu Laadi alla (see funktsioon on saadaval pärast saidil registreerumist). Valige kõvakettalt kaust, kuhu arhiivifail salvestatakse. Paki see lahti. Peate kopeerima vajaliku koodi failist purecssmenu.html oma saidi CSS-i mallifaili. Avage tekstiredaktoriga fail purecssmenu.html ja kopeerige kood märgendite ja vahel oma saidi CSS-i malli (see fail on laiendiga.css ja näeb välja umbes nagu fail.css). Nüüd kleepige kood saidimalli (teemade) faili - kood aadressilt purecssmenu.html kommentaaride vahele ja tavalise menüükoodi asemel. Selleks peate olema programmeerimisega vähemalt veidi kursis. Kleepige kood kindlasti õigesse faili ja salvestage.

Soovitan: