Seuls les widgets affichés dans les templates mobile sont repris

[chris1111]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome, Internet Explorer, Safari
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis toujours
Lien du forum : http://www.hackintosh-montreal.com/forum

Description du problème

Seuls les widgets affichés dans les templates mobile sont repris
Donc est ce possible de faire apparaitre mes widget personels mon portail qui en contient quelques un et mon Icone de Download qui en contient beaucoup.
Si vous metez en version Web tout est apparant.
Merci de votre aide

[Pinguino]

Bonjour,

Sur la version mobile, seule une liste limitée de widgets est disponible afin d'assurer le bon responsive de la page sur laquelle ils sont affichés. Il y a également la page du portail qui est disponible mais qui n'affiche pas les widgets personnels.

Je poserai la question mais concernant les widgets personnalisés, il me semble compliqué de les gérer nativement. Vous pouvez toujours les intégrer actuellement via les templates par contre.

[chris1111]

Bonjour @Pinguino je suis tout a fait nul concernant les codes il faudrait me dire comment faire
Merci

[Oka.mi]

Bonjour,

Comme promis, j'ai donc adapté votre portail https://www.hackintosh-montreal.com/?pid=16 sur page HTML en veillant à la rendre responsive.

Vous avez maintenant trois types d'affichage :

1. la version web classique qui reprend à peu près les mêmes dimensions que votre portail actuel.
   
2. la version web quand on passe sous 890px de largeur manuellement sur pc (si on veut rétrécir la fenêtre par exemple), qui déplace les deux colonnes sur les côtés en bas, côte à côte.
   
3. la version mobile qui affiche tout en colonne dans l'ordre suivant : le bloc central, la colonne de gauche, et la colonne de droite.

Voici le code à mettre dans votre page HTML, tout en prenant soin de cocher "Voulez-vous utiliser le haut et le bas de page de votre forum ?" sur "oui".

Code:

<style>
#portal-main {
   display: grid;
   grid-template-columns: 175px 500px 175px;
   grid-gap: 10px;
   justify-content: center;
   grid-template-areas: "left center right";
}

#portal-left,
#portal-right {
   display: flex;
   flex-direction: column;
}

#portal-left {
   grid-area: left;
}

#portal-center {
   grid-area: center;
        text-align: center;
}

#portal-right {
   grid-area: right;
}

#portal-center img {
   width: 100%;
}

#portal-center span {
   text-decoration: underline;
   font-size: 14px;
   color: #0099ff;
}

.module img {
   display: block;
   margin: auto;
}

@media screen and (max-width:890px) {
   #portal-main {
      grid-template-columns: 250px 250px;
                grid-template-areas: "center center"
                                    "left right";
   }
}
 
#mpage-body-modern #portal-main {
    grid-template-columns: 100%;
    grid-template-areas:
        "center"
        "left"
        "right";
}
</style>
<div id="portal-main">
   <div id="portal-left">
      <div class="module">
         <div class="h3">macOS Monterey</div>
         <a href="https://www.hackintosh-montreal.com/?pid=8"><img src="https://i.servimg.com/u/f25/18/50/18/69/os_mon10.png" /></a>
      </div>
      <div class="module">
         <div class="h3">macOS Big Sur</div>
         <a href="https://www.hackintosh-montreal.com/?pid=25"><img src="https://i.servimg.com/u/f87/17/99/48/98/os_cat12.png" /></a>
      </div>
      <div class="module">
         <div class="h3">macOS Catalina</div>
         <a href="https://www.hackintosh-montreal.com/?pid=17"><img src="https://i.servimg.com/u/f25/18/50/18/69/os_cat10.png" /></a>
      </div>
      <div class="module">
         <div class="h3">macOS Mojave</div>
         <a href="https://www.hackintosh-montreal.com/?pid=10"><img src="https://i.servimg.com/u/f25/18/50/18/69/os_hsi11.png" /></a>
      </div>
      <div class="module">
         <div class="h3">macOS High Sierra</div>
         <a href="https://www.hackintosh-montreal.com/?pid=24"><img src="https://i.servimg.com/u/f11/18/50/18/69/os_hsi10.png" /></a>
      </div>
      <div class="module">
         <div class="h3">macOS Sierra</div>
         <a href="https://www.hackintosh-montreal.com/?pid=14"><img src="https://i.servimg.com/u/f58/18/50/18/69/os_sie12.png" /></a>
      </div>
      <div class="module">
         <div class="h3">OS X El Capitan</div>
         <a href="https://www.hackintosh-montreal.com/portal?pid=3"><img src="https://i.servimg.com/u/f58/18/50/18/69/os_cap10.png" /></a>
      </div>
   </div>
   <div id="portal-center" class="module"><img src="https://i.servimg.com/u/f25/18/50/18/69/capt1079.png" />
      <br /> <a href="https://www.hackintosh-montreal.com/faq"><span>Le forum Hackintosh Montréal France n'est aucunement responsable de bris de materiel!</span></a> </div>
   <div id="portal-right">
      <div class="module">
         <div class="h3">OS X Mountain Lion</div>
         <a href="https://www.hackintosh-montreal.com/portal?pid=5"><img src="https://i.servimg.com/u/f58/18/50/18/69/os_cou10.png" /></a>
      </div>
      <div class="module">
         <div class="h3">OS X Yosemite</div>
         <a href="https://www.hackintosh-montreal.com/portal?pid=2"><img src="https://i.servimg.com/u/f58/18/50/18/69/os_yos10.png" /></a>
      </div>
      <div class="module">
         <div class="h3">OS X Mavericks</div>
         <a href="https://www.hackintosh-montreal.com/portal?pid=4"><img src="https://i.servimg.com/u/f58/18/50/18/69/os_mav10.png" /></a>
      </div>
      <div class="module">
         <div class="h3">Mac OS X Lion</div>
         <a href="https://www.hackintosh-montreal.com/portal?pid=6"><img src="https://i.servimg.com/u/f58/18/50/18/69/os_lio10.png" /></a>
      </div>
      <div class="module">
         <div class="h3">Mac OS X Snow Leopard</div>
         <a href="https://www.hackintosh-montreal.com/portal?pid=7"><img src="https://i.servimg.com/u/f58/18/50/18/69/os_sno10.png" /></a>
      </div>
      <div class="module">
         <div class="h3">Fichier_Joint</div>
         <a href="https://www.hackintosh-montreal.com/portal?pid=9"><img src="https://i.servimg.com/u/f25/18/50/18/69/fichie12.png" /></a>
      </div>
   </div>
</div>

Informations pour personnaliser la page HTML:
Entre balises <style> ... </style> se trouve le CSS de votre page HTML. Il gère l'affichage de votre page.
L'affichage 1) se modifie entre autres dans ce passage :

Code:

#portal-main {
   display: grid;
   grid-template-columns: 175px 500px 175px;
   grid-gap: 10px;
   justify-content: center;
   grid-template-areas: "left center right";
}

Vous pouvez intervertir left, center et right si vous voulez organiser les blocs autrement.

L'affichage 2) se modifie dans ce passage :

Code:

@media screen and (max-width:890px) {
   #portal-main {
      grid-template-columns: 250px 250px;
                grid-template-areas: "center center"
                                    "left right";
   }
}

250px est la largeur de chacune des colonnes (gauche et droite). Le bloc du centre occupe deux colonnes ("center center") et fait donc 500px.
Vous pouvez intervertir left et right si vous voulez intervertir la colonne de gauche et de droite.

L'affichage 3) se modifie dans ce passage :

Code:

#mpage-body-modern #portal-main {
    grid-template-columns: 100%;
    grid-template-areas:
        "center"
        "left"
        "right";
}

si vous voulez changer l'ordre d'apparition des blocs du centre, de gauche, de droite, il vous suffit de modifier dans les lignes "center", "left", "right".

Pour comprendre la structure de la page dîtes-vous que la page est organisée avec quatre blocs :
un grand bloc portal-main qui englobe les trois petits

• portal-left (= colonne de gauche)
  
• portal-center (= bloc du centre)
  
• portal-right (= colonne de droite)

Ce qui donne, pour simplifier le code plus haut (c'est un schéma pour illustrer):

Code:

<div id="portal-main">
   <div id="portal-left">
   ... contenu colonne de gauche avec tous les div class "module"
   </div>
   <div id="portal-center" class="module">
        ... contenu bloc du milieu
        </div>
   <div id="portal-right">
        ... contenu colonne de droite avec tous les div class "module"
   </div>
</div>

Pour ajouter un module, dans l'une des colonnes par exemple, il vous suffit de repérer le <div> ... </div> concerné et à y mettre (à adapter)

Code:

<div class="module">
         <div class="h3">TITRE</div>
         <a href="LIEN"><img src="IMAGE" /></a>
</div>

[chris1111]

Merci beaucoup @Oka.mi je vait regarder ca demain a tête reposer et essayer de comprendre

[Oka.mi]

J'ai modifié mon précédent message pour apporter davantage de précisions concernant la démarche à suivre dans le cas où vous voudriez personnaliser la page HTML. N'hésitez pas s'il vous reste des questions malgré les explications apportées. J'ai essayé d'aller à l'essentiel comme vous avez dit ne pas être à l'aise avec le code.

[chris1111]

Merci @Oka.mi
Vous dite de mettre le code dans ma page HTML
est ce que je doit créer une nouvelle page ou bien linserrer (Remplacer mon code existant)  dans le Widget https://www.hackintosh-montreal.com/?pid=16


EDIT ***
Apres un test de création d'une nouvelle page HTML nommer Download Mobile et un nouvel Icon qui apparait bien sur mon Iphonne et du coup que je choisie macOS Monterey je ne vois plus rien, les liens apparaisse pas

[Oka.mi]

Bonjour,

Je vois que vous avez créé votre page HTML https://www.hackintosh-montreal.com/h44-
Du coup il faut aussi remplacer le lien dans la barre de navigation pour le bouton

Les liens dont vous parlez mènent vers d'autres portails comportant également des widgets personnalisés donc il faudra également migrer ceux-là sur des pages HTML... Je regarde ça ce soir.

[chris1111]

Ok merci

[chris1111]

Est ce possible de faire apparaitre un menue Download dans le menue deroulant mobile

OK jai reussie a mettre un jolie menue downloads avec le liens de la page HTML

Jattend votre suite ce soir

[Oka.mi]

Re,

En fait je me demandais... Est-ce que ça vous sert vraiment à quelque chose d'adapter les liens concernés ? Parce que de ce que j'ai vu ce sont des liens pour télécharger des versions de mac... Et on n'a pas vraiment besoin de ça sur téléphone, si ?
En tout cas je vais devoir vous faire attendre un peu plus parce que ce soir je suis claquée... :s

[chris1111]

Re,

En fait je me demandais... Est-ce que ça vous sert vraiment à quelque chose d'adapter les liens concernés ? Parce que de ce que j'ai vu ce sont des liens pour télécharger des versions de mac... Et on n'a pas vraiment besoin de ça sur téléphone, si ?
En tout cas je vais devoir vous faire attendre un peu plus parce que ce soir je suis claquée... :s

Oui Oui ce sert car les utilisateur peuvent transferer le fichier ZIP sur Icloud ou par message ou meme AiDrop  pour le mettre sur leur Vrai Mac ou Hackintosh
comme ceci


partage



Reposer vous bien je vait attendre patieament votre retour

Merci de votre temp precieux

[Oka.mi]

Bonjour,

Alors voilà j'ai regardé un peu les liens présents sur votre portail (désolée pour le délai) et je constate que certains ne mènent à aucun lien ou des portails vides (?), comme par exemple :

• macOS High Sierra
  
• macOS Sierra (il y a une image, mais pas de lien)
  
• OS X El Capitan
  
• OS X Mountain Lion
  
• OS X Yosemite
  
• OS X Mavericks (il y a une image, mais pas de lien)
  
• Mac OS X Lion
  
• Fichier_Joint

Pour les autres je pense qu'on peut se débrouiller pour que tout soit présent sur une page HTML, histoire de ne pas s'éparpiller. Qu'en pensez-vous ? Qu'est-ce qui serait plus facile à gérer pour vous ? Plusieurs pages HTML séparées, ou bien on concentre tout sur une page ?

[chris1111]

Tout les liens sont fonctionel sur la version WEB
Oui concentrer sur une seul page HTML, cest ce que je voudrait.
je crois quil reste a faire en sorte que les liens fonctionne Merci

[Oka.mi]

Tout les liens sont fonctionel sur la version WEB
Oui concentrer sur une seul page HTML, cest ce que je voudrait.
je crois quil reste a faire en sorte que les liens fonctionne Merci

Bonjour,

Évidemment quand je dis que je vois des portails vides, c'est sous version web. Peut-être un souci de permissions de ce côté ? Vérifiez si en cliquant sur le des widgets signalés dans la liste de mon précédent message, vous avez coché "invités".
En attendant, j'ai récupéré ce que je pouvais pour les mettre sur une seule page. Voici donc le nouveau code à mettre, à la place de l'ancien de la page /h44-

Code:

<style>
#portal-main {
  display: grid;
  grid-template-columns: 175px 500px 175px;
  grid-gap: 10px;
  justify-content: center;
  grid-template-areas: "left center right";
}
 
#portal-left,
#portal-right {
  display: flex;
  flex-direction: column;
}
 
#portal-left {
  grid-area: left;
}
 
#portal-center {
  grid-area: center;
  text-align: center;
}
 
#portal-right {
  grid-area: right;
}
 
#portal-center span {
  text-decoration: underline;
  font-size: 14px;
  color: #0099ff;
}

#portal-center img {
  width: 100%;
}

.module img {
  display: block;
  margin: auto;
}
 
@media screen and (max-width:890px) {
  #portal-main {
      grid-template-columns: 250px 250px;
                grid-template-areas: "center center"
                                    "left right";
  }
}
 
#mpage-body-modern #portal-main {
    grid-template-columns: 100%;
    grid-template-areas:
        "center"
        "left"
        "right";
}
button.showpanel {
    display: block;
    margin: 10px auto;
    background: none;
    border: none;
}

.infos_display {
    display:none;
}

.infos_display p {
    font-size: 1em;
    font-weight: 700;
   text-align: center;
}

.infos_display span {
    text-transform: uppercase;
   text-align: left;
   text-decoration: underline;
}
</style>
<div id="portal-main">
  <div id="portal-left">
      <div class="module">
        <div class="h3">macOS Monterey</div>
        <button class="showpanel">
       <img src="https://i.servimg.com/u/f25/18/50/18/69/os_mon10.png" />
       </button>
       <div class="infos_display">
       <p>Regardez les vidéos avant de télécharger les programmes !<br />
       Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
       <br /><br />
       <a href="https://www.hackintosh-montreal.com/t12040-rar-archiveur">Tuto Video RAR-Archiveur
       <img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       </div>
      </div>
      <div class="module">
        <div class="h3">macOS Big Sur</div>
        <button class="showpanel">
       <img src="https://i.servimg.com/u/f87/17/99/48/98/os_cat12.png" />
       </button>
       <div class="infos_display">
       <p>Regardez les vidéos avant de télécharger les programmes !<br />
       Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
       <br /><br />
       <span>Clover_v2.5k_Special Edition-v7 r5144</span><br />
       <a href="https://www.hackintosh-montreal.com/t10762-clover_v2-5k_special-edition-v7">Tuto Video Clover_v2.5k_Special Edition-v7</a>
       <a href="https://drive.google.com/file/d/1LaiX31Bdj-GwLByj-ma1vmJLUvnGvTuI/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Drop EFI Big Sur</span><br />
       <a href="https://www.hackintosh-montreal.com/t10299-drop-efi-big-sur">Tuto Video Drop EFI Big Sur
       <img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Clover Créateur-Github-V11.6</span><br />
       <a href="https://www.hackintosh-montreal.com/t5112-installer-clover-createur">Tuto Clover Createur</a>
       <a href="https://drive.google.com/file/d/12XEApoVBCe8HnYty84ZIlZ37leKIybNg/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Install Media OC-LegacyDuet</span><br />
       <a href="https://www.hackintosh-montreal.com/t10448-install-media-oc-legacyduet">Tuto Video Install Media OC-LegacyDuet<img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Install Media BS OC</span><br />
       <a href="https://www.hackintosh-montreal.com/t10355-install-media-bs-oc">Tuto Video Install Media BS OC<img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Kext-Droplet-Big-Sur</span><br />
       <a href="https://www.hackintosh-montreal.com/t10314-kext-droplet-big-sur">Tuto Video Kext-Droplet-Big-Sur<img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       </div>
      </div>
      <div class="module">
        <div class="h3">macOS Catalina</div>
       <button class="showpanel">
       <img src="https://i.servimg.com/u/f25/18/50/18/69/os_cat10.png" />
       </button>
       <div class="infos_display">
       <p>Regardez les vidéos avant de télécharger les programmes !<br />
       Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
       <br /><br />
       <span>Clover Créateur-V10.8</span>
       <a href="https://www.hackintosh-montreal.com/t5112-installer-clover-createur">Tuto Clover Createur</a>
       <a href="https://drive.google.com/file/d/1bozzqnzTHH0i4kyUfnS8Q2YMmF-gDYvE/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       </div>
      </div>
      <div class="module">
        <div class="h3">macOS Mojave</div>
        <button class="showpanel">
       <img src="https://i.servimg.com/u/f25/18/50/18/69/os_hsi11.png" />
       </button>
       <div class="infos_display">
       <p>Regardez les vidéos avant de télécharger les programmes !<br />
       Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
       <br /><br />
       <span>imgbb</span><br />
       <a href="https://www.hackintosh-montreal.com/t8141-imgbb#117073">Tuto imgbb<img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Kext Droplet V1.2</span><br />
       <a href="https://www.hackintosh-montreal.com/t9013-kext-droplet">Tuto Kext Droplet</a>
       <a href="https://www.hackintosh-montreal.com/download?id=4744"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       </div>
      </div>
      <div class="module">
        <div class="h3">macOS High Sierra</div>
        <a href="https://www.hackintosh-montreal.com/?pid=24"><img src="https://i.servimg.com/u/f11/18/50/18/69/os_hsi10.png" /></a>
      </div>
      <div class="module">
        <div class="h3">macOS Sierra</div>
        <a href="https://www.hackintosh-montreal.com/?pid=14"><img src="https://i.servimg.com/u/f58/18/50/18/69/os_sie12.png" /></a>
      </div>
      <div class="module">
        <div class="h3">OS X El Capitan</div>
        <a href="https://www.hackintosh-montreal.com/portal?pid=3"><img src="https://i.servimg.com/u/f58/18/50/18/69/os_cap10.png" /></a>
      </div>
  </div>
  <div id="portal-center" class="module"><img src="https://i.servimg.com/u/f25/18/50/18/69/capt1079.png" />
      <br /> <a href="https://www.hackintosh-montreal.com/faq"><span>Le forum Hackintosh Montréal France n'est aucunement responsable de bris de materiel!</span></a> </div>
  <div id="portal-right">
      <div class="module">
        <div class="h3">OS X Mountain Lion</div>
        <a href="https://www.hackintosh-montreal.com/portal?pid=5"><img src="https://i.servimg.com/u/f58/18/50/18/69/os_cou10.png" /></a>
      </div>
      <div class="module">
        <div class="h3">OS X Yosemite</div>
        <a href="https://www.hackintosh-montreal.com/portal?pid=2"><img src="https://i.servimg.com/u/f58/18/50/18/69/os_yos10.png" /></a>
      </div>
      <div class="module">
        <div class="h3">OS X Mavericks</div>
        <a href="https://www.hackintosh-montreal.com/portal?pid=4"><img src="https://i.servimg.com/u/f58/18/50/18/69/os_mav10.png" /></a>
      </div>
      <div class="module">
        <div class="h3">Mac OS X Lion</div>
        <a href="https://www.hackintosh-montreal.com/portal?pid=6"><img src="https://i.servimg.com/u/f58/18/50/18/69/os_lio10.png" /></a>
      </div>
      <div class="module">
        <div class="h3">Mac OS X Snow Leopard</div>
       <button class="showpanel">
       <img src="https://i.servimg.com/u/f58/18/50/18/69/os_sno10.png" />
       </button>
       <div class="infos_display">
       <p>Regardez les vidéos avant de télécharger les programmes !<br />
       Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
       <br /><br />
       <span>Chameleon Mac OS X Snow Leopard</span><br />
       <a href="https://www.hackintosh-montreal.com/t7513-chameleon-mac-os-x-snow-leopard">Chameleon Mac OS X Snow Leopard</a>
       <a href="https://github.com/chris1111/Chameleon-Mac-OS-X-Snow-Leopardé"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       </div>
      </div>
      <div class="module">
        <div class="h3">Fichier_Joint</div>
        <a href="https://www.hackintosh-montreal.com/portal?pid=9"><img src="https://i.servimg.com/u/f25/18/50/18/69/fichie12.png" /></a>
      </div>
  </div>
</div>
<script>
$(function(){
    $('button.showpanel').click(function(){
        $(this).next('.infos_display').slideToggle('slow');
    });
});
</script>

Comme je n'ai pas pu récupérer tous les portails, c'est juste histoire de montrer ce que ça donne, si l'affichage vous convient.

[chris1111]

Ok je regarde en rentrant du boulot merci
Les liens  sont tous désactiver pour les inviter ´ c’est une décision que nous avons pris pour inciter les gens à s’inscrire
En tout cas merci encore pour vos effort et votre temp

[chris1111]

Tout les liens sont fonctionel sur la version WEB
Oui concentrer sur une seul page HTML, cest ce que je voudrait.
je crois quil reste a faire en sorte que les liens fonctionne  Merci

Bonjour,

Évidemment quand je dis que je vois des portails vides, c'est sous version web. Peut-être un souci de permissions de ce côté ? Vérifiez si en cliquant sur le des widgets signalés dans la liste de mon précédent message, vous avez coché "invités".
En attendant, j'ai récupéré ce que je pouvais pour les mettre sur une seule page. Voici donc le nouveau code à mettre, à la place de l'ancien de la page /h44-

Code:

<style>
#portal-main {
   display: grid;
   grid-template-columns: 175px 500px 175px;
   grid-gap: 10px;
   justify-content: center;
   grid-template-areas: "left center right";
}
 
#portal-left,
#portal-right {
   display: flex;
   flex-direction: column;
}
 
#portal-left {
   grid-area: left;
}
 
#portal-center {
   grid-area: center;
   text-align: center;
}
 
#portal-right {
   grid-area: right;
}
 
#portal-center span {
   text-decoration: underline;
   font-size: 14px;
   color: #0099ff;
}

#portal-center img {
   width: 100%;
}

.module img {
   display: block;
   margin: auto;
}
 
@media screen and (max-width:890px) {
   #portal-main {
      grid-template-columns: 250px 250px;
                grid-template-areas: "center center"
                                     "left right";
   }
}
  
#mpage-body-modern #portal-main {
    grid-template-columns: 100%;
    grid-template-areas:
        "center"
        "left"
        "right";
}
button.showpanel {
    display: block;
    margin: 10px auto;
    background: none;
    border: none;
}

.infos_display {
    display:none;
}

.infos_display p {
    font-size: 1em;
    font-weight: 700;
 text-align: center;
}

.infos_display span {
    text-transform: uppercase;
 text-align: left;
 text-decoration: underline;
}
</style>
<div id="portal-main">
   <div id="portal-left">
      <div class="module">
         <div class="h3">macOS Monterey</div>
         <button class="showpanel">
 <img src="https://i.servimg.com/u/f25/18/50/18/69/os_mon10.png" />
 </button>
 <div class="infos_display">
 <p>Regardez les vidéos avant de télécharger les programmes !<br />
 Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
 <br /><br />
 <a href="https://www.hackintosh-montreal.com/t12040-rar-archiveur">Tuto Video RAR-Archiveur
 <img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 </div>
      </div>
      <div class="module">
         <div class="h3">macOS Big Sur</div>
         <button class="showpanel">
 <img src="https://i.servimg.com/u/f87/17/99/48/98/os_cat12.png" />
 </button>
 <div class="infos_display">
 <p>Regardez les vidéos avant de télécharger les programmes !<br />
 Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
 <br /><br />
 <span>Clover_v2.5k_Special Edition-v7 r5144</span><br />
 <a href="https://www.hackintosh-montreal.com/t10762-clover_v2-5k_special-edition-v7">Tuto Video Clover_v2.5k_Special Edition-v7</a>
 <a href="https://drive.google.com/file/d/1LaiX31Bdj-GwLByj-ma1vmJLUvnGvTuI/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Drop EFI Big Sur</span><br />
 <a href="https://www.hackintosh-montreal.com/t10299-drop-efi-big-sur">Tuto Video Drop EFI Big Sur
 <img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Clover Créateur-Github-V11.6</span><br />
 <a href="https://www.hackintosh-montreal.com/t5112-installer-clover-createur">Tuto Clover Createur</a>
 <a href="https://drive.google.com/file/d/12XEApoVBCe8HnYty84ZIlZ37leKIybNg/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Install Media OC-LegacyDuet</span><br />
 <a href="https://www.hackintosh-montreal.com/t10448-install-media-oc-legacyduet">Tuto Video Install Media OC-LegacyDuet<img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Install Media BS OC</span><br />
 <a href="https://www.hackintosh-montreal.com/t10355-install-media-bs-oc">Tuto Video Install Media BS OC<img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Kext-Droplet-Big-Sur</span><br />
 <a href="https://www.hackintosh-montreal.com/t10314-kext-droplet-big-sur">Tuto Video Kext-Droplet-Big-Sur<img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 </div>
      </div>
      <div class="module">
         <div class="h3">macOS Catalina</div>
 <button class="showpanel">
 <img src="https://i.servimg.com/u/f25/18/50/18/69/os_cat10.png" />
 </button>
 <div class="infos_display">
 <p>Regardez les vidéos avant de télécharger les programmes !<br />
 Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
 <br /><br />
 <span>Clover Créateur-V10.8</span>
 <a href="https://www.hackintosh-montreal.com/t5112-installer-clover-createur">Tuto Clover Createur</a>
 <a href="https://drive.google.com/file/d/1bozzqnzTHH0i4kyUfnS8Q2YMmF-gDYvE/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 </div>
      </div>
      <div class="module">
         <div class="h3">macOS Mojave</div>
         <button class="showpanel">
 <img src="https://i.servimg.com/u/f25/18/50/18/69/os_hsi11.png" />
 </button>
 <div class="infos_display">
 <p>Regardez les vidéos avant de télécharger les programmes !<br />
 Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
 <br /><br />
 <span>imgbb</span><br />
 <a href="https://www.hackintosh-montreal.com/t8141-imgbb#117073">Tuto imgbb<img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Kext Droplet V1.2</span><br />
 <a href="https://www.hackintosh-montreal.com/t9013-kext-droplet">Tuto Kext Droplet</a>
 <a href="https://www.hackintosh-montreal.com/download?id=4744"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 </div>
      </div>
      <div class="module">
         <div class="h3">macOS High Sierra</div>
         <a href="https://www.hackintosh-montreal.com/?pid=24"><img src="https://i.servimg.com/u/f11/18/50/18/69/os_hsi10.png" /></a>
      </div>
      <div class="module">
         <div class="h3">macOS Sierra</div>
         <a href="https://www.hackintosh-montreal.com/?pid=14"><img src="https://i.servimg.com/u/f58/18/50/18/69/os_sie12.png" /></a>
      </div>
      <div class="module">
         <div class="h3">OS X El Capitan</div>
         <a href="https://www.hackintosh-montreal.com/portal?pid=3"><img src="https://i.servimg.com/u/f58/18/50/18/69/os_cap10.png" /></a>
      </div>
   </div>
   <div id="portal-center" class="module"><img src="https://i.servimg.com/u/f25/18/50/18/69/capt1079.png" />
      <br /> <a href="https://www.hackintosh-montreal.com/faq"><span>Le forum Hackintosh Montréal France n'est aucunement responsable de bris de materiel!</span></a> </div>
   <div id="portal-right">
      <div class="module">
         <div class="h3">OS X Mountain Lion</div>
         <a href="https://www.hackintosh-montreal.com/portal?pid=5"><img src="https://i.servimg.com/u/f58/18/50/18/69/os_cou10.png" /></a>
      </div>
      <div class="module">
         <div class="h3">OS X Yosemite</div>
         <a href="https://www.hackintosh-montreal.com/portal?pid=2"><img src="https://i.servimg.com/u/f58/18/50/18/69/os_yos10.png" /></a>
      </div>
      <div class="module">
         <div class="h3">OS X Mavericks</div>
         <a href="https://www.hackintosh-montreal.com/portal?pid=4"><img src="https://i.servimg.com/u/f58/18/50/18/69/os_mav10.png" /></a>
      </div>
      <div class="module">
         <div class="h3">Mac OS X Lion</div>
         <a href="https://www.hackintosh-montreal.com/portal?pid=6"><img src="https://i.servimg.com/u/f58/18/50/18/69/os_lio10.png" /></a>
      </div>
      <div class="module">
         <div class="h3">Mac OS X Snow Leopard</div>
 <button class="showpanel">
 <img src="https://i.servimg.com/u/f58/18/50/18/69/os_sno10.png" />
 </button>
 <div class="infos_display">
 <p>Regardez les vidéos avant de télécharger les programmes !<br />
 Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
 <br /><br />
 <span>Chameleon Mac OS X Snow Leopard</span><br />
 <a href="https://www.hackintosh-montreal.com/t7513-chameleon-mac-os-x-snow-leopard">Chameleon Mac OS X Snow Leopard</a>
 <a href="https://github.com/chris1111/Chameleon-Mac-OS-X-Snow-Leopardé"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 </div>
      </div>
      <div class="module">
         <div class="h3">Fichier_Joint</div>
         <a href="https://www.hackintosh-montreal.com/portal?pid=9"><img src="https://i.servimg.com/u/f25/18/50/18/69/fichie12.png" /></a>
      </div>
   </div>
</div>
<script>
$(function(){
    $('button.showpanel').click(function(){
        $(this).next('.infos_display').slideToggle('slow');
    });
});
</script>

Comme je n'ai pas pu récupérer tous les portails, c'est juste histoire de montrer ce que ça donne, si l'affichage vous convient.

Merci cest fait et ca fonctionne  
Jai tout activer les liens pour les invité sur tout les portail et tout les fichier
Je suis concient que ce nest pas rien car vous avez presque 10 ans de Fichier Apple, de 10.6 Snow Leopard a macOS Monterey 12

[Oka.mi]

Voici donc le code de la page HTML avec tous les liens repris.
Le transfert de tous les liens a été fait manuellement, et autant j'ai de la patience à revendre, autant pour les neurones je ne vous garantis rien. Je vous conseille donc de vérifier que tout y est avant de procéder à la suppression des portails concernés.

Code:

<style>
#portal-main {
  display: grid;
  grid-template-columns: 175px 500px 175px;
  grid-gap: 10px;
  justify-content: center;
  grid-template-areas: "left center right";
}
 
#portal-left,
#portal-right {
  display: flex;
  flex-direction: column;
}
 
#portal-left {
  grid-area: left;
}
 
#portal-center {
  grid-area: center;
  text-align: center;
}
 
#portal-right {
  grid-area: right;
}
 
#portal-center span {
  text-decoration: underline;
  font-size: 14px;
  color: #0099ff;
}

#portal-center img {
  width: 100%;
}

.module img {
  display: block;
  margin: auto;
}
 
@media screen and (max-width:890px) {
  #portal-main {
      grid-template-columns: 250px 250px;
                grid-template-areas: "center center"
                                    "left right";
  }
}
 
#mpage-body-modern #portal-main {
    grid-template-columns: 100%;
    grid-template-areas:
        "center"
        "left"
        "right";
}
button.showpanel {
    display: block;
    margin: 10px auto;
    background: none;
    border: none;
}

.infos_display {
    display:none;
}

.infos_display p {
    font-size: 1em;
    font-weight: 700;
   text-align: center;
}

