Eigen afbeelding als achtergrond plaatsen? Dat kan!
Je eigen gewenste afbeelding als achtergrond plaatsen? Dat kan!
Wat is nou leuker dan je eigen gewenste afbeelding/plaatje/foto te plaatsen? Je kunt er heel veel kanten mee op! De standaard code die je nodig hebt en plaats in 'wijzig mijn stylesheet':
#body {background-image:url(Plaats hier de afbeeldings-URL);}
Als men op 'opslaan' klikt zal de afbeelding zich meerdere malen herhalen. Wat nu? Wil je dat de afbeelding zich niet herhaalt en dus maar 1x zichtbaar word? Plaats dan ook onderstaande code in 'wijzig mijn stylesheet':
#body {background-repeat:no-repeat;}
Aan bovenstaande code hoeft niets veranderd te worden! Nadat je op 'opslaan' hebt geklikt staat de afbeelding automatisch links boven afgebeeld en is hierdoor niet goed zichtbaar. Ook hiervoor hebben we een oplossing gevonden! Alle achtergrond codes worden in 'wijzig mijn stylesheet' geplaatst, zo ook deze:
#body {background-position: bottom right;}
De rode benaming geeft de plek aan daar waar de afbeelding zal worden afgebeeld. Je kunt kiezen uit:
Center (midden)
Top right (rechts boven)
Center right (rechts midden)
Bottom right (rechts onder)
Nu zal de 1x afgebeelde achtergrond alleen nog mee scrollen. Als je wilt dat de afbeelding 'vast' moet blijven staan plaats dan onderstaande code in 'wijzig mijn stylesheet':
#body {background-attachment:fixed;}
Door bovenstaande code word de afbeelding 'vast' gezet en blijft de achtergrond staan bij het scrollen.
Liefs moo89
Als men op 'opslaan' klikt zal de afbeelding zich meerdere malen herhalen. Wat nu? Wil je dat de afbeelding zich niet herhaalt en dus maar 1x zichtbaar word? Plaats dan ook onderstaande code in 'wijzig mijn stylesheet':
#body {background-repeat:no-repeat;}
Aan bovenstaande code hoeft niets veranderd te worden! Nadat je op 'opslaan' hebt geklikt staat de afbeelding automatisch links boven afgebeeld en is hierdoor niet goed zichtbaar. Ook hiervoor hebben we een oplossing gevonden! Alle achtergrond codes worden in 'wijzig mijn stylesheet' geplaatst, zo ook deze:
#body {background-position: bottom right;}
De rode benaming geeft de plek aan daar waar de afbeelding zal worden afgebeeld. Je kunt kiezen uit:
Center (midden)
Top right (rechts boven)
Center right (rechts midden)
Bottom right (rechts onder)
Nu zal de 1x afgebeelde achtergrond alleen nog mee scrollen. Als je wilt dat de afbeelding 'vast' moet blijven staan plaats dan onderstaande code in 'wijzig mijn stylesheet':
#body {background-attachment:fixed;}
Door bovenstaande code word de afbeelding 'vast' gezet en blijft de achtergrond staan bij het scrollen.
Liefs moo89
reacties (0)