Doorzoek het forum

Trefwoord

Welkom bij Joomla!NL

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

Welkom, Gast
Gebruikersnaam: Wachtwoord: Onthoud mij
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!

Onderwerp: Foto als achtergrond

Foto als achtergrond 19 jan 2012 12:35 #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
  • sanne's Profielfoto
  • Afwezig
  • Nieuw op Joomla!NL
  • Berichten: 19
Discussie gesloten.

Foto als achtergrond 19 jan 2012 13:07 #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).
  • Astrid
  • Astrid's Profielfoto
  • Afwezig
  • Moderator + Technisch team
  • Alles moet geleerd worden, ook lezen.
  • Berichten: 19609
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.
Discussie gesloten.

Foto als achtergrond 19 jan 2012 14:06 #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
  • sanne's Profielfoto
  • Afwezig
  • Nieuw op Joomla!NL
  • Berichten: 19
Discussie gesloten.

Foto als achtergrond 19 jan 2012 14:35 #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).
  • Astrid
  • Astrid's Profielfoto
  • Afwezig
  • Moderator + Technisch team
  • Alles moet geleerd worden, ook lezen.
  • Berichten: 19609
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.
Discussie gesloten.

Foto als achtergrond 19 jan 2012 14:57 #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
  • sanne's Profielfoto
  • Afwezig
  • Nieuw op Joomla!NL
  • Berichten: 19
Discussie gesloten.

Foto als achtergrond 19 jan 2012 15:56 #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............
  • Astrid
  • Astrid's Profielfoto
  • Afwezig
  • Moderator + Technisch team
  • Alles moet geleerd worden, ook lezen.
  • Berichten: 19609
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.
Discussie gesloten.

Foto als achtergrond 22 jan 2012 21:11 #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
  • sanne's Profielfoto
  • Afwezig
  • Nieuw op Joomla!NL
  • Berichten: 19
Discussie gesloten.

Foto als achtergrond 22 jan 2012 21:14 #8

Als het goed is heb je gewoon #wrapper in je css staan.
Dan moet je die regel met die image toevoegen.
  • Astrid
  • Astrid's Profielfoto
  • Afwezig
  • Moderator + Technisch team
  • Alles moet geleerd worden, ook lezen.
  • Berichten: 19609
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.
Discussie gesloten.

Foto als achtergrond 22 jan 2012 21:25 #9

Kan #wrapper in beez5.css niet terugvinden. Deze ook al even toegevoegd zonder resultaat ;-(.
  • sanne
  • sanne's Profielfoto
  • Afwezig
  • Nieuw op Joomla!NL
  • Berichten: 19
Discussie gesloten.

Foto als achtergrond 22 jan 2012 21:30 #10

Ik kwam een verwijzing tegen naar position.css en daar #wrapper gevonden ;-).

Groetjes, Sanne
  • sanne
  • sanne's Profielfoto
  • Afwezig
  • Nieuw op Joomla!NL
  • Berichten: 19
Discussie gesloten.

Foto als achtergrond 25 jan 2012 10:01 #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
  • sanne's Profielfoto
  • Afwezig
  • Nieuw op Joomla!NL
  • Berichten: 19
Laatst bewerkt: 25 jan 2012 13:32 door Jelle.D.
Discussie gesloten.
Tijd voor maken pagina: 0.257 seconden
Gemaakt door Kunena

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

Laatste forumberichten

Joomla!NL op Twitter

24 oktober Expert Sessie Joomla Usability. Kom jij ook? Nog t/m zondag maak je kans op een gratis ticket twv €45 http://t.co/ZgjtWQmiRK

Joomla!-problemen van gister opgelost met de updates 3.3.6, 3.2.7 en 2.5.27. Eerst een back-up maken en dan updaten! http://t.co/idDv0d4f5W