.infos_display span {
    text-transform: uppercase;
   text-align: left;
   text-decoration: underline;
}
</style>
<div id="portal-main">
  <div id="portal-left">
      <div class="module">
        <div class="h3">macOS Monterey</div>
        <button class="showpanel">
       <img src="https://i.servimg.com/u/f25/18/50/18/69/os_mon10.png" />
       </button>
       <div class="infos_display">
       <p>Regardez les vidéos avant de télécharger les programmes !<br />
       Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
       <br /><br />
       <a href="https://www.hackintosh-montreal.com/t12040-rar-archiveur">Tuto Video RAR-Archiveur
       <img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       </div>
      </div>
      <div class="module">
        <div class="h3">macOS Big Sur</div>
        <button class="showpanel">
       <img src="https://i.servimg.com/u/f87/17/99/48/98/os_cat12.png" />
       </button>
       <div class="infos_display">
       <p>Regardez les vidéos avant de télécharger les programmes !<br />
       Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
       <br /><br />
       <span>Clover_v2.5k_Special Edition-v7 r5144</span><br />
       <a href="https://www.hackintosh-montreal.com/t10762-clover_v2-5k_special-edition-v7">Tuto Video Clover_v2.5k_Special Edition-v7</a>
       <a href="https://drive.google.com/file/d/1LaiX31Bdj-GwLByj-ma1vmJLUvnGvTuI/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Drop EFI Big Sur</span><br />
       <a href="https://www.hackintosh-montreal.com/t10299-drop-efi-big-sur">Tuto Video Drop EFI Big Sur
       <img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Clover Créateur-Github-V11.6</span><br />
       <a href="https://www.hackintosh-montreal.com/t5112-installer-clover-createur">Tuto Clover Createur</a>
       <a href="https://drive.google.com/file/d/12XEApoVBCe8HnYty84ZIlZ37leKIybNg/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Install Media OC-LegacyDuet</span><br />
       <a href="https://www.hackintosh-montreal.com/t10448-install-media-oc-legacyduet">Tuto Video Install Media OC-LegacyDuet<img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Install Media BS OC</span><br />
       <a href="https://www.hackintosh-montreal.com/t10355-install-media-bs-oc">Tuto Video Install Media BS OC<img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Kext-Droplet-Big-Sur</span><br />
       <a href="https://www.hackintosh-montreal.com/t10314-kext-droplet-big-sur">Tuto Video Kext-Droplet-Big-Sur<img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       </div>
      </div>
      <div class="module">
        <div class="h3">macOS Catalina</div>
       <button class="showpanel">
       <img src="https://i.servimg.com/u/f25/18/50/18/69/os_cat10.png" />
       </button>
       <div class="infos_display">
       <p>Regardez les vidéos avant de télécharger les programmes !<br />
       Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
       <br /><br />
       <span>Clover Créateur-V10.8</span>
       <a href="https://www.hackintosh-montreal.com/t5112-installer-clover-createur">Tuto Clover Createur</a>
       <a href="https://drive.google.com/file/d/1bozzqnzTHH0i4kyUfnS8Q2YMmF-gDYvE/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       </div>
      </div>
      <div class="module">
        <div class="h3">macOS Mojave</div>
        <button class="showpanel">
       <img src="https://i.servimg.com/u/f25/18/50/18/69/os_hsi11.png" />
       </button>
       <div class="infos_display">
       <p>Regardez les vidéos avant de télécharger les programmes !<br />
       Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
       <br /><br />
       <span>imgbb</span><br />
       <a href="https://www.hackintosh-montreal.com/t8141-imgbb#117073">Tuto imgbb<img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Kext Droplet V1.2</span><br />
       <a href="https://www.hackintosh-montreal.com/t9013-kext-droplet">Tuto Kext Droplet</a>
       <a href="https://www.hackintosh-montreal.com/download?id=4744"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       </div>
      </div>
      <div class="module">
        <div class="h3">macOS High Sierra</div>
       <button class="showpanel">
       <img src="https://i.servimg.com/u/f11/18/50/18/69/os_hsi10.png" />
       </button>
       <div class="infos_display">
       <p>Regardez les vidéos avant de télécharger les programmes !<br />
       Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
       <br /><br />
       <span>macOS High Sierra HD</span><br />
       <a href="https://www.hackintosh-montreal.com/t6873-macos-high-sierra-hd">Tuto Video macOS High Sierra HD</a>
       <a href="https://drive.google.com/file/d/1J-iVx2PMCBQbfkSFOtSOh6UqqFqKP3yt/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>HWSensors.V6.26-322 HS</span><br />
       <a href="https://www.hackintosh-montreal.com/t6828-hwsensors-v6-26-322-hs#103201">Tuto Video HWSensors.V6.26-322 HS</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPAaXE4QkdreERBRWM/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>macOS High Sierra Disk Createur</span><br />
       <a href="https://www.hackintosh-montreal.com/t6714-macos-high-sierra-disk-createur#101833">Tuto Video macOS High Sierra Disk Createur</a>
       <a href="https://drive.google.com/file/d/1BeYjT6dT5TmrHz6z8R9UEqgLTLC8-rk0/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Clover_v2.4k_Special Edition V6 (UPDATE)</span><br />
       <a href="https://www.hackintosh-montreal.com/t6078-clover_v2-4k_special-edition-v6">Tuto Video Clover_v2.5k_Special Edition V6</a>
       <a href="https://drive.google.com/file/d/1ZRgFGR9KXEFgDoCZJ4kaOiTv3QI-_qTZ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>VoodooHDA macOS High Sierra</span><br />
       <a href="https://www.hackintosh-montreal.com/t6821-voodoohda-macos-high-sierra">Tuto Video VoodooHDA macOS High Sierra</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPAMVFuemdldzd5cDA/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       </div>
      </div>
      <div class="module">
        <div class="h3">macOS Sierra</div>
       <button class="showpanel">
       <img src="https://i.servimg.com/u/f58/18/50/18/69/os_sie12.png" />
       </button>
       <div class="infos_display">
       <p>Regardez les vidéos avant de télécharger les programmes !<br />
       Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
       <br /><br />
       <span>Create Install Media Master-V1.8</span><br />
       <a href="https://www.hackintosh-montreal.com/t6150-create-install-media-v1-3">Tuto Video Create Install Media Master</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPAcUd2VElzNjIzYjA/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Installer MacOS Sierra HD</span><br />
       <a href="https://www.hackintosh-montreal.com/t5926-macos-sierra-hd-app">Tuto Video Installer MacOS Sierra</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPANjlITWxLMjlUcjQ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>EFI MACOS SIERRA BOX</span><br />
       <a href="https://www.hackintosh-montreal.com/t6308-efi-macos-sierra-box">Tuto Video EFI MACOS SIERRA BOX</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPASE1LZVdPeDZ2dzg/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>OS X Base System USB Installer</span><br />
       <a href="https://www.hackintosh-montreal.com/t5934-mac-os-sierra-usb-installer">MacOS Sierra USB Installer</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPARFlYVXU0MVVKQjQ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Clone SSD</span><br />
       <a href="https://www.hackintosh-montreal.com/t6095-clone-ssd#92640">Tuto Video Clone SSD</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPAejhPUHZxbEwtWG8/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Chameleon OS X Base System-V2.4</span><br />
       <a href="https://www.hackintosh-montreal.com/t6051-chameleon-os-x-base-system">Tuto Vido Chameleon OS X Base System</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPASHZWMGJOTEQtdTQ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Kext Installer MacOS Sierra</span><br />
       <a href="https://www.hackintosh-montreal.com/t6009-kext-installer-macos-sierra">Tuto Video Kext Installer MacOS Sierra</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPAT1BObVFSRURzVU0/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Clover_v2.4k_Special Edition V6 (UPDATE)</span><br />
       <a href="https://www.hackintosh-montreal.com/t6078-clover_v2-4k_special-edition-v6">Tuto Video Clover_v2.5k_Special Edition V6</a>
       <a href="https://drive.google.com/file/d/1ZRgFGR9KXEFgDoCZJ4kaOiTv3QI-_qTZ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Clover Créateur-V10.8</span><br />
       <a href="https://www.hackintosh-montreal.com/t5112-installer-clover-createur">Tuto Clover Createur</a>
       <a href="https://drive.google.com/file/d/1bozzqnzTHH0i4kyUfnS8Q2YMmF-gDYvE/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>VoodooHDA 2.9.0-V10</span><br />
       <a href="https://www.hackintosh-montreal.com/t5371-voodoohda-2-8-9">Tuto VoodooHDA 2.9.0-V10</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPAYU15Y2FwYkhFT3c/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Mac OS X Install DVD Créateur</span><br />
       <a href="https://www.hackintosh-montreal.com/t5935-mac-os-x-install-dvd-createur">Tuto Mac OS X Install DVD Créateur</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPAUE4xRERMeUxwZ1U/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>HWSensors EFI v6.25.1426</span><br />
       <a href="https://www.hackintosh-montreal.com/t5630-hwsensors-efi-v6-19-1406">HWSensors EFI v6.25.1426</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPASjNBYWNVQkZQMG8/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>MacOS Disk Créateur</span><br />
       <a href="https://www.hackintosh-montreal.com/t5940-macos-disk-createur">Tuto Video MacOS Disk Créateur</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPAVjdCT0t5OWNnYnM/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       </div>
      </div>
      <div class="module">
        <div class="h3">OS X El Capitan</div>
       <button class="showpanel">
       <img src="https://i.servimg.com/u/f58/18/50/18/69/os_cap10.png" />
       </button>
       <div class="infos_display">
       <p>Regardez les vidéos avant de télécharger les programmes !<br />
       Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
       <br /><br />
       <span>Clover_v2.4k_Special Edition V6 (UPDATE)</span><br />
       <a href="https://www.hackintosh-montreal.com/t6078-clover_v2-4k_special-edition-v6">Tuto Video Clover_v2.5k_Special Edition V6</a>
       <a href="https://drive.google.com/file/d/1ZRgFGR9KXEFgDoCZJ4kaOiTv3QI-_qTZ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>El Capitan HD</span><br />
       <a href="https://www.hackintosh-montreal.com/t4736-el-capitan-hd-app#74620">Tuto Video Clover OS X El Capitan</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPATEh6RlB1OGZiN2s/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Chameleon OS X Base System-V2.4</span><br />
       <a href="https://www.hackintosh-montreal.com/t6051-chameleon-os-x-base-system">Tuto Vido Chameleon OS X Base System</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPASHZWMGJOTEQtdTQ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Clover OS X El Capitan V7</span><br />
       <a href="https://www.hackintosh-montreal.com/t4705-clover-os-x-el-capitan-app">Tuto Video Clover OS X El Capitan</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPAaGJ1emkyNW1FeWM/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>OS X Audio-ALC</span><br />
       <a href="https://www.hackintosh-montreal.com/t4534-os-x-audio-alc">Tuto Audio ALC</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPAN19LOUh0c1czc3c/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Universal OS X Installer</span><br />
       <a href="https://www.hackintosh-montreal.com/t4819-universal-os-x-installer-v3">Tuto Video Universal OS X Installer</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPAcWUyUXZyQmI3UlE/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Clover Créateur-V10.8</span><br />
       <a href="https://www.hackintosh-montreal.com/t5112-installer-clover-createur">Tuto Clover Createur</a>
       <a href="https://drive.google.com/file/d/1bozzqnzTHH0i4kyUfnS8Q2YMmF-gDYvE/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>HWSensors EFI v6.25.1426</span><br />
       <a href="https://www.hackintosh-montreal.com/t5630-hwsensors-efi-v6-19-1406">HWSensors EFI v6.25.1426</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPASjNBYWNVQkZQMG8/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Drop EFI Monterey</span><br />
       <a href="https://www.hackintosh-montreal.com/t11975-drop-efi-monterey">Tuto Video Drop EFI Monterey
       <img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>VoodooHDA 2.9.0-V10</span><br />
       <a href="https://www.hackintosh-montreal.com/t5371-voodoohda-2-8-9">Tuto VoodooHDA 2.9.0-V10</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPAYU15Y2FwYkhFT3c/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>EFI EL CAPITAN BOX</span><br />
       <a href="https://www.hackintosh-montreal.com/t4647-efi-el-capitan-box">Tuto Video EFI YOSEMITE BOX</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPAaFgtSUJZN19ubGc/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       </div>
      </div>
  </div>
  <div id="portal-center" class="module"><img src="https://i.servimg.com/u/f25/18/50/18/69/capt1079.png" />
      <br /> <a href="https://www.hackintosh-montreal.com/faq"><span>Le forum Hackintosh Montréal France n'est aucunement responsable de bris de materiel!</span></a> </div>
  <div id="portal-right">
      <div class="module">
        <div class="h3">OS X Mountain Lion</div>
       <button class="showpanel">
       <img src="https://i.servimg.com/u/f58/18/50/18/69/os_cou10.png" />
       </button>
       <div class="infos_display">
       <p>Regardez les vidéos avant de télécharger les programmes !<br />
       Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
       <br /><br />
       <span>OS X Base System USB Installer</span><br />
       <a href="https://www.hackintosh-montreal.com/t5934-mac-os-sierra-usb-installer">MacOS Sierra USB Installer</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPARFlYVXU0MVVKQjQ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>MacOS Disk Créateur</span><br />
       <a href="https://www.hackintosh-montreal.com/t5940-macos-disk-createur">Tuto Video MacOS Disk Créateur</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPAVjdCT0t5OWNnYnM/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       </div>
      </div>
      <div class="module">
        <div class="h3">OS X Yosemite</div>
       <button class="showpanel">
       <img src="https://i.servimg.com/u/f58/18/50/18/69/os_yos10.png" />
       </button>
       <div class="infos_display">
       <p>Regardez les vidéos avant de télécharger les programmes !<br />
       Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
       <br /><br />
       <span>Installer_Yosemite HD</span><br />
       <a href="https://www.hackintosh-montreal.com/t3520-installer_yosemite_hdapp?tid=07856baa1e1bd8b3b057ef1ec82232af">Tuto Installer Yosemite HD</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPAdk42VXV3aDBkN3M/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>OS X Audio-ALC</span><br />
       <a href="https://www.hackintosh-montreal.com/t4534-os-x-audio-alc">Tuto Audio ALC</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPAN19LOUh0c1czc3c/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>OS X Yosemite Chameleon</span><br />
       <a href="https://www.hackintosh-montreal.com/t3171-os-x-yosemite-chameleon-r2760">Tuto Video OS X Yosemite Chameleon</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPAUi03OFU2Y3BRdmc/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Clover_v2.4k_Special Edition V6 (UPDATE)</span><br />
       <a href="https://www.hackintosh-montreal.com/t6078-clover_v2-4k_special-edition-v6">Tuto Video Clover_v2.5k_Special Edition V6</a>
       <a href="https://drive.google.com/file/d/1ZRgFGR9KXEFgDoCZJ4kaOiTv3QI-_qTZ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Chameleon OS X Base System-V2.4</span><br />
       <a href="https://www.hackintosh-montreal.com/t6051-chameleon-os-x-base-system">Tuto Vido Chameleon OS X Base System</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPASHZWMGJOTEQtdTQ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       </div>
      </div>
      <div class="module">
        <div class="h3">OS X Mavericks</div>
       <button class="showpanel">
       <img src="https://i.servimg.com/u/f58/18/50/18/69/os_mav10.png" />
       </button>
       <div class="infos_display">
       <p>Regardez les vidéos avant de télécharger les programmes !<br />
       Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
       <br /><br />
       <span>Chameleon OS X Base System-V2.4</span><br />
       <a href="https://www.hackintosh-montreal.com/t6051-chameleon-os-x-base-system">Tuto Vido Chameleon OS X Base System</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPASHZWMGJOTEQtdTQ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Create Install Media Master-V1.8</span><br />
       <a href="https://www.hackintosh-montreal.com/t6150-create-install-media-v1-3">Tuto Video Create Install Media Master</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPAcUd2VElzNjIzYjA/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>Installer OS X Mavericks V13</span><br />
       <a href="https://www.hackintosh-montreal.com/t2636-installer-os-x-mavericks-v13?tid=5d39ff824b22997c29b26308e9aca968">Tuto Video OS X Mavericks V13</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPAT01lRDZyWEpqbEk/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>OS X Base System USB Installer</span><br />
       <a href="https://www.hackintosh-montreal.com/t5934-mac-os-sierra-usb-installer">MacOS Sierra USB Installer</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPARFlYVXU0MVVKQjQ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       </div>
      </div>
      <div class="module">
        <div class="h3">Mac OS X Lion</div>
       <button class="showpanel">
       <img src="https://i.servimg.com/u/f58/18/50/18/69/os_lio10.png" />
       </button>
       <div class="infos_display">
       <p>Regardez les vidéos avant de télécharger les programmes !<br />
       Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
       <br /><br />
       <span>OS X Base System USB Installer</span><br />
       <a href="https://www.hackintosh-montreal.com/t5934-mac-os-sierra-usb-installer">MacOS Sierra USB Installer</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPARFlYVXU0MVVKQjQ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>MacOS Disk Créateur</span><br />
       <a href="https://www.hackintosh-montreal.com/t5940-macos-disk-createur">Tuto Video MacOS Disk Créateur</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPAVjdCT0t5OWNnYnM/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       <br /><br />
       <span>HWSensors.V-5.2.772 EFI</span><br />
       <a href="https://www.hackintosh-montreal.com/t5630-hwsensors-efi-v6-19-1406">HWSensors.V-5.2.772 EFI</a>
       <a href="https://drive.google.com/file/d/0B661P9Kp9bPAanRBM0l5MjVnZ0U/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       </div>
      </div>
      <div class="module">
        <div class="h3">Mac OS X Snow Leopard</div>
       <button class="showpanel">
       <img src="https://i.servimg.com/u/f58/18/50/18/69/os_sno10.png" />
       </button>
       <div class="infos_display">
       <p>Regardez les vidéos avant de télécharger les programmes !<br />
       Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
       <br /><br />
       <span>Chameleon Mac OS X Snow Leopard</span><br />
       <a href="https://www.hackintosh-montreal.com/t7513-chameleon-mac-os-x-snow-leopard">Chameleon Mac OS X Snow Leopard</a>
       <a href="https://github.com/chris1111/Chameleon-Mac-OS-X-Snow-Leopardé"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
       </div>
      </div>
      <div class="module">
        <div class="h3">Fichier_Joint</div>
       <button class="showpanel">
       <img src="https://i.servimg.com/u/f25/18/50/18/69/fichie12.png" />
       </button>
       <div class="infos_display">
       <a href="https://mega.co.nz/#F!0wI2gaZC!Dn8u84CQlTkYzgvjCSMOow"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo14.png" /></a>
       </div>
      </div>
  </div>
