Annonce

Écrire une réponse

Veuillez écrire votre message et l'envoyer

Cliquez dans la zone sombre de l'image pour envoyer votre message.

Retour

Résumé de la discussion (messages les plus récents en premier)

k5
2023-11-06 01:04:09

Bonjour

un exemple de code html pour faire une une déroulante

Code:

<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

diaph
2023-10-24 15:41:58

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!

ddtddt
2023-10-24 14:47:39

Bonjour,

Attention à ce que les interactions continuent à fonctionner ..

tu as cherché liste déroulante html ?

diaph
2023-10-24 14:44:08

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 :

Code:

<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.

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2024 · Contact