Hoe Om 'n Rubberdop Te Maak

INHOUDSOPGAWE:

Hoe Om 'n Rubberdop Te Maak
Hoe Om 'n Rubberdop Te Maak

Video: Hoe Om 'n Rubberdop Te Maak

Video: Hoe Om 'n Rubberdop Te Maak
Video: Pompon maken met de hand ♥ DIY 2024, Mei
Anonim

Die boonste gedeelte van die webwerf, wat ook die opskrif genoem word, weerspieël gewoonlik die onderwerp van die bron en kan 'n navigasiebalk bevat. As die werfkop 'n sekere breedte het, sal hierdie deel van die werf anders op die skerms van gebruikers met verskillende resolusies lyk. Om die koptekst van die werf op enige skerm dieselfde te laat lyk, is dit nodig om van die gedeeltes te laat rek of krimp, afhangende van die grootte van die skerm. So 'n rubberdop kan gemaak word sonder om die breedte daarvan in pixels vas te maak.

Hoe om 'n rubberdop te maak
Hoe om 'n rubberdop te maak

Nodig

het u eie webwerf

Instruksies

Stap 1

Om 'n rubberdop te maak, teken dit eers in Photoshop. Skei dan drie dele van die prentjie: twee sye en die middel. Hierdie stukke moet ongeveer 10-20 pixels breed wees en ongeveer die hoogte van die kopstuk wat u wil hê. Stoor elke element sodat u drie verskillende lêers het: 1.gif, 2.gif, 3.gif. Dien hierdie beelde op die webwerf in.

Stap 2

Maak vervolgens 'n tabel wat die elemente bo-aan die werf bevat. Om dit te doen, skryf u die HTML-kode in:

'N Tabel met 'n breedte van 100% sal rek of krimp, afhangende van die gebruiker se skermgrootte.

Stap 3

Maak 'n reël in die tabel in die sel waarin die linkerkant van die 1.gif-webwerfkop plaas:

Stap 4

Skep 'n middelste gedeelte van die webwerfkop wat bestaan uit 'n herhalende 2.gif-prent. Om dit te doen, skryf die volgende in u CSS-kode:

.header {agtergrond-beeld: url ('beelde / 2.gif');}

Stap 5

Skep nou in 'n ry van die tabel 'n ander sel en plaas die middelste element van die bokant van die webwerf daarin, met die naamkop in die CSS-kode:

Naam van die werf

>

Stap 6

Nadat u die derde sel in die tabelry geskep het, plaas u die regterkant van die 3.gif-webwerfkop in hierdie sel:

Naam van die werf

Aanbeveel: