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! 3.X die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

Achtergrond image op home met tekst

Achtergrond image op home met tekst

26 feb 2020 14:21
#1
Heb gezocht en er staan wel vragen maar deze zijn voor mijn onderwerp niet duidelijk. In eerste instantie wil ik in de heading van de Homepagina een grote foto als achtergrond plaatsen en de tekst die er nu staat opnemen over de foto heen. Kan dit met CSS ? Kan iemand mij vertellen hoe ik e.e.a. zou kunnen oplossen ?

Dank je wel ,
Jos
  • zjoskebest
  • zjoskebest's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 427

Achtergrond image op home met tekst

26 feb 2020 14:37
#2
Dat kan wel, maar een aanpak kan pas gegeven worden als we weten over welke site/template het gaat.
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
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37059

Achtergrond image op home met tekst

26 feb 2020 14:37
#3
In principe zou dat moeten kunnen, alleen wij hebben helaas geen glazen bol
welke template gebruik je en om welke site gaat het?
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum
Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3629

Achtergrond image op home met tekst

26 feb 2020 15:06
#4
Het gaat om www.robo-ts.nl (van mijn zoon) dit is een template welke ca 10-12 jaar geleden is gemaakt door een vriend . Ik kan een tijdelijke inlog geven maar liever niet zichtbaar voor iedereen
  • zjoskebest
  • zjoskebest's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 427

Achtergrond image op home met tekst

26 feb 2020 15:42 - 26 feb 2020 15:45
#5
Je zou eens kunnen proberen om in een custom.css het volgende op te nemen:
Code:
.headertop { background-image: url(/images/afbeelding.jpg); }

Als je de tekst onder het menu bedoeld,
Dat is een custom module, kijk dan eens of je de tweede optie uit dit onderwerp opneemt
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum
Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Laatst bewerkt 26 feb 2020 15:45 door Romke.
  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3629

Achtergrond image op home met tekst

26 feb 2020 16:45
#6
Ik heb de wijziging in de css op een testwebsite gedaan https:www.bogersbest.nl/_robots, maar zie geen resultaat. Iets niet goed gedaan ??
  • zjoskebest
  • zjoskebest's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 427

Achtergrond image op home met tekst

26 feb 2020 16:59
#7
Ik kan niet eens zien waar je iets hebt aangepast. Neem aan dat je de afbeelding achter

Bel ons voor al uw technisch Onderhoud aan
Parkeersystemen en Liften..........

wil hebben?
Voeg dan dit toe:
Code:
.hero-unit { background-image: url(images/robo/logo-robo-front.png); background-repeat: no-repeat; }
Wel even de juiste afbeelding in de map robo uploaden en de naam aanpassen.
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
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37059

Achtergrond image op home met tekst

26 feb 2020 19:59
#8
Astrid, De afbeelding moet op de plaats komen van < bel ons voor al uw ...enzenz...> De tekst is bedoeld om over de achtergrond afbeelding te komen en ook het telefoonnummer komt daar nog de rest van de tekst kan verdwijnen als ook de tekest: <futuristische Parkeergarage .......> Ik heb de CSS aangepast in templates.css helemaal bovenaan, maar zie niet dat er iets gebeurd is . Het is een jpg afbeelding moet die misschien .png zijn ?
  • zjoskebest
  • zjoskebest's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 427

Achtergrond image op home met tekst

26 feb 2020 20:20
#9
Heb je de afbeelding wel in de map images van je template gezet?
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
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37059

Achtergrond image op home met tekst

26 feb 2020 20:30
#10
Ja, onder images/robo . Het is op mijn test site www.bogersbest.nl/_robots
  • zjoskebest
  • zjoskebest's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 427

Achtergrond image op home met tekst

26 feb 2020 20:56 - 26 feb 2020 21:15
#11
Zet de code aan het eind van je .css bestand:
Code:
.hero-unit { background-image: url(/_robots/images/robo/2_robo-autos96kb.jpg); background-repeat: no-repeat; }

Edit:
Code:
.hero-unit { background-image: url(/_robots/images/robo/2_robo-autos96kb.jpg); background-repeat: no-repeat; background-position-x: 210px; color:#eee; }
Hiermee positioneer je de afbeelding beter en pas je de kleur van de tekst aan. Desgewenst kun je de kleurcode nog aanpassen.
Besef wel dat door deze achtergrond tekst vaak veel minder (goed) te lezen is, met name voor mensen met een minder visueel zicht. Het is daarom van belang een goede contrasterende kleur te kiezen, echter die moet ook wel passen bij je site.
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum
Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Laatst bewerkt 26 feb 2020 21:15 door Jelle.
  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3629

Achtergrond image op home met tekst

26 feb 2020 23:53
#12
Dank je voor de uitleg. Als ik de correctie aanbreng via INSPECT werkt het als een trein omdat ik dan de wijziging in bootstrap.css kan aanbrengen, CSS:6079 en die CSS kan ik niet vinden. Als ik via template.css de correctie aanbreng , zoals ik nu gedaan heb (helemaal onderaan) gebeurt er niets. Snap ik niet helemaal waarom niet ?
Met betrekking tot het leesbaar maken van de letters zou kunnen door de kleur wit te gebruiken en een waas met gradient kleuren over de afbeelding te brengen misschien met enige transparantie?
groet, Jos
  • zjoskebest
  • zjoskebest's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 427
Moderators: PeterJuliank92JelleRomke
Tijd voor maken pagina: 1.473 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