Kā Izveidot Vertikālu Nolaižamo Izvēlni

Satura rādītājs:

Kā Izveidot Vertikālu Nolaižamo Izvēlni
Kā Izveidot Vertikālu Nolaižamo Izvēlni

Video: Kā Izveidot Vertikālu Nolaižamo Izvēlni

Video: Kā Izveidot Vertikālu Nolaižamo Izvēlni
Video: Side Navigation with Dropdown | HTML and CSS || JDBCODE 2024, Decembris
Anonim

Vertikālā nolaižamā izvēlne ir ļoti ērta - tā ietaupa vietu tīmekļa lapā, vienlaikus palīdzot viegli orientēties vietnē. Mēģiniet izveidot nolaižamo izvēlni, pamatojoties uz CSS - kaskādes stila lapas. Ja vēl neesat eksperts CSS koda izveidē, izmantojiet pakalpojumu purecssmenu.com. Jums jāizvēlas izvēlnes veids, jāpielāgo tās izskats un pēc tam jāpielāgo tā savai vietnei. Pakalpojums pats ģenerēs nepieciešamo kodu, kuru pēc tam ievietosiet savas vietnes failos.

Kā izveidot vertikālu nolaižamo izvēlni
Kā izveidot vertikālu nolaižamo izvēlni

Instrukcijas

1. solis

Reģistrējieties vietnē purecssmenu.com, pretējā gadījumā nevarēsit lejupielādēt izveidoto izvēlni. Noklikšķiniet uz pogas Veidnes lapas kreisajā pusē. Zemāk redzēsiet vairākus mazus logus ar nolaižamās izvēlnes veidnēm, uz kuriem noklikšķinot, loga Priekšskatījums labajā pusē tiks ielādēts priekšskatījums. Izvēlieties savai vietnei piemērotu veidni

2. solis

Pielāgojiet izvēlnes fontu un krāsu: izmantojiet cilni Parametri. Laukā Fonts atlasiet fontu, fonta lielumu, ja nepieciešams, pasvītrojiet un treknrakstā. Laukā Krāsas iestatiet izvēlnes fona, fonta krāsu, fonta kursora un fona kursora krāsas

3. solis

Atveriet cilni Vienumi, lai pārvaldītu izvēlnes vienumus. Noklikšķinot uz pogas Notīrīt atkritni, vienumu paraugi tiek notīrīti, un jūs varat izveidot savus. Lai to izdarītu, nospiediet pogu Pievienot vienumu plus - vienums tiks pievienots izvēlnes beigās. Poga Pievienot nākamo vienumu tiek izmantota, lai pievienotu vienumu pēc pašreiz izvēlētā laika. Poga Pievienot apakšpozīciju izveido atlases apakšizvēlnes vienumu. Attiecīgi, lai noņemtu vienumu, izmantojiet pogu Noņemt vienumu

4. solis

Pievērsiet uzmanību laukam Preces parametri vietnes apakšdaļā. Rindā Teksts norādiet izvēlnes vienuma nosaukumu, rindā Saite - tās lapas URL, uz kuru novedīs šis vienums. Rindā Padoms varat atstāt vienuma aprakstu, kas tiks parādīts, virzot kursoru virs saites. Mērķa līnija tiek izmantota, lai noteiktu veidu, kā atvērt lapu, uz kuru novirza saite. Šīs rindas parametrs _self atver lapu tajā pašā pārlūkprogrammas logā, kurā pašreizējais

5. solis

Pabeidzot izvēlnes iestatīšanu, lejupielādējiet to - lapas apakšējā labajā stūrī noklikšķiniet uz pogas Lejupielādēt (šī funkcija ir pieejama pēc reģistrēšanās vietnē). Cietajā diskā atlasiet mapi, kurā tiks saglabāts arhīva fails. Izpakojiet to. Nepieciešamais kods no faila purecssmenu.html būs jākopē vietnes CSS veidnes failā. Atveriet failu purecssmenu.html ar teksta redaktoru un kopējiet kodu starp tagiem un vietnes CSS veidnē (šim failam ir paplašinājums.css un tas izskatās līdzīgs failam.css). Tagad ielīmējiet kodu vietnes veidnes (motīvu) failā - kods no purecssmenu.html starp komentāriem un parastā izvēlnes koda vietā. Lai to izdarītu, jums vismaz nedaudz jāpārzina programmēšana. Noteikti ielīmējiet kodu pareizajā failā un saglabājiet.

Ieteicams: