Thread: Achtergrond website
-
04-10-2011, 17:58 #1Approved 9-lifer
- Registered
- 08/12/08
- Location
- Roeselare
- Posts
- 384
- iTrader
- 6 (100%)
- Mentioned
- 0 Post(s)
Achtergrond website
Ik zou dus op mijn website een achtergrond willen plaatsen iets gemaakt bv in Photoshop .
Nu het probleem is op mijn hd scherm zie ik de afbeelding 2 maal en door elkaar en op mijn mini laptop ( reslomuie kleiner ) zie ik zelfs de zijkant niet van de afbeelding . Hoe kan ik dit oplossen ?
Zo staat hij er nu op
Btw ben een redelijke leek so be gentleCode:background-image: url('images/image.jpg'); background-repeat: repeat; background-position: center;
SC2 Profile http://sc2ranks.com/eu/880432/iLuno votes
-
-
04-10-2011, 18:10 #2Approved 9-lifer
- Registered
- 08/01/05
- Location
- Turnhout
- Posts
- 1,182
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 9/9
Als je die afbeelding over het hele scherm wilt (op elke resolutie hetzelfde) zal u moeten werken met javascript. Natuurlijk bestaan hier al 'plugins' voor, 1 daarvan is: Supersized - Full Screen Background Slideshow jQuery Plugin. Een live preview van dit kan je zien op de site van underdog (moderator hier op het forum). (of de demo natuurlijk).
Wat je ook kan doen is de afbeelding in het midden zetten zonder te repeaten.
voorbeeld van bovenstaande code is bv: League of Legends - Free Online Game | LoL - League of Legends (duw ctrl (plus) -) om te zien hoe hun het doen. 9lives is hier een slecht voorbeeld van :-).Code:body { background: url(images/image.jpg) no-repeat top center; }
Veel succes ermee!-no votes
-
06-10-2011, 12:09 #3Deactivated user
- Registered
- 14/08/10
- Location
- Diest
- Posts
- 2,419
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 8/16
Uw code zegt toch duidelijk wat het doet ... 'repeat' = 'herhalen', dus het herhaalt de afbeelding tot heel het scherm vol staat. Om op te lossen, zie Mam.
no votes