</div>
<script>
$(function(){
    $('button.showpanel').click(function(){
        $(this).next('.infos_display').slideToggle('slow');
    });
});
</script>

[chris1111]

Voici donc le code de la page HTML avec tous les liens repris.
Le transfert de tous les liens a été fait manuellement, et autant j'ai de la patience à revendre, autant pour les neurones je ne vous garantis rien. Je vous conseille donc de vérifier que tout y est avant de procéder à la suppression des portails concernés.

Code:

<style>
#portal-main {
   display: grid;
   grid-template-columns: 175px 500px 175px;
   grid-gap: 10px;
   justify-content: center;
   grid-template-areas: "left center right";
}
 
#portal-left,
#portal-right {
   display: flex;
   flex-direction: column;
}
 
#portal-left {
   grid-area: left;
}
 
#portal-center {
   grid-area: center;
   text-align: center;
}
 
#portal-right {
   grid-area: right;
}
 
#portal-center span {
   text-decoration: underline;
   font-size: 14px;
   color: #0099ff;
}

#portal-center img {
   width: 100%;
}

.module img {
   display: block;
   margin: auto;
}
 
@media screen and (max-width:890px) {
   #portal-main {
      grid-template-columns: 250px 250px;
                grid-template-areas: "center center"
                                     "left right";
   }
}
  
#mpage-body-modern #portal-main {
    grid-template-columns: 100%;
    grid-template-areas:
        "center"
        "left"
        "right";
}
button.showpanel {
    display: block;
    margin: 10px auto;
    background: none;
    border: none;
}

.infos_display {
    display:none;
}

.infos_display p {
    font-size: 1em;
    font-weight: 700;
 text-align: center;
}

.infos_display span {
    text-transform: uppercase;
 text-align: left;
 text-decoration: underline;
}
</style>
<div id="portal-main">
   <div id="portal-left">
      <div class="module">
         <div class="h3">macOS Monterey</div>
         <button class="showpanel">
 <img src="https://i.servimg.com/u/f25/18/50/18/69/os_mon10.png" />
 </button>
 <div class="infos_display">
 <p>Regardez les vidéos avant de télécharger les programmes !<br />
 Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
 <br /><br />
 <a href="https://www.hackintosh-montreal.com/t12040-rar-archiveur">Tuto Video RAR-Archiveur
 <img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 </div>
      </div>
      <div class="module">
         <div class="h3">macOS Big Sur</div>
         <button class="showpanel">
 <img src="https://i.servimg.com/u/f87/17/99/48/98/os_cat12.png" />
 </button>
 <div class="infos_display">
 <p>Regardez les vidéos avant de télécharger les programmes !<br />
 Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
 <br /><br />
 <span>Clover_v2.5k_Special Edition-v7 r5144</span><br />
 <a href="https://www.hackintosh-montreal.com/t10762-clover_v2-5k_special-edition-v7">Tuto Video Clover_v2.5k_Special Edition-v7</a>
 <a href="https://drive.google.com/file/d/1LaiX31Bdj-GwLByj-ma1vmJLUvnGvTuI/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Drop EFI Big Sur</span><br />
 <a href="https://www.hackintosh-montreal.com/t10299-drop-efi-big-sur">Tuto Video Drop EFI Big Sur
 <img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Clover Créateur-Github-V11.6</span><br />
 <a href="https://www.hackintosh-montreal.com/t5112-installer-clover-createur">Tuto Clover Createur</a>
 <a href="https://drive.google.com/file/d/12XEApoVBCe8HnYty84ZIlZ37leKIybNg/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Install Media OC-LegacyDuet</span><br />
 <a href="https://www.hackintosh-montreal.com/t10448-install-media-oc-legacyduet">Tuto Video Install Media OC-LegacyDuet<img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Install Media BS OC</span><br />
 <a href="https://www.hackintosh-montreal.com/t10355-install-media-bs-oc">Tuto Video Install Media BS OC<img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Kext-Droplet-Big-Sur</span><br />
 <a href="https://www.hackintosh-montreal.com/t10314-kext-droplet-big-sur">Tuto Video Kext-Droplet-Big-Sur<img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 </div>
      </div>
      <div class="module">
         <div class="h3">macOS Catalina</div>
 <button class="showpanel">
 <img src="https://i.servimg.com/u/f25/18/50/18/69/os_cat10.png" />
 </button>
 <div class="infos_display">
 <p>Regardez les vidéos avant de télécharger les programmes !<br />
 Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
 <br /><br />
 <span>Clover Créateur-V10.8</span>
 <a href="https://www.hackintosh-montreal.com/t5112-installer-clover-createur">Tuto Clover Createur</a>
 <a href="https://drive.google.com/file/d/1bozzqnzTHH0i4kyUfnS8Q2YMmF-gDYvE/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 </div>
      </div>
      <div class="module">
         <div class="h3">macOS Mojave</div>
         <button class="showpanel">
 <img src="https://i.servimg.com/u/f25/18/50/18/69/os_hsi11.png" />
 </button>
 <div class="infos_display">
 <p>Regardez les vidéos avant de télécharger les programmes !<br />
 Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
 <br /><br />
 <span>imgbb</span><br />
 <a href="https://www.hackintosh-montreal.com/t8141-imgbb#117073">Tuto imgbb<img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Kext Droplet V1.2</span><br />
 <a href="https://www.hackintosh-montreal.com/t9013-kext-droplet">Tuto Kext Droplet</a>
 <a href="https://www.hackintosh-montreal.com/download?id=4744"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 </div>
      </div>
      <div class="module">
         <div class="h3">macOS High Sierra</div>
 <button class="showpanel">
 <img src="https://i.servimg.com/u/f11/18/50/18/69/os_hsi10.png" />
 </button>
 <div class="infos_display">
 <p>Regardez les vidéos avant de télécharger les programmes !<br />
 Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
 <br /><br />
 <span>macOS High Sierra HD</span><br />
 <a href="https://www.hackintosh-montreal.com/t6873-macos-high-sierra-hd">Tuto Video macOS High Sierra HD</a>
 <a href="https://drive.google.com/file/d/1J-iVx2PMCBQbfkSFOtSOh6UqqFqKP3yt/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>HWSensors.V6.26-322 HS</span><br />
 <a href="https://www.hackintosh-montreal.com/t6828-hwsensors-v6-26-322-hs#103201">Tuto Video HWSensors.V6.26-322 HS</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPAaXE4QkdreERBRWM/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>macOS High Sierra Disk Createur</span><br />
 <a href="https://www.hackintosh-montreal.com/t6714-macos-high-sierra-disk-createur#101833">Tuto Video macOS High Sierra Disk Createur</a>
 <a href="https://drive.google.com/file/d/1BeYjT6dT5TmrHz6z8R9UEqgLTLC8-rk0/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Clover_v2.4k_Special Edition V6 (UPDATE)</span><br />
 <a href="https://www.hackintosh-montreal.com/t6078-clover_v2-4k_special-edition-v6">Tuto Video Clover_v2.5k_Special Edition V6</a>
 <a href="https://drive.google.com/file/d/1ZRgFGR9KXEFgDoCZJ4kaOiTv3QI-_qTZ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>VoodooHDA macOS High Sierra</span><br />
 <a href="https://www.hackintosh-montreal.com/t6821-voodoohda-macos-high-sierra">Tuto Video VoodooHDA macOS High Sierra</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPAMVFuemdldzd5cDA/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 </div>
      </div>
      <div class="module">
         <div class="h3">macOS Sierra</div>
 <button class="showpanel">
 <img src="https://i.servimg.com/u/f58/18/50/18/69/os_sie12.png" />
 </button>
 <div class="infos_display">
 <p>Regardez les vidéos avant de télécharger les programmes !<br />
 Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
 <br /><br />
 <span>Create Install Media Master-V1.8</span><br />
 <a href="https://www.hackintosh-montreal.com/t6150-create-install-media-v1-3">Tuto Video Create Install Media Master</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPAcUd2VElzNjIzYjA/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Installer MacOS Sierra HD</span><br />
 <a href="https://www.hackintosh-montreal.com/t5926-macos-sierra-hd-app">Tuto Video Installer MacOS Sierra</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPANjlITWxLMjlUcjQ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>EFI MACOS SIERRA BOX</span><br />
 <a href="https://www.hackintosh-montreal.com/t6308-efi-macos-sierra-box">Tuto Video EFI MACOS SIERRA BOX</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPASE1LZVdPeDZ2dzg/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>OS X Base System USB Installer</span><br />
 <a href="https://www.hackintosh-montreal.com/t5934-mac-os-sierra-usb-installer">MacOS Sierra USB Installer</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPARFlYVXU0MVVKQjQ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Clone SSD</span><br />
 <a href="https://www.hackintosh-montreal.com/t6095-clone-ssd#92640">Tuto Video Clone SSD</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPAejhPUHZxbEwtWG8/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Chameleon OS X Base System-V2.4</span><br />
 <a href="https://www.hackintosh-montreal.com/t6051-chameleon-os-x-base-system">Tuto Vido Chameleon OS X Base System</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPASHZWMGJOTEQtdTQ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Kext Installer MacOS Sierra</span><br />
 <a href="https://www.hackintosh-montreal.com/t6009-kext-installer-macos-sierra">Tuto Video Kext Installer MacOS Sierra</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPAT1BObVFSRURzVU0/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Clover_v2.4k_Special Edition V6 (UPDATE)</span><br />
 <a href="https://www.hackintosh-montreal.com/t6078-clover_v2-4k_special-edition-v6">Tuto Video Clover_v2.5k_Special Edition V6</a>
 <a href="https://drive.google.com/file/d/1ZRgFGR9KXEFgDoCZJ4kaOiTv3QI-_qTZ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Clover Créateur-V10.8</span><br />
 <a href="https://www.hackintosh-montreal.com/t5112-installer-clover-createur">Tuto Clover Createur</a>
 <a href="https://drive.google.com/file/d/1bozzqnzTHH0i4kyUfnS8Q2YMmF-gDYvE/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>VoodooHDA 2.9.0-V10</span><br />
 <a href="https://www.hackintosh-montreal.com/t5371-voodoohda-2-8-9">Tuto VoodooHDA 2.9.0-V10</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPAYU15Y2FwYkhFT3c/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Mac OS X Install DVD Créateur</span><br />
 <a href="https://www.hackintosh-montreal.com/t5935-mac-os-x-install-dvd-createur">Tuto Mac OS X Install DVD Créateur</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPAUE4xRERMeUxwZ1U/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>HWSensors EFI v6.25.1426</span><br />
 <a href="https://www.hackintosh-montreal.com/t5630-hwsensors-efi-v6-19-1406">HWSensors EFI v6.25.1426</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPASjNBYWNVQkZQMG8/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>MacOS Disk Créateur</span><br />
 <a href="https://www.hackintosh-montreal.com/t5940-macos-disk-createur">Tuto Video MacOS Disk Créateur</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPAVjdCT0t5OWNnYnM/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 </div>
      </div>
      <div class="module">
         <div class="h3">OS X El Capitan</div>
 <button class="showpanel">
 <img src="https://i.servimg.com/u/f58/18/50/18/69/os_cap10.png" />
 </button>
 <div class="infos_display">
 <p>Regardez les vidéos avant de télécharger les programmes !<br />
 Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
 <br /><br />
 <span>Clover_v2.4k_Special Edition V6 (UPDATE)</span><br />
 <a href="https://www.hackintosh-montreal.com/t6078-clover_v2-4k_special-edition-v6">Tuto Video Clover_v2.5k_Special Edition V6</a>
 <a href="https://drive.google.com/file/d/1ZRgFGR9KXEFgDoCZJ4kaOiTv3QI-_qTZ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>El Capitan HD</span><br />
 <a href="https://www.hackintosh-montreal.com/t4736-el-capitan-hd-app#74620">Tuto Video Clover OS X El Capitan</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPATEh6RlB1OGZiN2s/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Chameleon OS X Base System-V2.4</span><br />
 <a href="https://www.hackintosh-montreal.com/t6051-chameleon-os-x-base-system">Tuto Vido Chameleon OS X Base System</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPASHZWMGJOTEQtdTQ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Clover OS X El Capitan V7</span><br />
 <a href="https://www.hackintosh-montreal.com/t4705-clover-os-x-el-capitan-app">Tuto Video Clover OS X El Capitan</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPAaGJ1emkyNW1FeWM/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>OS X Audio-ALC</span><br />
 <a href="https://www.hackintosh-montreal.com/t4534-os-x-audio-alc">Tuto Audio ALC</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPAN19LOUh0c1czc3c/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Universal OS X Installer</span><br />
 <a href="https://www.hackintosh-montreal.com/t4819-universal-os-x-installer-v3">Tuto Video Universal OS X Installer</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPAcWUyUXZyQmI3UlE/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Clover Créateur-V10.8</span><br />
 <a href="https://www.hackintosh-montreal.com/t5112-installer-clover-createur">Tuto Clover Createur</a>
 <a href="https://drive.google.com/file/d/1bozzqnzTHH0i4kyUfnS8Q2YMmF-gDYvE/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>HWSensors EFI v6.25.1426</span><br />
 <a href="https://www.hackintosh-montreal.com/t5630-hwsensors-efi-v6-19-1406">HWSensors EFI v6.25.1426</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPASjNBYWNVQkZQMG8/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Drop EFI Monterey</span><br />
 <a href="https://www.hackintosh-montreal.com/t11975-drop-efi-monterey">Tuto Video Drop EFI Monterey
 <img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>VoodooHDA 2.9.0-V10</span><br />
 <a href="https://www.hackintosh-montreal.com/t5371-voodoohda-2-8-9">Tuto VoodooHDA 2.9.0-V10</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPAYU15Y2FwYkhFT3c/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>EFI EL CAPITAN BOX</span><br />
 <a href="https://www.hackintosh-montreal.com/t4647-efi-el-capitan-box">Tuto Video EFI YOSEMITE BOX</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPAaFgtSUJZN19ubGc/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 </div>
      </div>
   </div>
   <div id="portal-center" class="module"><img src="https://i.servimg.com/u/f25/18/50/18/69/capt1079.png" />
      <br /> <a href="https://www.hackintosh-montreal.com/faq"><span>Le forum Hackintosh Montréal France n'est aucunement responsable de bris de materiel!</span></a> </div>
   <div id="portal-right">
      <div class="module">
         <div class="h3">OS X Mountain Lion</div>
 <button class="showpanel">
 <img src="https://i.servimg.com/u/f58/18/50/18/69/os_cou10.png" />
 </button>
 <div class="infos_display">
 <p>Regardez les vidéos avant de télécharger les programmes !<br />
 Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
 <br /><br />
 <span>OS X Base System USB Installer</span><br />
 <a href="https://www.hackintosh-montreal.com/t5934-mac-os-sierra-usb-installer">MacOS Sierra USB Installer</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPARFlYVXU0MVVKQjQ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>MacOS Disk Créateur</span><br />
 <a href="https://www.hackintosh-montreal.com/t5940-macos-disk-createur">Tuto Video MacOS Disk Créateur</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPAVjdCT0t5OWNnYnM/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 </div>
      </div>
      <div class="module">
         <div class="h3">OS X Yosemite</div>
 <button class="showpanel">
 <img src="https://i.servimg.com/u/f58/18/50/18/69/os_yos10.png" />
 </button>
 <div class="infos_display">
 <p>Regardez les vidéos avant de télécharger les programmes !<br />
 Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
 <br /><br />
 <span>Installer_Yosemite HD</span><br />
 <a href="https://www.hackintosh-montreal.com/t3520-installer_yosemite_hdapp?tid=07856baa1e1bd8b3b057ef1ec82232af">Tuto Installer Yosemite HD</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPAdk42VXV3aDBkN3M/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>OS X Audio-ALC</span><br />
 <a href="https://www.hackintosh-montreal.com/t4534-os-x-audio-alc">Tuto Audio ALC</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPAN19LOUh0c1czc3c/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>OS X Yosemite Chameleon</span><br />
 <a href="https://www.hackintosh-montreal.com/t3171-os-x-yosemite-chameleon-r2760">Tuto Video OS X Yosemite Chameleon</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPAUi03OFU2Y3BRdmc/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Clover_v2.4k_Special Edition V6 (UPDATE)</span><br />
 <a href="https://www.hackintosh-montreal.com/t6078-clover_v2-4k_special-edition-v6">Tuto Video Clover_v2.5k_Special Edition V6</a>
 <a href="https://drive.google.com/file/d/1ZRgFGR9KXEFgDoCZJ4kaOiTv3QI-_qTZ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Chameleon OS X Base System-V2.4</span><br />
 <a href="https://www.hackintosh-montreal.com/t6051-chameleon-os-x-base-system">Tuto Vido Chameleon OS X Base System</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPASHZWMGJOTEQtdTQ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 </div>
      </div>
      <div class="module">
         <div class="h3">OS X Mavericks</div>
 <button class="showpanel">
 <img src="https://i.servimg.com/u/f58/18/50/18/69/os_mav10.png" />
 </button>
 <div class="infos_display">
 <p>Regardez les vidéos avant de télécharger les programmes !<br />
 Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
 <br /><br />
 <span>Chameleon OS X Base System-V2.4</span><br />
 <a href="https://www.hackintosh-montreal.com/t6051-chameleon-os-x-base-system">Tuto Vido Chameleon OS X Base System</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPASHZWMGJOTEQtdTQ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Create Install Media Master-V1.8</span><br />
 <a href="https://www.hackintosh-montreal.com/t6150-create-install-media-v1-3">Tuto Video Create Install Media Master</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPAcUd2VElzNjIzYjA/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>Installer OS X Mavericks V13</span><br />
 <a href="https://www.hackintosh-montreal.com/t2636-installer-os-x-mavericks-v13?tid=5d39ff824b22997c29b26308e9aca968">Tuto Video OS X Mavericks V13</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPAT01lRDZyWEpqbEk/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>OS X Base System USB Installer</span><br />
 <a href="https://www.hackintosh-montreal.com/t5934-mac-os-sierra-usb-installer">MacOS Sierra USB Installer</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPARFlYVXU0MVVKQjQ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 </div>
      </div>
      <div class="module">
         <div class="h3">Mac OS X Lion</div>
 <button class="showpanel">
 <img src="https://i.servimg.com/u/f58/18/50/18/69/os_lio10.png" />
 </button>
 <div class="infos_display">
 <p>Regardez les vidéos avant de télécharger les programmes !<br />
 Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
 <br /><br />
 <span>OS X Base System USB Installer</span><br />
 <a href="https://www.hackintosh-montreal.com/t5934-mac-os-sierra-usb-installer">MacOS Sierra USB Installer</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPARFlYVXU0MVVKQjQ/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>MacOS Disk Créateur</span><br />
 <a href="https://www.hackintosh-montreal.com/t5940-macos-disk-createur">Tuto Video MacOS Disk Créateur</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPAVjdCT0t5OWNnYnM/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 <br /><br />
 <span>HWSensors.V-5.2.772 EFI</span><br />
 <a href="https://www.hackintosh-montreal.com/t5630-hwsensors-efi-v6-19-1406">HWSensors.V-5.2.772 EFI</a>
 <a href="https://drive.google.com/file/d/0B661P9Kp9bPAanRBM0l5MjVnZ0U/view?usp=sharing"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 </div>
      </div>
      <div class="module">
         <div class="h3">Mac OS X Snow Leopard</div>
 <button class="showpanel">
 <img src="https://i.servimg.com/u/f58/18/50/18/69/os_sno10.png" />
 </button>
 <div class="infos_display">
 <p>Regardez les vidéos avant de télécharger les programmes !<br />
 Tous les programmes sont pour la version officielle de macOS obtenue sur le Mac App Store.</p>
 <br /><br />
 <span>Chameleon Mac OS X Snow Leopard</span><br />
 <a href="https://www.hackintosh-montreal.com/t7513-chameleon-mac-os-x-snow-leopard">Chameleon Mac OS X Snow Leopard</a>
 <a href="https://github.com/chris1111/Chameleon-Mac-OS-X-Snow-Leopardé"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
 </div>
      </div>
      <div class="module">
         <div class="h3">Fichier_Joint</div>
 <button class="showpanel">
 <img src="https://i.servimg.com/u/f25/18/50/18/69/fichie12.png" />
 </button>
 <div class="infos_display">
 <a href="https://mega.co.nz/#F!0wI2gaZC!Dn8u84CQlTkYzgvjCSMOow"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo14.png" /></a>
 </div>
      </div>
   </div>
