Vermeld in iedere vraag duidelijk:

De versie van Joomla! 2.5 die je gebruikt
De volledige url van je website indien mogelijk.
De versie van de extensie waar de vraag over gaat.

Achtergrond afbeelding over de hele breedte van het scherm

13 feb 2013 00:45 - 13 feb 2013 01:02

In mijn Yootheme template wil ik een afbeelding als achtergrond over de hele breedte, zodat deze aan weerskanten uitsteekt bij de website van 980px breed. Ik heb daarvoor de custom.css aangepast met

Code:

/* body achtergrond */

body{ background-image: url('achtergrond.jpg')
    background-colour:#f2f2f2;
}

ook geprobeerd met :

Code:

/* body achtergrond */

body{ background-image: url('image/achtergrond.jpg')}

Code:

/* body achtergrond */

body{ background-image: url('images/achtergrond.jpg')
    background-colour:#f2f2f2;
}

maar ik krijg niet de achtergrond.jpg wat doe ik fout ? Kan iemand mij helpen ?

dank je

Jos

Edit Jelle. Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.

zjoskebest
Heeft onderwerp gestart
Regelmatige bezoeker van Joomla!NL
Berichten: 427

Achtergrond afbeelding over de hele breedte van het scherm

13 feb 2013 08:27

Volgens mij moet je die in de div page zetten.

Code:

#page {
  background: url("pad/naar je image/achtergrond.jpg") no-repeat fixed 50% 50% / cover  #9FC3D1;
}

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Astrid
Moderator + Technisch team
Berichten: 37456

Achtergrond afbeelding over de hele breedte van het scherm

13 feb 2013 09:52 - 13 feb 2013 10:09

Bedankt Astrid,
Het betreft Template Revista. Ik heb via mediabeheer een map aangemaakt <achtergrond> en daarin een verkleinde foto geupload <achtergrond_kl > en onderstaand in custom.css geplaatst.

Code:

/*Custom achtergrond */
}
#page {   background: url("images/achtergrond/achtergrond_kl.jpg") no-repeat fixed 50% 50% / cover  #9FC3D1; }

Maar helaas verschijnt de achtergrond foto (nog) niet. Groet , Jos
Edit Astrid: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.

zjoskebest
Heeft onderwerp gestart
Regelmatige bezoeker van Joomla!NL
Berichten: 427

Achtergrond afbeelding over de hele breedte van het scherm

13 feb 2013 10:14

Reviste heeft

Code:

#page-bg {

Check de locatie van de originele achtergrondafbeelding met Firefox. Zou ongeveer hier moeten staan:

/yoo_revista/images/background/

Zet in diezelfde map je eigen afbeelding en wijzig dan alleen de afbeeldingsnaam in je css.

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Astrid
Moderator + Technisch team
Berichten: 37456

Achtergrond afbeelding over de hele breedte van het scherm

13 feb 2013 21:28

Dank je Astrid, Het is niet helemaal gelukt via custom.css. Maar ik heb een van de vaste waarden gebruikt. En dat is niet goed . En ga dit zeker tzt aanpassen
nogmaals dank
groetjes
Jos

zjoskebest
Heeft onderwerp gestart
Regelmatige bezoeker van Joomla!NL
Berichten: 427

Moderators: Jelle, Romke

Tijd voor maken pagina: 0.685 seconden

Gemaakt door Kunena

Laatste nieuws

Welkom bij Joomla!NL

Achtergrond afbeelding over de hele breedte van het scherm

Achtergrond afbeelding over de hele breedte van het scherm

Achtergrond afbeelding over de hele breedte van het scherm

Achtergrond afbeelding over de hele breedte van het scherm

Achtergrond afbeelding over de hele breedte van het scherm

Achtergrond afbeelding over de hele breedte van het scherm

Laatste forumberichten

Wil je Joomla!NL steunen?