Wanneer u uw eigen website maakt, wilt u natuurlijk dat deze zo aantrekkelijk mogelijk wordt weergegeven, ongeacht de browserversie van de gebruiker. Met name zodat het achtergrondbeeld wordt uitgerekt en aangepast aan de resolutie van de computermonitor.
Het is nodig
vaardigheden in het werken met html, css, java-script
instructies:
Stap 1
Open de code voor uw site in een willekeurige editor, zoals Kladblok of een speciaal webontwerpprogramma, Dreamweaver. Plak de volgende regels in de code om de achtergrond van de site uit te rekken. Achtergrond toevoegen: url (‘Voeg een link naar de afbeelding in’).
Stap 2
Gebruik de volgende code om de afbeelding horizontaal te vergroten: Achtergrond: url ('Voeg een link naar de afbeelding in' repeat-x), verticaal - vervang aan het einde van de code x door y. Als de site is opgemaakt in een css-bestand, plakt u de code erin. Op deze manier kunt u een rubberachtige achtergrond op uw site plaatsen.
Stap 3
Gebruik het volgende codevoorbeeld om een achtergrondafbeelding op een pagina te plaatsen en deze automatisch uit te rekken om te passen bij de resolutie van de monitor waarop de pagina wordt bekeken. Voorbeeldcode: body {background: "Insert a link to the background image" () no-repeat vast links in het midden; dan achtergrondgrootte: […].
Stap 4
Om de achtergrondafbeelding uit te rekken, voegt u eenvoudig een afbeelding in als achtergrond en stelt u de breedte in op 100%. Voeg bijvoorbeeld de volgende tekst in de paginacode in: background image "alt =" Voer de naam van de afbeelding in "/>. Het wordt dus gebruikt om in de breedte van de afbeelding te passen, maar de verhoudingen worden geschonden.
Stap 5
Op dezelfde manier kunt u de afbeelding zo instellen dat deze in de hoogte wordt uitgerekt, door hoogte te gebruiken in plaats van het kenmerk width. Of gebruik het volgende codevoorbeeld voor css: achtergrondafbeelding van de site) "> en voeg daarna 100% breedte van de afbeelding toe zoals in het vorige voorbeeld. U kunt het script ook gebruiken om de schermresolutie van de gebruiker te achterhalen en de grootte te bewerken van uw tafel ervoor.
