Kako Napraviti Gumenu Kapu

Sadržaj:

Kako Napraviti Gumenu Kapu
Kako Napraviti Gumenu Kapu

Video: Kako Napraviti Gumenu Kapu

Video: Kako Napraviti Gumenu Kapu
Video: How to make a CARDBOARD HAT - Easy-to-Make - Just5mins 2024, Maj
Anonim

Gornji dio web stranice, koji se naziva i zaglavljem, obično odražava temu resursa i može sadržavati traku za navigaciju. Ako zaglavlje web stranice ima određenu širinu, tada će na zaslonima korisnika s različitim rezolucijama ovaj dio web stranice izgledati drugačije. Da bi zaglavlje web stranice izgledalo jednako na bilo kojem zaslonu, potrebno je napraviti neke od njegovih dijelova istezanjem ili skupljanjem, ovisno o veličini zaslona. Takva gumena kapa može se napraviti bez fiksiranja širine u pikselima.

Kako napraviti gumenu kapu
Kako napraviti gumenu kapu

Potrebno

imate svoju web stranicu

Instrukcije

Korak 1

Da biste napravili gumenu kapu, prvo je nacrtajte u Photoshopu. Zatim odvojite 3 dijela slike: 2 stranice i sredinu. Ti komadi trebaju biti široki oko 10-20 piksela i približno visine zaglavlja koje želite. Spremite svaki element tako da imate 3 različite datoteke: 1.gif, 2.gif, 3.gif. Pošaljite ove slike na web lokaciju.

Korak 2

Zatim stvorite tablicu u kojoj će se nalaziti elementi na vrhu web lokacije. Da biste to učinili, napišite u HTML kod:

Tablica širine 100% protegnut će se ili smanjiti ovisno o veličini korisnikovog zaslona.

Korak 3

Napravite liniju u tablici u čiju ćeliju smjestite lijevu stranu zaglavlja stranice 1.gif:

Korak 4

Stvorite srednji odjeljak zaglavlja web stranice koji se sastoji od ponavljajuće slike 2.gif. Da biste to učinili, u svoj CSS kod napišite sljedeće:

.header {background-image: url ('images / 2.gif');}

Korak 5

Sada, u nizu tablice, kreirajte drugu ćeliju i u nju smjestite srednji element vrha web stranice, pokazujući na zaglavlje njenog imena u CSS kodu:

Naziv stranice

>

Korak 6

Nakon što ste kreirali treću ćeliju u redu tablice, stavite desnu stranu zaglavlja stranice 3

Naziv stranice

Preporučuje se: