Bonjour !
J'aimerais faire un petit effet pour mon image ''en ligne'', mais je ne me sais pas comment m'y prendre. Voici ce que j'ai sur mon forum :

Spoiler:

Voilà à quoi j'aimerais arriver :

Spoiler:

La partie de mon viewtopic_body correspondante :


Si vous désirez mon CSS, dites le ^^.

Merci d'avance !

Bonjour,

Qu'as-tu tenté jusqu'à maintenant ? La variable concernant l'image online est évidemment {postrow.displayed.ONLINE_IMG}, et tu ne sembles pas y avoir touché...

La méthode la plus simple consisterait simplement à la sortir du flux en lui attribuant un positionnement relatif...

Je préfère ne rien tenter, j'ai pas envie de mettre le souk dans mes templates ^^. Et comme je ne m'y connais pas des masses en codage j'attendais votre sage conseil (:.

Salut,

Déjà, il serait judicieux de ta part que tu restes polie =_= (voilà pour le sage conseil)

Ensuite, je ne pense pas qu'en ne faisant rien tu apprendras quoi que ce soit (et tu ne règleras pas ton problème non plus...)

Je t'ai déjà donné un indice : la variable qui contient l'image online est {postrow.displayed.ONLINE_IMG}, et je t'ai conseillé d'utiliser un positionnement relatif.

Pour aller plus loin, en CSS, un positionnement relatif ça se traduit par position:relative; tout comme tu as très certainement croisé des position:absolute; en lisant certains tutoriels. Et quand il y a un positionnement, ça va naturellement de pair avec les propriétés top, left, bottom et right (généralement deux suffisent).

Je te laisse expérimenter, et on en reparle après