Een achtergrond afbeelding of kleur aan een artikel toevoegen

Afdrukken PDF
Geschreven door Remco op zaterdag 17 januari 2009 14:46, in: Templates (1.5.x)

 Een achtergrond afbeelding of kleur aan een artikel toevoegen

U kunt een achtergond afbeelding of kleur aan een artikel toevoegen met de volgende stappen:

  1. Open het gewenste artikel met de Joomla editor, zoals bv TinyMCE
  2. Klik op de 'wijzig de HTML broncode' knop
En voeg de volgende code in voor:
- een afbeelding

 <div style="background-image: url('/images/stories/key.jpg')">

- een kleur

 <div style="background-color: #dddddd"> 

Vervang in bovenstaande code de .jpg en #dddddd door uw gewenste afbeelding of kleur .

 Als u TinyMCE gebruikt, hoeft u geen < /div> toe te voegen, dat wordt automatisch gedaan.

Als u de stijl wilt controleren middels een CSS bestand, voegt u een 'class' element toe ipv een 'style' element. Volg bovenstaande stappen, maar voeg in plaats van de code deze code in:

 <div class="mynewclass">

Open vervolgens het CSS bestand (normaal <Joomla! home>/templates/CSS/template.css) en voeg iets toe als:

 div.mynewclass { background-color: red; }

Als u verschillende achtergronden wilt voor verschillende menu items, kunt u ook gebruik maken van 'Page Class Suffix' parameter van het menu item om nieuwe CSS classes te maken en style elementen toe te voegen aan het CSS bestand.

Â