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.

opgelost Achtergrondafbeelding

Achtergrondafbeelding

05 sep 2019 20:42
#1
Hoi,

Op de site www.change-hairfashion.nl heb ik op elke pagina divjes gebruikt om de achtegrondafbeelding te stylen en de tekst rechts te stylen.
Het probleem is, dat als mijn klant inlogt en de tekst gaat bewerken, dat dan de divjes gewijzigd worden en dus de opmaak. Is hier een eenvoudige oplossing voor? Is het bv mogelijk aan mijn klant een andere teksteditor ofzo toe te kennen, zodat de opmaak niet wijzigt?

Ik hoop dat iemand dit weet.

Groeten, Ernestine
  • Ernestine
  • Ernestine's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 29

Achtergrondafbeelding

05 sep 2019 22:38
#2
Aangezien je volgens mij op alle pagina's dezelfde lay-out gebruikt zou ik het met css oplossen en niet met divs in het artikel zelf.
En anders gebruik maken van een page class suffix.
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: 37115

Achtergrondafbeelding

05 sep 2019 22:53
#3
Dat heb ik ook geprobeerd, via css, maar dan krijg ik de tekst niet mooi rechts uitgelijnd (bovendien moet er een verticale scroller bij de tekst komen omdat het soms langer is dan de afbeelding).
Ik heb ook gedacht aan het gebruik van een module, afbeelding in module en dan in artikel. Maar dan krijg ik de tekst niet rechts ( of ik moet een div gebruiken voor de tekst, en dat wil,ik dus niet). Pffff.

Page class suffix...lang geleden, zal daar eens in duiken
  • Ernestine
  • Ernestine's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 29

Achtergrondafbeelding

06 sep 2019 11:10 - 06 sep 2019 11:41
#4
Hoi,
De page class suffix lukte me niet. Dus ik dacht, dan neem ik het op in de index.php (div class="achtergrondafb"></div>, zie hieronder. En de template.css aanpassen, zie verder hieronder. Maar volgens mij zit er ergens een foutje, wat ik ook doe, het lukt niet. Kan iemand me uit de brand helpen? Bedankt!
Code:
<!-- Begin Content --> <div class="achtergrondafb"></div> <jdoc:include type="modules" name="position-3" style="xhtml" /> <jdoc:include type="message" /> <jdoc:include type="component" /> <div class="clearfix"></div> <jdoc:include type="modules" name="position-2" style="none" /> <!-- End Content -->
CSS:
Code:
.achtergrondafb {background-image: url(/"images/Achtergrondcontainer.png"); background-repeat: no-repeat; width: 900px; position: relative; z-index: 100; min-height: 400px;}

Edit Romke: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.
Laatst bewerkt 06 sep 2019 11:41 door Romke.
  • Ernestine
  • Ernestine's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 29

Achtergrondafbeelding

06 sep 2019 11:35 - 06 sep 2019 11:42
#5
In firefox zie ik dat onderstaande is doorgestreept en dat er staat: ongeldige eigenschapwaarde. Het zal ms iets kleins zijn, maar ik zie het gewoon niet...hellup
Code:
div.achtergrondafb { background-image: url ('images/Achtergrondcontainer.png');
Laatst bewerkt 06 sep 2019 11:42 door Romke.
  • Ernestine
  • Ernestine's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 29

Achtergrondafbeelding

06 sep 2019 12:40
#6
Dit zou gewoon moeten werken als je een class pageachtergrond meegeeft:
Code:
.item-pageachtergrond div[itemprop="articleBody"] { width: 398px; height: 400px; overflow-y: auto; padding-left: 500px; } .item-pageachtergrond{ background-image: url(../../../images/Achtergrondcontainer.png); background-repeat: no-repeat; }
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: 37115

Achtergrondafbeelding

06 sep 2019 13:07
#7
Ik heb deze code opgenomen in de template.css (en de overige code verwijderd), maar ik zie geen afbeelding...
Moet ik de class nog ergens opnemen? Zie ff door de bomen het bos niet meer
  • Ernestine
  • Ernestine's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 29

Achtergrondafbeelding

06 sep 2019 13:14 - 06 sep 2019 13:17
#8
Ja bij de pagina class van je menu-items. En dan moet je natuurlijk wel alle opmaak uit je artikel verwijderen :(
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.

Laatst bewerkt 06 sep 2019 13:17 door Astrid.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37115

Achtergrondafbeelding

06 sep 2019 13:18
#9
Jieha, dat was hem, het is gelukt! Superbedankt!!
  • Ernestine
  • Ernestine's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 29
Moderators: PeterJuliank92JelleRomke
Tijd voor maken pagina: 1.319 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