</div>
<script>
$(function(){
    $('button.showpanel').click(function(){
        $(this).next('.infos_display').slideToggle('slow');
    });
});
</script>

Merci beaucoup pour votre patience, beaucoup de liens sont manquand je vait essayer de les corriger

[Oka.mi]

Bonjour,

Je parlais d'éventuels liens que j'aurais intervertis. S'il manque des liens, de surcroît beaucoup, c'est plus probablement parce que je n'y ai pas eu accès. Vérifiez bien qu'on voit les mêmes widgets sur les différents portails, que ce soit en tant que membre ou en invité.

[chris1111]

Bonjour,

Je parlais d'éventuels liens que j'aurais intervertis. S'il manque des liens, de surcroît beaucoup, c'est plus probablement parce que je n'y ai pas eu accès. Vérifiez bien qu'on voit les mêmes widgets sur les différents portails, que ce soit en tant que membre ou en invité.

Non je vient de verifier en Invité et tout est pareil, tout apparait comme pour les membres.
Je crois que vous avez fait les liens avant que je corrige pour les invité ?

Exemple pour Snow Leopard voici ce que je vois en Invité

[Oka.mi]

Je vous confirme que je ne voyais pas autant de widgets sur ce portail lorsque j'ai commencé le transfert... Enfin, pas grave, je vais vous laisser faire et en profiter pour vous expliquer comment, puisqu'il faudra bien que vous le fassiez vous-même si vous devez ajouter ou modifier des liens à l'avenir.

Donc pour compléter les explications de mon précédent message, nous avons donc un div class "module" pour délimiter chaque widget. Chaque "module" se structure comme suit :

Code:

<div class="module">
        <div class="h3">TITRE</div>
        <button class="showpanel">
                  <img src="IMAGE" />
        </button>
        <div class="infos_display">
                  <p>Texte d'avertissement en gras et centré</p>
                  <br /><br />
                  <span>TITRE DU FICHIER</span><br />
                  <a href="LIEN_DU_TUTO">TITRE DU TUTO</a>
                  <a href="LIEN_DU_TELECHARGEMENT"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>
        </div>
</div>

<button class="showpanel">
<img src="IMAGE" />
</button>
C'est l'image qui sert de bouton pour dévoiler les liens de téléchargement.

<div class="infos_display">
...
</div>
C'est le contenu qui se dévoile lorsqu'on clic sur le bouton.

<p>...</p> contient le message d'avertissement en gras.
<br /> sert à poser un à la ligne.

Autrement dit, le pattern à copier-coller et à modifier quand vous souhaitez ajouter un lien de téléchargement, c'est celui-ci :

Code:

<br /><br />
                  <span>TITRE DU FICHIER</span><br />
                  <a href="LIEN_DU_TUTO">TITRE DU TUTO</a>
                  <a href="LIEN_DU_TELECHARGEMENT"><img src="https://i.servimg.com/u/f37/18/50/18/69/downlo15.png" /></a>

À ajouter avant le </div> fermante du <div class="infos_display">

Voici une illustration :


À la fin, le passage

Code:

<script>
$(function(){
    $('button.showpanel').click(function(){
        $(this).next('.infos_display').slideToggle('slow');
    });
});
</script>

c'est le script faisant fonctionner l'effet du clic qui dévoile les contenus de chaque widget.

[chris1111]

Merci beaucoup @Oka.mi pour tout je vait tout refaire quand jaurai le temp
Sujet résolue