Hoe Maak Je Een Rubberen Dop?

Inhoudsopgave:

Hoe Maak Je Een Rubberen Dop?
Hoe Maak Je Een Rubberen Dop?

Video: Hoe Maak Je Een Rubberen Dop?

Video: Hoe Maak Je Een Rubberen Dop?
Video: Hoe het plafond te omhullen met plastic panelen 2024, Mei
Anonim

Het bovenste deel van de site, ook wel de kop genoemd, geeft meestal het onderwerp van de bron weer en kan een navigatiebalk bevatten. Als de koptekst van de site een bepaalde breedte heeft, ziet dit deel van de site er op de schermen van gebruikers met verschillende resoluties anders uit. Om ervoor te zorgen dat de koptekst van de site er op elk scherm hetzelfde uitziet, is het noodzakelijk om sommige secties uit te rekken of te verkleinen, afhankelijk van de grootte van het scherm. Zo'n rubberen dop kan worden gemaakt zonder de breedte in pixels vast te leggen.

Hoe maak je een rubberen dop?
Hoe maak je een rubberen dop?

Noodzakelijk

heb je eigen website

instructies:

Stap 1

Om een rubberen dop te maken, tekent u deze eerst in Photoshop. Scheid vervolgens 3 delen van de afbeelding: 2 zijden en het midden. Deze stukjes moeten ongeveer 10-20 pixels breed zijn en ongeveer zo hoog als de gewenste kop. Sla elk element op zodat je 3 verschillende bestanden hebt: 1.gif, 2.gif, 3.gif. Stuur deze afbeeldingen naar de site.

Stap 2

Maak vervolgens een tabel met de elementen bovenaan de site. Om dit te doen, schrijft u in de HTML-code:

Een tafel met een breedte van 100% zal uitrekken of krimpen, afhankelijk van de schermgrootte van de gebruiker.

Stap 3

Maak een lijn in de tabel, in de cel waarvan plaats de linkerkant van de 1

Stap 4

Maak een middengedeelte van de siteheader dat bestaat uit een herhalende 2.gif-afbeelding. Om dit te doen, schrijft u het volgende in uw CSS-code:

.header {achtergrondafbeelding: url ('afbeeldingen / 2.gif');}

Stap 5

Maak nu in een rij van de tabel een andere cel en plaats het middelste element van de bovenkant van de site erin, wijzend naar de naamkop in de CSS-code:

Naam van de site

>

Stap 6

Nadat u de derde cel in de tabelrij hebt gemaakt, plaatst u de rechterkant van de 3.gif-sitekop in deze cel:

Naam van de site

Aanbevolen: