[RÉGLÉ] Mettre des images séparant les articles

[MoiX]

Bonjour à tous
Je cherche à mettre quelques images entre les articles lorsqu'ils sont affichés en colonne.
Exemple : www.nutri-o.fr avec les petites pommes
Le site est en joomla 2.5 et j'ai utilisé la classe item-separator, facile

Par contre je suis en train de travailler à la mise à jour vers joomla 3 et cette classe ) a disparu

J'ai réussi à afficher des images avec des css personnalisés

.items-row
{
	border: solid transparent;
	border-width:0px;
	border-bottom-width:16px;
	border-image: url(../images/pomme_planet-o.png) 15 16 15 16 round;
	border-image-repeat: repeat;
		
}
.items-leading
{
	border: solid transparent;
	border-width:0px;
	border-bottom-width:16px;
	border-image: url(../images/pomme_planet-o.png)15 16 15 16 round;
	border-image-repeat: repeat;
		
}

Dans les CSS perso de excellente extension JOOMLACK mode pub off

Par contre j'ai des pommes sur toute la largeur et c'est pas très heureux

J'ai pas mal cherché sur le net mais je n'ai rien trouvé de satisfaisant

Je n'ai pas envie de modifier le php de joomla mais si c'est la seule solution, vers quel fichier faut-il me tourner ?

En vous remerciant

[ced1870]

Re : Mettre des images séparant les articles

salut
donnes l'url de ton site pour voir le résultat et le code source, ce sera plus facile

Dans les CSS perso de excellente extension JOOMLACK mode pub off

merci

CEd

[MoiX]

Re : Mettre des images séparant les articles

salut
donnes l'url de ton site pour voir le résultat et le code source, ce sera plus facile

merci

CEd

Le site est en local pour test
voici en pièce jointe le HTML et les fichiers qui vont bien

Merci Cédric

[ced1870]

Re : Mettre des images séparant les articles

ça ne sert à rien, il faut voir le truc en live au moins temporairement pour inspecter le code

[MoiX]

Re : Mettre des images séparant les articles

Oups petit bug

[MoiX]

Re : Mettre des images séparant les articles

OK voilà, le lien http://88.187.63.20:8080/nutri-o.fr/
disponible pas trop longtemps, attention

Merci

[ced1870]

Re : Mettre des images séparant les articles

dans custom.css tu peux changer ton code pour ça

.items-leading:after {
border-color: transparent;
border-image: url("../images/pomme_planet-o.png") 15 16 15 16 repeat repeat;
border-style: solid;
border-width: 0 0 16px;
content: "";
display: block;
height: 16px;
margin: 0 60px;
visibility: visible;
}

ou meme en passant en background image

.items-leading:after {
background: url("../images/pomme_planet-o.png") repeat-x scroll -3px top rgba(0, 0, 0, 0);
content: "";
display: block;
height: 16px;
margin: 0 60px;
visibility: visible;
}

[MoiX]

Re : Mettre des images séparant les articles

Magnifique formidable impeccable !
Je ne connaissait pas l'utilisation du 'After'
J'en apprend donc tous les jour

Merci encore et bravo pour la réactivité !