Bonjour,
Je voudrais modifier l'affichage des téléchargements dans la page picture.tpl dans le plugin "prepaid-credit".
Voilà ce que j'ai :
<div id="ppcreditsBuyPhoto" data-credits_left="{$CREDITS_LEFT}" data-image_id="{$current.id}"> {'Download this file'|@translate} <ul> {foreach from=$ppcredits_sizes item=size} <li> {if isset($size.download_url)} <a class="download" href="{$size.download_url}">{$size.type|translate}</a> {else} <a class="buy" href="#" data-cost="{$size.nb_credits}" data-size="{$size.type}">{$size.label}</a> <img class="loading" src="themes/default/images/ajax-loader-small.gif" style="display:none"> {/if} </li> {/foreach} </ul> </div>
Je préférerais avoir affichage avec liste déroulante plutôt qu'une simple liste, qui prend beaucoup de place, ce serait plus compact et esthétique ; surtout sur de longue liste.
Donc : ma question, comment dois-je coder pour faire cette modification ? Je sais qu'il faut changer <ul> et <li> mais par quoi ?
Si quelqu'un veux bien m'aider, merci d'avance.
Hors ligne
Bonjour,
Attention à ce que les interactions continuent à fonctionner ..
tu as cherché liste déroulante html ?
Hors ligne
Merci pour ta réponse ddtddt,
Oui j'ai jeter un œil, mais c'est pas simple du tout et trop compliqué à résoudre pour moi, je vais étudier encore un peu... pour pas abandonner trop vite!
Hors ligne
Bonjour
un exemple de code html pour faire une une déroulante
<ul class="hList"> <li> <a href="#click" class="menu"> <h2 class="menu-title">animals</h2> <ul class="menu-dropdown"> <li>cat</li> <li>dog</li> <li>horse</li> <li>cow</li> <li>pig</li> </ul> </a> </li> <li> <a href="#click" class="menu"> <h2 class="menu-title menu-title_2nd">names</h2> <ul class="menu-dropdown"> <li>Kevin</li> <li>Jim</li> <li>Andy</li> </ul> </a> </li> <li> <a href="#click" class="menu"> <h2 class="menu-title menu-title_3rd">things</h2> <ul class="menu-dropdown"> <li>bench</li> <li>pizza</li> <li>Honda CB125</li> <li>space</li> <li>black matter</li> <li>apple</li> <li>philodendron</li> <li>liver</li> <li>brass</li> </ul> </a> </li> <li> <a href="#click" class="menu"> <h2 class="menu-title menu-title_4th">Movies</h2> <ul class="menu-dropdown"> <li>Godzilla</li> <li>Man on Wire</li> <li>Spirited Away</li> <li>Interstellar</li> </ul> </a> </li> </ul>
A très vite
Hors ligne