Achtergrond voor iedereen 100% zichtbaar

van CCDragon wo 17 jul 2013 - 19:09

Ben ik weer Razz

Ik heb een vraagje wat volgens mij vrij simpel moet zijn, alleen ken ik de code ervoor niet. Ik heb een plaatje op mijn achtergrond van 1600x1000 pixels, zodat bijna iedereen geen herhaling ziet in de achtergrond, maar op kleiner schermen zie je niet de gehele achtergrond. Wat best jammer is.

Dus, mijn vraag: Is er een code waarbij de achtergrond voor iedereen 100% te zien is? Dus dat de achtergrond zich aanpast aan de grootte van het scherm. Hoop dat ik een beetje duidelijk ben xD

van 10spetter10 wo 17 jul 2013 - 21:49

Ik weet wel hoe ik dit zou doen met css maar het probleem is dat je achtergrond rechtstreeks in je body is gezet. Hierdoor wordt de css toegepast op je body en niet op zijn background-image.

Je kan het oplossen door een nieuwe image in te voegen via de templates en die een id te geven.

Plak deze code vlak onder van de template overall_header. Je mag {T_BODY_BACKGROUND} laten staan, dan past het zich automatisch aan aan jouw gekozen background.

Code:: <img id="achtergrond" src="{T_BODY_BACKGROUND}">

Dan plak je ook nog deze bij je css:

Code:: img#achtergrond{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1; }

Het nadeel hiervan is wel dat je een afbeelding gaat laten uitrekken of indrukken.
Neem bijvoorbeeld deze afbeelding:
Achtergrond voor iedereen 100% zichtbaar Hd-3d-game-wallpaper-van-super-mario-galaxy-hd-spel-super-mario-galaxy-achtergrond

Achtergrond voor iedereen 100% zichtbaar Hd-3d-game-wallpaper-van-super-mario-galaxy-hd-spel-super-mario-galaxy-achtergrond

Als deze op mijn scherm zou komen wordt die volledig misvormd:

van CCDragon wo 17 jul 2013 - 22:21

De code werkt niet :/ Misschien heb ik hem verkeerd ingevoerd..? In elk geval resized hij de achtergrond niet en er komt links bovenaan mijn index pagina een code te staan:

Spoiler:

van 10spetter10 wo 17 jul 2013 - 22:29

hmm raar :/

Hij moet werken hoor want het heeft al op het forum van oussi gestaan. Razz

https://ondersteun.actieforum.com/t4346-background

Dits taat er normaal bij overall_header he?

Code:: <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

Maak er eens dit van:

Code:: <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"> <img id="achtergrond" src="{T_BODY_BACKGROUND}">