Kuinka Tehdä Kumikorkki

Sisällysluettelo:

Kuinka Tehdä Kumikorkki
Kuinka Tehdä Kumikorkki

Video: Kuinka Tehdä Kumikorkki

Video: Kuinka Tehdä Kumikorkki
Video: SOFIAN FIDGET TUTORIAL - miten tehdään oma fidget paperista 2024, Marraskuu
Anonim

Sivuston yläosa, jota kutsutaan myös otsikoksi, heijastaa yleensä resurssin kohdetta ja voi sisältää navigointipalkin. Jos sivuston otsikossa on tietty leveys, tämän sivuston osa näyttää erilaiselta eri resoluutioisten käyttäjien näytöissä. Jotta sivuston otsikko näyttäisi samalta millä tahansa näytöllä, on tarpeen, että osa sen osista venytetään tai kutistuu näytön koosta riippuen. Tällainen kumisuojus voidaan tehdä kiinnittämättä sen leveyttä pikseleinä.

Kuinka tehdä kumikorkki
Kuinka tehdä kumikorkki

Välttämätön

sinulla on oma verkkosivusto

Ohjeet

Vaihe 1

Tee kumikorkki vetämällä se ensin Photoshopiin. Erota sitten 3 kuvan osaa: 2 sivua ja keskiosa. Näiden kappaleiden tulisi olla noin 10-20 pikseliä leveitä ja haluamasi otsikon korkeuden. Tallenna kukin elementti siten, että sinulla on 3 erilaista tiedostoa: 1.gif, 2.gif, 3.gif. Lähetä nämä kuvat sivustolle.

Vaihe 2

Luo seuraavaksi taulukko, joka pitää sisällään elementit sivuston yläosassa. Voit tehdä tämän kirjoittamalla HTML-koodiin:

100% leveä taulukko venyy tai kutistuu käyttäjän näytön koosta riippuen.

Vaihe 3

Tee taulukkoon viiva, jonka soluun aseta 1.gif-sivuston otsikon vasen puoli:

Vaihe 4

Luo sivuston otsikon keskiosa, joka koostuu toistuvasta 2.gif-kuvasta. Voit tehdä tämän kirjoittamalla seuraavat tiedot CSS-koodiin:

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

Vaihe 5

Luo nyt taulukon riville toinen solu ja aseta siihen sivuston yläosan keskielementti osoittamalla sen nimiotsikkoon CSS-koodissa:

Sivuston nimi

>

Vaihe 6

Kun olet luonut kolmannen solun taulukkoriville, aseta 3.gif-sivuston otsikon oikea puoli tähän soluun:

Sivuston nimi

Suositeltava: