samedi, mai 05, 2012

Ajouter une image dans un template Joomla 2.5

 

Quand vous créez des templates Joomla 2.5, il arrive que vous ayez besoin d’insérer une image directement dans le code. On ne parle pas ici de style CSS dans le fichier template.css, mais plutôt le fichier index.php. Même si cette manière de faire vous attirera les foudres des puristes du webdesign qui pensent que tous les styles doivent être dans le fichier CSS, on peut tout à fait ajouter une image dans un template Joomla 2.5 à condition d’utiliser du code PHP. En effet, le fichier index.php ne pourra pas interpréter correctement un code en HTML pur. Donc, vous avez sans doute essayé avec le code suivant :

 

<img src=”image”>

Et cela n’a rien donné et c’est normal, car vous devez utiliser le code suivant :

<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/votreimage.jpg">

Dans ce code, on dit au fichier index.php d’ajouter une image appelée votreimage.jpg dans le template Joomla 2.5 qui se trouve dans le répertoire images de votre template. Et vous verrez que cela marche sans problème. On utilise souvent cette technique pour ajouter un logo ou qu’on ne veut pas se prendre la tête avec des balises DIV et leurs images d’arrière-plan dans le fichier CSS.

 

Mots clés Technorati :