Doorzoek het forum

Trefwoord

Welkom bij Joomla!NL

Om alle mogelijkheden van dit forum te kunnen gebruiken, moet je je eerst registreren.

× Vermeld in iedere vraag duidelijk:
  1. De versie van Joomla! 1.6 of 1.7 die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.
Let op: Joomla 1.6 en 1.7 zijn niet meer veilig! We raden je aan om te upgraden naar 2.5!

Foto als achtergrond

19 jan 2012 12:35
Heeft onderwerp gestart
Foto als achtergrond #1
Beste allemaal,

Ik zou graag een foto als achtergrond willen hebben op mijn site. Ik gebruik (nog steeds :-) Beez5 als template.

Zou iemand mij op weg kunnen helpen? Alvast dank!

groetjes, Sanne.
sanne
Nieuw op Joomla!NL
Nieuw op Joomla!NL
Berichten: 19
Meer
19 jan 2012 13:07
Foto als achtergrond #2
Dan moet je regel 19 van beez5.css hebben, dat is deze:
body {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #EEEEEE;
  background-image: url("../images/header_outer.jpg");
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: auto auto;
  color: #333333;
  font-family: arial,helvetica,sans-serif;
}
Staat nu een kleine image in met een repeat. Dus je eigen image dezelfde naam geven en deze overschrijven of in dezelfde map je eigen image zetten en dan de naam in de css aanpassen. Dan verder je css aanpassen zodat je image ook goed getoond wordt.

Tip: maak gebruik van de Firebug-addon voor Firefox (links naar deze tool hier te vinden https://addons.mozilla.org/nl/firefox/addon/firebug/?src=search ). Met deze tool kun je o.a. van ieder onderdeel van de site de css definities achterhalen en waar en in welk bestand ze staan. Tevens kun je met deze tool in de betreffende pagina van je site veranderingen aanbrengen in de css definities en meteen zien wat het effect is (later evt. wel zelf de aanpassingen aanbrengen in css bestanden).

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.

Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.

Astrid
Moderator + Technisch team
Moderator + Technisch team
Berichten: 31395
Meer
19 jan 2012 14:06
Heeft onderwerp gestart
Foto als achtergrond #3
Hoi Astrid,

Dank je weer! Kan weer verder. Heb meteen maar firebug geïnstalleerd. Handige tool! Nog wel een vraag. Ik neem aan dat ik bij CSS moet kijken. Er worden er klaarblijkelijk meerdere gebruikt. Hoe kan ik bepalen welke op welk moment van toepassing is (is er een hiërarchie?)?

groetjes, Sanne.
sanne
Nieuw op Joomla!NL
Nieuw op Joomla!NL
Berichten: 19
Meer
19 jan 2012 14:35
Foto als achtergrond #4
Hi Sanne,
Als je met Firebug je element inspecteert dan zie je rechts de css definitie en nog meer rechts daarvan staat in welke css en op welke regel je moet gaan zoeken.

Voor regelnummering en als je css tenminste lokaal wilt aanpassen en niet uitsluitend via de backend kan je nog notepad++ installeren (ook gratis).

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.

Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.

Astrid
Moderator + Technisch team
Moderator + Technisch team
Berichten: 31395
Meer
19 jan 2012 14:57
Heeft onderwerp gestart
Foto als achtergrond #5
Hoi Astrid,

Dank je, nu begrijp ik het beter (wat je met een element inspecteren bedoelde ;-). Mag ik toch nog even terug naar mijn foto als achtergrond. Ik heb de header_outer aangepast, maar ik denk dat ik in de contentarea moet zijn. Hoe kan ik hier een foto plaatsen?

Groetjes, Sanne.
sanne
Nieuw op Joomla!NL
Nieuw op Joomla!NL
Berichten: 19
Meer
19 jan 2012 15:56
Foto als achtergrond #6
Denk dat je dan hier moet zijn:

#wrapper {
background-image: url("../images/header_outer.jpg");
float: left;
position: relative;
width: 53%;
}

Heb er nu maar ff die standaard image ingezet en dat werkt bij mij. Mooi grijs verloopje............

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.

Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.

Astrid
Moderator + Technisch team
Moderator + Technisch team
Berichten: 31395
Meer
22 jan 2012 21:11
Heeft onderwerp gestart
Foto als achtergrond #7
Hoi Astrid,

Vandaag bezig geweest om bovenstaand toe te passen (in Beez5.css), maar het wil niet echt lukken. Zou jij kunnen aangeven waar ik het geheel moet toevoegen?

Alvast dank, groetjes,

Sanne.
sanne
Nieuw op Joomla!NL
Nieuw op Joomla!NL
Berichten: 19
Meer
22 jan 2012 21:14
Foto als achtergrond #8
Als het goed is heb je gewoon #wrapper in je css staan.
Dan moet je die regel met die image toevoegen.

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.

Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.

Astrid
Moderator + Technisch team
Moderator + Technisch team
Berichten: 31395
Meer
22 jan 2012 21:25
Heeft onderwerp gestart
Foto als achtergrond #9
Kan #wrapper in beez5.css niet terugvinden. Deze ook al even toegevoegd zonder resultaat ;-(.
sanne
Nieuw op Joomla!NL
Nieuw op Joomla!NL
Berichten: 19
Meer
22 jan 2012 21:30
Heeft onderwerp gestart
Foto als achtergrond #10
Ik kwam een verwijzing tegen naar position.css en daar #wrapper gevonden ;-).

Groetjes, Sanne
sanne
Nieuw op Joomla!NL
Nieuw op Joomla!NL
Berichten: 19
Meer
25 jan 2012 10:01 25 jan 2012 13:32 door Jelle.
Heeft onderwerp gestart
Foto als achtergrond #11
Hoi Astrid,

Al een paar dagen aan het pielen, maar het wil maar niet lukken. Ik heb de volgende aanpassing in position.css gedaan:
#contentarea,
#contentarea2
{
	position:relative;
    overflow:hidden;
    padding:0px 20px ;
    margin:0;
}
#wrapper {
background-image: url("../images/header_outer.jpg");
float: left;
position: relative;
width: 53%;
}
Volgens moet ik in de contentarea (ipv contentarea2) zijn.

Heb jij nog suggesties? Alvast dank.

Groetjes, Sanne.

Edit Jelle.D: Ik heb de code tussen codetags geplaatst.
sanne
Nieuw op Joomla!NL
Nieuw op Joomla!NL
Berichten: 19
Meer
Moderators: Juliank92PeterJelleRomke
Tijd voor maken pagina: 0.255 seconden

Wil je Joomla!NL steunen?

Steun Joomla!NLAlle teamleden werken enthousiast, op vrijwillige basis, mee aan Joomla!NL. Maar een website met forum kost nu eenmaal geld. Dus als je Joomla!NL wilt steunen, dan kan dat, graag zelfs!

Lees hier meer informatie

Joomla!NL op Twitter

Joomla! 3.8.8 is vandaag (22 mei 2018) vrijgegeven. 9 veiligheidskwetsbaarheden zijn gedicht. Verder bevat deze ve… https://t.co/jNbzRqaV8K

De naam Joomla!® en logo worden gebruikt onder een beperkte licentie met toestemming van Open Source Matters.
Joomlanl.nl is niet verbonden aan en is geen onderdeel van Open Source Matters, Inc, of het Joomla! project.

© 2018 - Joomla!NL | Gehost door Wned