![Citation](https://forum.developpez.be/images/misc/quote_icon.png)
Envoyé par
Watilin
Bonjour NorthLight,
Tout d'abord, un grand merci pour l'aide. ![:)](https://www.developpez.net/forums/images/smilies/icon_smile.gif)
merci pour le lien, je vais me pencher dessus sérieusement.
Comment j'ajoute un id ?
Conseil : ajoute un texte alternatif (attribut
alt) à tes images, car si une d'entre elles ne charge pas (ou si le navigateur n'est pas visuel), l'utilisateur ne verra pas le lien et ne pourra pas cliquer dessus.
<a data-ipb="nomediaparse" href="{81_value}" target="_blank"><img src="http://forum.android-mt.com/uploads/images/img_-1400960452-U3.png" alt="Cliquez-ici"></a>
Bon ?
D'un point de vue accessibilité, il est peut-être préférable d'utiliser un
<button> à la place d'un
<a> et de le
désactiver plutôt que de le masquer. Au moins, l'utilisateur sait dès le départ où il devra cliquer à la fin
Ok merci beaucoup du conseil.
Mais je ne comprend pas pourquoi tu dis :"Au moins, l'utilisateur sait dès le départ où il devra cliquer à la fin".
Que veux tu dire ?
Édit : j'ai essayé avec la balise <button> mais je trouve que c'est moins joli. Mes images sont elles mêmes des boutons et certaines rondes.
Une dernière remarque à propos de :
Tu as donc mis un champ dans un attribut
href ? Ou peut-être que j'ai mal compris. Une fois le template interprété, quel code HTML exactement est généré à la place de
{81_value} ?
oui, je crois bien que j'ai fait ça ![:)](https://www.developpez.net/forums/images/smilies/icon_smile.gif)
Il ne faut pas ?
{81_value} est un URL, lien vers réseau social ce qui donne donc un bouton Twitter par exemple qui renvois vers un compte Twitter
Mon code sort au final
<p><a data-ipb="nomediaparse" href="http://.................." target="_blank"><img src="http://forum.android-mt.com/uploads/images/img_-1400960452-U3.png"></a></p>
je suppose.
Ai-je bien compris ?
Un grand merci de m'aider ![:)](https://www.developpez.net/forums/images/smilies/icon_smile.gif)
Franchement je pars de 0, je galère un peu ...
Sinon voici mon script en entier si t'as des suggestions :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34
| <p><center><span style="color: #65bad0;"><span style="font-size: 36px;"><strong><span style="text-decoration: underline;">{1_value}</span></strong></span></span></center></p><br />
<br />
<center> {84_value}
{86_value}</center>
<p><p class="bbc_left"><img src="http://nsm08.casimages.com/img/2014/04/14//14041404264317459612148925.png" alt="Image IPB" class="bbc_img" /><span style="color: #e85a35;"><span style="font-size: 34px;"><span style="text-decoration: underline;"><strong>Présentation :</strong></span></span></span><br />
{45_label}{45_value} <br />
{9_label}{9_value}</p>
<br />
<p><img src="http://nsm08.casimages.com/img/2014/04/14//14041404264417459612148926.png" alt="Image IPB" class="bbc_img" /><span style="color: #e85a35;"><span style="font-size: 34px;"><span style="text-decoration: underline;"><strong>Photos et vidéos :</strong></span></span></span></p><br />
<p>{8_label} {8_value} <br />
{46_label} {46_value}<br />
{47_label} {47_value}<br />
{48_label} {48_value}<br />
{49_label} {49_value}</p>
<br />
<p>{43_label}{43_value}</p><br />
<p><img src="http://nsm08.casimages.com/img/2014/04/14//14041404264417459612148927.png" alt="Image IPB" class="bbc_img" /><span style="color: #e85a35;"><span style="font-size: 34px;"><span style="text-decoration: underline;"><strong>Installation :</strong></span></span></span></p><br />
<p><strong>{52_label}</strong></p><br />
<p>{52_value}</p><br />
<br />
<p><strong>{53_label}</strong></p><br />
<p>{53_value}</p><br />
<br />
<center><p><span style="color: #e85a35;"><span style="font-size: 34px;"><span style="text-decoration: underline;"><strong>Téléchargement :</strong></span></span></span><br />
<img src="http://nsm08.casimages.com/img/2014/04/14//14041404264517459612148929.png" alt="Image IPB" class="bbc_img" /></p><br />
<p><a data-ipb="nomediaparse" href="{4_value}" target="_blank">{58_value}</a></p><br />
<p><a data-ipb="nomediaparse" href="{56_value}" target="_blank">{59_value}</a></p><br />
<p><a data-ipb="nomediaparse" href="{57_value}" target="_blank">{60_value}</a></p><br />
</center>
<p><img src="http://nsm08.casimages.com/img/2014/04/14//14041404264517459612148928.png" alt="Image IPB" class="bbc_img" /><span style="color: #e85a35;"><span style="font-size: 34px;"><span style="text-decoration: underline;"><strong>Liens utiles :</strong></span></span></span></p><br />
<p><a data-ipb="nomediaparse" href="{10_value}" target="_blank"><img src="http://forum.android-mt.com/uploads/images/img_-1400345637-U3.png"></a></p><br />
<p><a data-ipb="nomediaparse" href="{62_value}" target="_blank"><b>{63_value}<b></a></p>
<br />
<p><a data-ipb="nomediaparse" href="{82_value}" target="_blank"><img src="http://forum.android-mt.com/uploads/images/img_-1400960206-U3.png"></a></p> <p><a data-ipb="nomediaparse" href="{80_value}" target="_blank"><img src="http://forum.android-mt.com/uploads/images/img_-1400960345-U3.png"></a></p> <p><a data-ipb="nomediaparse" href="{81_value}" target="_blank"><img src="http://forum.android-mt.com/uploads/images/img_-1400960452-U3.png"></a></p> |
Partager