Image d'illustration différente selon la page

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#1
Bonjour

Je me permets de rebondir sur ce topic qui propose d'afficher une image en utilisant l'image jointe dans les options de création de page, via ce code de gabarit :
Code :
<img src="uploads/images/{page_image}" alt="{$content_obj->GetPropertyValue('image')}" />
Pour obtenir des pages encore plus légères il est conseillé d'afficher une image de fond dans une div, plutôt qu'une image tout court, voici donc le code adapté :

Code :
<div style="background: transparent url('uploads/images/{page_image}') right top no-repeat;" class="maClasse" /></div>
Ensuite dans votre feuille de style, il n'y a plus qu'à donner à "maClasse" les attributs de largeur, hauteur, float... que vous voulez pour votre div Smile
#1
Bonjour

Je me permets de rebondir sur ce topic qui propose d'afficher une image en utilisant l'image jointe dans les options de création de page, via ce code de gabarit :
Code :
<img src="uploads/images/{page_image}" alt="{$content_obj->GetPropertyValue('image')}" />
Pour obtenir des pages encore plus légères il est conseillé d'afficher une image de fond dans une div, plutôt qu'une image tout court, voici donc le code adapté :

Code :
<div style="background: transparent url('uploads/images/{page_image}') right top no-repeat;" class="maClasse" /></div>
Ensuite dans votre feuille de style, il n'y a plus qu'à donner à "maClasse" les attributs de largeur, hauteur, float... que vous voulez pour votre div Smile
#2
Voir réponse ici : http://www.cmsmadesimple.fr/forum/viewto...506#p13506
#2
Voir réponse ici : http://www.cmsmadesimple.fr/forum/viewto...506#p13506
#3
@Jean le Chauve : si je comprends bien l'astuce est HS
donc
Si la discussion est sans objet il faut la supprimer alors ?
J-C Etiemble v 2.2.xx
#3
@Jean le Chauve : si je comprends bien l'astuce est HS
donc
Si la discussion est sans objet il faut la supprimer alors ?
J-C Etiemble v 2.2.xx
#4
Pour ma part, cela inclut du style dans le contenu ce qui n'est jamais conseillé.
Et je n'ai pas à décider à la place de spamor qui est sympa de participer activement au forum.
Par contre, le titre est parfait pour présenter ce code utilisant la balise {page_image} :
Code :
{capture name='image'}{page_image}{/capture}
//{page_image} représente le nom du fichier image que vous pouvez définir dans les options de la page.
{if ($smarty.capture.image ne '')}
<img src="uploads/images/{page_image}" alt="{page_image}" class="taClasse" />
{/if}
#4
Pour ma part, cela inclut du style dans le contenu ce qui n'est jamais conseillé.
Et je n'ai pas à décider à la place de spamor qui est sympa de participer activement au forum.
Par contre, le titre est parfait pour présenter ce code utilisant la balise {page_image} :
Code :
{capture name='image'}{page_image}{/capture}
//{page_image} représente le nom du fichier image que vous pouvez définir dans les options de la page.
{if ($smarty.capture.image ne '')}
<img src="uploads/images/{page_image}" alt="{page_image}" class="taClasse" />
{/if}
#5
re,

je complète mon propos
ou l'astuce est bonne à 100 % on la garde ou sinon à supprimer pour ne pas perturber les lecteurs (je ne juge pas la participation ou la bonne volonté de spamor)
je propose de supprimer car je doute
@ bess , a toi de juger
J-C Etiemble v 2.2.xx
#5
re,

je complète mon propos
ou l'astuce est bonne à 100 % on la garde ou sinon à supprimer pour ne pas perturber les lecteurs (je ne juge pas la participation ou la bonne volonté de spamor)
je propose de supprimer car je doute
@ bess , a toi de juger
J-C Etiemble v 2.2.xx
#6
Je vais créer un nouveau topic.
Pour le reste, c'est vous les admins Wink
#6
Je vais créer un nouveau topic.
Pour le reste, c'est vous les admins Wink
#7
on clôture et on laisse le lecteur qui à un QI supérieur à celui d'une huitre de lire la discussion en entier

Ceux qui n'attendent pas avant de se jeter dans du développement dès la fin du premier post je leur souhaite bon courage Smile

et merci à spamor pour son initiative Wink
#7
on clôture et on laisse le lecteur qui à un QI supérieur à celui d'une huitre de lire la discussion en entier

Ceux qui n'attendent pas avant de se jeter dans du développement dès la fin du premier post je leur souhaite bon courage Smile

et merci à spamor pour son initiative Wink


Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)