[En cours] - Problème sur la Page d'accueil thème complet "Gang Technology"

Bonjour !

Déjà, merci pour le travail fournis par votre forum !

J'ai un soucis avec le thème complet "Gang Technology", sur le template de la PA, j'ai beau suivre les instructions à la lettre, une fois tout enregistrer, mis en place, etc... Rien ne s'affiche ! Nada O___O Je vous met le template index_body & le CSS "okaou".

Code:: {JAVASCRIPT}  <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">  <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr>    <div class="bylpa">  <div class="bylflex">  <div class="bylcont"> <div class="byltitle">Ceci est <strong>votre</strong> histoire</div> <span> <i1>Janvier-Mars 2025.</i1> Deux décennies se sont écoulées depuis la seconde guerre des sorciers, celle relatée dans la saga biographique du célèbre Harry Potter, parue aux éditions « sorciers et sorcières célèbres du monde et au-delà » par la célèbre journaliste, écrivain et rédactrice en chef de la gazette du sorcier ; Rita Skeeter. Si le monde tel que nous le connaissons a connu un long temps de paix, cela ne veut certainement pas dire que rien ne s’y passe ! Bien au contraire! Les mentalités, même chez les sorciers, mettent du temps à changer. De même que les souvenirs ne s'efface pas, la soif d'un « toujours plus » grandissant se fait entendre chez les activistes et extrémistes voulant toujours plus de droits pour leurs communautés ; elfe de maison, gobelin, harpie, centaure, loup-garou. Des groupuscules extrémistes voient le jour et menacent, petit à petit, l'équilibre de la paix et du secret magique dans leur éveil visant à s'approprier toujours plus de droits égalitaires avec les humains. Et si l'ambition de Miss Granger semble revenir lui mordre le derrière, il s'avère que d'autres groupes extrémistes voient le jour. Ces mêmes sang-purs, noblesse de notre monde que ce soit en Angleterre ou ailleurs commencent à sentir que le vent tourne et que ceux qui ont initié un modèle sans « droit de sang » donnent de mauvaises idées au reste du monde... Ce faisant il n'est pas étonnant que d'anciens partisans de Mages Noirs tels que Grindelwald ou Tom Jedusor se lèvent, derrière le Serpent à trois têtes d'un leader que personne n'a jamais vu, mais qui pour sûr prévoit de faire du bruit... Ajoutant aux rangs des sang-purs les anti-hybrides et ceux qui peuvent craindre de voir les créatures magiques de ce monde provoquer une révolte... Les débats divisent, il y a ceux qui sont contre les droits des créatures magiques, ceux qui veulent revoir naître les anciens héritages sorciers et sorcières, ceux qui sont pour le changement et ce qu'ils appellent le progrès. Et il y a vous ? Vous là, qui nous lisez ? Peut-être vous êtes-vous reconnu dans cet article, peut-être pas... Mais quoi qu'il arrive, neutre ou non, cela ne veut pas dire qu'un jour vous ne serez pas forcé à participer au débat... Et quand ce jour viendra, quels seront vos choix ? </span> <a href="#" target="_blank">La lire au <strong>complet</strong></a>  </div>  <div class="bylstaffinfos">  <div class="bylstaff"> <div class="byltitle2">Le staff</div> <div class="bylstaffimg"> <div class="bylstaff-bloc"> <img src="https://i.gifer.com/NC6b.gif"/> <strong>Kassie H. G. Ollivander</strong> <span><a href="#" target="_blank">MP</a> - <a href="#" target="_blank">Profil</a></span> </div> <div class="bylstaff-bloc"> <img src="https://gaumeobach.files.wordpress.com/2013/05/6a27adc379310a55e837ebfcb64543a9822610b3-jpg.gif"/> <strong>Eiji N. K. Masaaki</strong> <span><a href="#" target="_blank">MP</a> - <a href="#" target="_blank">Profil</a></span> </div> </div>  </div>  <div class="bylinfos">infos du forum blabhalbha  </div>  </div>  <div class="bylnewmembre">  <div class="bylnew"> <div class="byltitle">Et maintenant, le <strong>flash info</strong></div> <div class="bylnew-content"> <strong>07/10/22</strong> - blabha<br/> <strong>07/10/22</strong> - blabha<br/> <strong>07/10/22</strong> - blabha<br/> <strong>07/10/22</strong> - blabha<br/> <strong>07/10/22</strong> - blabha </div>  </div>  <div class="bylmembre"> <div class="byltitle2">Ils ont fait les <strong>bons choix</strong> ce mois-ci</div> <div class="bylmembre-flex"> <div class="bylmembre-content"><img src="https://www.zupimages.net/up/22/46/4m4f.png"/><span>Blah blah</span></div> <div class="bylmembre-content"><img src="https://www.zupimages.net/up/22/46/2xrt.png"/><span>Blah blah</span></div> </div>  </div>  </div>  </div>  <div class="bylpartenaires"> <div class="byltitle">Nos <strong>partenaires</strong></div> <a href="https://pisrale.forumactif.com" target="_blank"><img src="https://i.imgur.com/B8c35cm.jpg"/></a> <a href="https://dmthbegins.forumactif.org/" target="_blank"><img src="https://i.imgur.com/ZTKRezl.png"/></a> <a href="https://zeusontinder.forumactif.com/" target="_blank"><img src="https://i.servimg.com/u/f83/19/82/94/51/part1011.png"/></a> <a href="https://detroit-become-human.forumactif.com/" target="_blank"><img src="https://zupimages.net/up/22/41/6pwa.png"/></a> <a href="https://auroreforks.forumactif.com/" target="_blank"><img src="https://zupimages.net/up/22/35/vhin.png"/></a> <a href="https://gangster-paradise.forumactif.com/" target="_blank"><img src="https://zupimages.net/up/22/40/llx8.bmp"/></a> <a href="https://madworld.forumactif.com/" target="_blank"><img src="https://www.zupimages.net/up/22/22/sjbk.png"/></a> <a href="" target="_blank"><img src="https://www.zupimages.net/up/22/45/930a.png"/></a>  </div>  </div>  </table>   <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1"> <table> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr> <tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td>  <td width="10%" align="center" valign="middle" class="row1"> <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span> </td> <td width="40%" class="align_gauche row1"> <div class="social_btn">  <div class="fb-login-button"></div>   <div class="ti-connect"></div>  </div> </td>  </tr> </table> </form>  {CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top">  <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>   <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>  </td> <td width="50%" align="right"> <span class="gensmall"> <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br /> <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br /> <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>   <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>   </span> </td> </tr> </table>  <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="50%" valign="top" align="right" class="row1"> <table> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr> <tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td>  <td width="10%" align="center" valign="middle" class="row1"> <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span> </td> <td width="40%" class="align_gauche row1"> <div class="social_btn">  <div class="fb-login-button"></div>   <div class="ti-connect"></div>  </div> </td>  </tr> </table> </form>   <div class="qeeltotal"> <div class="qeel-title">Es-tu <strong>parmi</strong> nous ?</div> <div class="qeel-flex1"> <span id="onlinetot">{TOTAL_USERS_ONLINE}</span> <span>Nous avons <strong id="messtot">{TOTAL_POSTS} discussions</strong> parmi <strong id="memtot">{TOTAL_USERS} habitants</strong></span> </div> <div class="qeel-flex2"> <div class="qeel-gauche"> <div class="qeel-coco"> <div class="qeel-title1">Ils <strong>sont là</strong> dans les rues</div> <div class="qeel-co" id="memen">{LOGGED_IN_USER_LIST}</div> </div> <div class="qeel-bienvenue"> <span id="last-user"> <div id="newus" class="qeel-bloc"><h2>Bienvenue à toi {NEWEST_USER}</h2></div> <div id="ib-last-user"></div> <div class="bienvenue-last">Quels seront tes <br/><strong>choix</strong> de vie ?</div> </span> </div>  </div>  <div class="qeel-milieu"></div>  <div class="qeel-droite"> <div class="qeel-title1">On <strong>les a vu</strong> passer à Detroit</div> <div class="qeel-dernco"> <table id="24h" class="qeel-dernier"><span class="gensmall">{L_CONNECTED_MEMBERS}</span></table> </div> </div>   </div>  <div class="qeelgroupes"> <a class="groupe1" href="https://becomeyourlife.forumactif.com/g6-fragility">Fragility</a> <a class="groupe2" href="https://becomeyourlife.forumactif.com/g5-we-are-free">We are free</a> <a class="groupe3" href="https://becomeyourlife.forumactif.com/g7-it-s-time-to-decide">It's time to decide</a> <a class="groupe4" href="https://becomeyourlife.forumactif.com/g3-software-instability">Software Instability</a> </div>  </div> <script type="text/javascript">$(function(){ if( $('#last-user').length ){ var $lastUser = $('#last-user'), urlLastUser = $lastUser.find('a').attr('href'), pseudoLastUser = $lastUser.find('a > span > strong').text(); $('#last-user #ib-last-user').insertAfter($lastUser.find('a')); $('#last-user #ib-last-user').load('' + urlLastUser +' img[alt="'+ pseudoLastUser +'"]'); } }); </script> <script type="text/javascript">document.getElementById('messtot').innerHTML=document.getElementById('messtot').innerHTML.replace(/Nos membres ont posté un total de/,"");</script> <script type="text/javascript">document.getElementById('messtot').innerHTML=document.getElementById('messtot').innerHTML.replace(/messages/,"");</script> <script type="text/javascript">document.getElementById('messtot').innerHTML=document.getElementById('messtot').innerHTML.replace(/message/,"");</script> <script type="text/javascript">document.getElementById('onlinetot').innerHTML=document.getElementById('onlinetot').innerHTML.replace(/Invisible/,"caché");</script> <script type="text/javascript">document.getElementById('onlinetot').innerHTML=document.getElementById('onlinetot').innerHTML.replace(/Invisibles/,"cachés");</script> <script type="text/javascript">document.getElementById('onlinetot').innerHTML=document.getElementById('onlinetot').innerHTML.replace(/Enregistré/,"habitant");</script> <script type="text/javascript">document.getElementById('onlinetot').innerHTML=document.getElementById('onlinetot').innerHTML.replace(/Enregistrés/,"habitants");</script> <script type="text/javascript">document.getElementById('onlinetot').innerHTML=document.getElementById('onlinetot').innerHTML.replace(/Invité/,"pixel");</script> <script type="text/javascript">document.getElementById('onlinetot').innerHTML=document.getElementById('onlinetot').innerHTML.replace(/Invités/,"pixels");</script> <script type="text/javascript">document.getElementById('onlinetot').innerHTML=document.getElementById('onlinetot').innerHTML.replace(/Moteur de recherche/,"robot");</script> <script type="text/javascript">document.getElementById('onlinetot').innerHTML=document.getElementById('onlinetot').innerHTML.replace(/Moteurs de recherche/,"robots");</script> <script type="text/javascript">document.getElementById('memtot').innerHTML=document.getElementById('memtot').innerHTML.replace(/Nous avons/,"");</script> <script type="text/javascript">document.getElementById('memtot').innerHTML=document.getElementById('memtot').innerHTML.replace(/membre enregistré/,"");</script> <script type="text/javascript">document.getElementById('memtot').innerHTML=document.getElementById('memtot').innerHTML.replace(/membres enregistrés/,"");</script> <script type="text/javascript">document.getElementById('newus').innerHTML=document.getElementById('newus').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"");</script> <script type="text/javascript">document.getElementById('memen').innerHTML=document.getElementById('memen').innerHTML.replace(/Utilisateurs enregistrés :/," ");</script> <script type="text/javascript">document.getElementById('24h').innerHTML=document.getElementById('24h').innerHTML.replace(/Membres connectés au cours des 24 dernières heures :/," ");</script>  {CHATBOX_BOTTOM} <br clear="all" />  <table border="0" cellspacing="3" cellpadding="0" align="center"> <tr> <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" loading="lazy" /></td> <td><span class="gensmall">{L_NEW_POSTS}</span></td> <td></td> <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" loading="lazy" /></td> <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td> <td> </td> <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" loading="lazy" /></td> <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> </tr> </table>  {AUTO_DST}

Code:: /************ THEME GANG TECHNOLOGIE PISRALE KOALA VOLANT ***************/ :root{ --fond-deg:linear-gradient(90deg, var(--dark) 32.29%, var(--light) 89.86%); --fond-img:url('https://www.zupimages.net/up/22/45/f0t6.png'); --fond-img2:url('https://www.zupimages.net/up/22/45/f0t6.png'); --fond-bodyline:#4d4d4d; --dark:#531b37; --light:#88263C; --black:#FDE8ED; --white:#dedede; --whitef:#363636; --text-shadow:0px 0px 0px #757575; --font-text:'Inter', sans-serif; --font-title:'GothamPro', sans-serif; --groupe1:#d7ba83; --groupe2:#ff85a7; --groupe3:#88c6ff; --groupe4:#6ed373; } /* BODY ET CHOSES DE BASE */ a, a:hover{ text-decoration:none !important; } *{ box-sizing:border-box; } img{ object-fit:cover; } .sceditor-button{width: 28px;} .top-bottom-fo{ position:absolute; } .bodyline{ border:none; background:var(--fond-bodyline);} #i_logo{ width:auto; } .sceditor-button{ width:27px !important; height:27px !important; } .catBottom{ background:var(--fond-deg) !important;} .catBottom a{ color:var(--white) !important; } .catBottom .nav{ color:var(--black) !important; } .row2, .row1{ background:var(--whitef) !important; color:var(--white); } input.post, textarea.post, select, #text_editor_iframe, textarea.inputbox{ color:#222; } input, textarea, select, #text_editor_iframe, .external-module .external-more a{ color:#222; } .forumline{ background:transparent; } th, td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom{ background:var(--fond-deg); } /* DÉBUT RETRAIT TRAITS NOIRS FORUM */ .catHead, .catBottom, .catLeft, .catRight, .thLeft, .thRight, .thSides, .thCornerL, .thCornerR, .thTop, .thHead, .row3Right, .forumline { border: none !important; } /* FIN RETRAIT TRAITS NOIRS FORUM */ /************* PAGE D'ACCUEIL ***********/ .bylpa{ display:flex; width:100%; flex-wrap:wrap; margin-top:10px; margin-bottom:20px; } .bylpa .bylflex{ display:flex; justify-content:space-between; align-items:center; } /* CONTEXTE */ .byltitle{ background:var(--fond-img); background-position:center; color:var(--white); text-shadow:var(--text-shadow); padding:2px; font-family:var(--font-title); letter-spacing:1px; } .bylcont{ width:30%; position:relative; margin-bottom:15px; } .bylpa .byltitle{ background:var(--fond-img); background-position:center; color:var(--white); text-shadow:var(--text-shadow); padding:2px; font-family:var(--font-title); letter-spacing:1px; } .bylcont span{ display:block; background:var(--whitef); color:var(--white); padding:10px; font-size:12px; line-height:1.2em; height:160px; } .bylcont a{ background:var(--fond-deg); color:var(--white); font-size:11px; letter-spacing:2px; font-family:var(--font-title); font-weight:200; padding:5px; width:60%; position:absolute; right:0; display:block; text-align:right; transition:500ms; } .bylcont a:hover{ letter-spacing:3px; width:68%; transition:500ms; } /* STAFF INFOS */ .bylstaffinfos{ width:30%; } .bylpa .byltitle2{ font-family:var(--font-title); letter-spacing:3px; border-bottom:1px solid var(--light); font-weight:200; margin-bottom:5px; } .bylstaffimg{ display:flex; justify-content:space-between; } .bylstaffimg .bylstaff-bloc{ width:49%; font-size:12px; text-align:center; } .bylstaffimg .bylstaff-bloc img{ width:100%; height:50px; object-fit:cover; margin-bottom:5px; opacity:0.7; } .bylstaffimg .bylstaff-bloc:hover img{ opacity:1; } .bylstaffimg strong{ display:block; font-size:12px; font-family:var(--font-title); letter-spacing:1px; } .bylstaffimg a{ font-size:11px; color:var(--black); } .bylstaffimg a:hover{ color:var(--white); } .bylinfos{ width:100%; background:var(--whitef); color:var(--white); height:100px; padding:10px; font-size:12px; line-height:12px; text-align:justify; margin-top:15px; overflow:auto; } /* NEW ET MEMBRE DU MOIS */ .bylnewmembre{ width:34%; } /* NEW */ .bylnew-content{ background:var(--whitef); color:var(--white); font-size:12px; padding:10px; height:80px; overflow:auto; } .bylnew-content strong{ color:var(--black); font-family:var(--font-title); font-weight:200; letter-spacing:2px; } .bylmembre{ margin-top:10px; } .bylmembre .byltitle2{ font-size:12px; padding-bottom:5px; text-align:right; } .bylmembre .bylmembre-flex{ display:flex; justify-content:space-between; } .bylmembre-flex .bylmembre-content{ width:49%; height:40px; position:relative; overflow:hidden; } .bylmembre-content img{ width:100%; height:35px; opacity:0.7; } .bymembre-content img:hover{ opacity:1; } .bylmembre-content span{ width:100%; height:35px; background:var(--fond-deg); padding:5px; font-size:12px; text-align:center; display:flex; justify-content:center; align-items:center; color:var(--white); font-family:var(--font-title); font-weight:200; letter-spacing:1px; position:absolute; top:0; left:-100%; transition:500ms; } .bylmembre-content:hover span{ left:0; transition:500ms; } /* PARTENAIRES */ .bylpartenaires{ width:100%; display:flex; align-items:center; margin-top:15px; } .bylpartenaires .byltitle{ width:148px; height:29px; display:flex; align-items:center; } .bylpartenaires .byltitle strong{ margin:0 5px; } .bylpartenaires img{ margin:0 2px; width:80px; height:29px; opacity:0.7; } .bylpartenaires img:hover{ opacity:1; } /************ PROFIL DES MEMBRES ****************/ /*Rewards**/ div.award { background-image: var(--award-image); background-position: center; background-size: cover; display: inline-block; height: 50px; margin: 3px; position: relative; scroll-snap-align: center; width: 50px; opacity: 80%; } div.award:hover { opacity: 100%; } .award_tooltiptext { background-color: #1c1c1c; border: 2px solid #000; border-radius: 6px; color: white; font-weight: 400; left: 60px; line-height: 10px; font-size: 13px; margin-top: -30px; opacity: 0; padding: 8px; pointer-events: none; position: absolute; text-align: center; top: 27px; transform: translateY(-50%); transition: opacity .4s; visibility: collapse; white-space: normal; width: 130px; word-break: break-word; z-index: 6; } .award_tooltiptext::after { border-color: transparent var(--awards_color) transparent transparent; border-style: solid; border-width: 7px; content: ""; margin-top: -10px; position: absolute; right: 100%; top: 50%; } .award_tooltiptext_title { font-size: 13px; font-style: normal; font-weight: 700; padding-bottom: 3px; } @import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@300;400;600;700;800;900&family=Fjalla+One&display=swap'); :root{ --profil-font1:'Encode Sans', sans-serif; --profil-font2:'Fjalla One', sans-serif; --awards_color: #352c29; --profil-blanc:#f0f0f0; --profil-blanc-o:rgb(240,240,240,0.4); --profil-noir:#1c1c1c; --profil-degrade:linear-gradient(90deg, rgba(47,53,96,1) 0%, rgba(0,0,0,1) 100%); } .profilntos{ width:100%; font-family:var(--profil-font1); } .profilntos, .profilntos *{ box-sizing:border-box; } /* BANDE DU PROFIL */ #bandenomprofil{ display:flex; justify-content:flex-end; align-items:center; padding:20px; } /* PSEUDO RANG */ .pseudorangprofil{ width:42%; } /*PSEUDO */ .pseudorangprofil .pseudontos .gen{ text-align:center; display:block; font-size:35px; line-height:40px; font-family:var(--profil-font2); letter-spacing:3px; } .pseudorangprofil .pseudontos .gen strong{ color:var(--profil-blanc) !important; } /* RANG */ .rankntos .gen{ font-size:14px; display:block; text-align:center; color:var(--profil-blanc); letter-spacing:2px; } .rankntos img{ margin-top:5px;} /* DERNIERE VISITE ET ADMIN */ .lastsawprofil{ width:24%; margin-left:20px; text-align:center; background:var(--profil-blanc-o); padding:5px; box-shadow: 0 0 8px 8px var(--profil-blanc-o); display:block; font-size:14px; color:var(--profil-noir); } .lastsawprofil span{ display:block; margin:5px 0px; } /* MP ET LIENS */ .mpaenvoyerprofil{ text-align:right; width:9%; font-size:0; } .mpaenvoyerprofil a{ display:block; } /* FLEX D'AVATAR ET CHAMP */ .profilntosflex{ display:flex; min-height:415px; max-height:550px; justify-content:space-between; position:relative;} .avatarliensntos{ width:200px; position:relative; top:-120px; left:20px; } .avatarliensntos img{ width:200px; height:320px; object-fit:cover; border:2px solid var(--profil-noir);} .liensntos{ margin-top:10px; } .liensntos a{ display:block; text-align:center; margin:5px 0; background:var(--profil-degrade); padding:10px; color:var(--profil-blanc); text-decoration:none; font-family:var(--profil-font2); text-transform:uppercase; } .liensntos a:hover{ text-decoration:none !important; background:var(--profil-noir); } .champprofilntos{ padding:20px; margin:10px; text-align:justify; width:100%; position:relative; left:20px; height:360px; overflow:auto; font-size:13px; } .champprofilntos .gen{ font-weight:bold; font-family:var(--profil-font1); font-size:15px; margin-top:10px; display:inline-block; } .champprofil2{ height:350px; overflow-y:auto; width:50%; padding:0 20px; margin:0 15px; } /******************* LISTE DE MEMBRES ***************/ .listmembreclef .row1 table{ font-size:15px !important; letter-spacing:1px; padding:10px; } .listmembreclef{ margin-top:10px; } .listmembreflex{ display:flex; justify-content:center; flex-wrap:wrap; margin-top:10px; } .listmembreflex .membreflex{ width:170px; margin:10px;} .membreflex img{ width:170px; height:170px; clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); opacity:0.8; transition:500ms; } .membreflex:hover img{ opacity:1; transition:500ms; } .membreflex .pseudomember{ display:flex; align-items:center; justify-content:center; text-align:center; background:var(--fond-deg); padding:5px; min-height:50px; font-size:14px; line-height:14px; font-family:var(--font-title); } .membreflex .pseudomember span{ background:var(--light); display:block; padding:5px; } .labelmember span{ background:var(--whitef); display:block; text-align:center; font-size:14px; padding:2px; margin:5px 0; } /************* PROFIL ET MESSAGE ***************/ /* Fil d'ariane */ .navmessage .nav .nav, .catBottom .nav .nav{ font-size:15px; letter-spacing:1px; font-family:var(--font-title); font-weight:100; color:var(--black); } /* Profil de gauche */ .profileprofile .row1, .profileprofile .row2{ background:none !important; } .profileprofile{ background:none; width:100%; } .profileprofile .profiletotal{ margin-bottom:80px; background:var(--fond-deg) !important; padding:10px !important; height:850px !important; display:block; width:100%; position:relative; } .profiletotal:after{ content:' '; width:100%; height:230px; background:var(--fond-img); z-index:2; position:absolute; left:0; bottom:-70px; clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);} /* PSEUDO */ .profiletotal .pseudorankprofil{ text-align:center; margin:10px 0 20px 0; background:var(--light); padding:5px; } .profiletotal .pseudodo{ display:block; } .profiletotal .pseudodo a{ font-size:18px; text-align:center; display:block; font-family:var(--font-title); } .profiletotal .rankprofil{ font-size:12px; } .profiletotal .vavaprofil{ width:200px; height:320px; } .profiletotal .rankprofilimage{ margin:10px 0; display:block; } .profiletotal .labelprofile{ background:var(--light); padding:5px; font-size:12px; line-height:1.2em; height:340px; overflow:auto; position:relative; z-index:10; width:200px; text-align:justify; } .profiletotal .labelprofile .label{ margin-top:10px; display:block; word-wrap: font-family:var(--font-title); font-size:12px; letter-spacing:1px; font-weight:800; white-space:none !important;} .postdetails.poster-profile span.label{ white-space:normal !important; } /* Profil de droite */ /* Titre */ .post .row1{ padding:0; } .postdate{ background:var(--fond-img); padding:5px 10px; } .postdetails{ } .postdate h1{ font-size:18px; color:var(--white); text-shadow:var(--text-shadow); font-family:var(--font-title); letter-spacing:1px; } .postdate .pooostdate{ margin-top:-10px; display:block; color:var(--white); margin-bottom:10px; } .modifmess img, .iconsmess img, .leftmessage img{ filter: brightness(2.5); } /* Message */ .postbody { font-size: 12px;line-height: 1.2em; background:#2a2a2a; padding: 30px; text-align: justify; } .postbody .iconsmess{ margin-top:30px; } /* TITRE DU BAS */ .titremessage .cattitle{ font-weight: 700; font-size: 15px; letter-spacing: 1px; color: #647076; font-family: var(--font-title); } /**************************** CATEGORIIIIES *****************/ /* BOUTONS */ .boutons-cate, .boutons-qeel{ font-family:var(--font-title) !important; display:flex; justify-content:space-between;} .boutons-cate a, .boutons-qeel a{ text-shadow:var(--text-shadow); transition:500ms; font-size:12px; line-height:1px; color:var(--white); padding:5px; background:var(--light); display:block; } .boutons-cate a:hover, .boutons-qeel a:hover{ text-shadow:none; color:var(--black); letter-spacing:2px; transition:500ms; } /* TITRE CATEGORIES */ .cate-title h2{ letter-spacing:4px; font-weight:200 !important; background:var(--fond-deg); color:var(--white); font-size:25px; text-transform:uppercase; padding:5px; font-family:var(--font-title); } .cate-title h2 strong{ font-family:var(--font-title); font-weight:900; } /* FLEX */ .forum-encart{ display:flex; align-items:center; margin-bottom:30px; } /* GAUCHE */ .cate-descrno{ position:relative; width:60%; } .forum-title{ background:var(--fond-img); transition:500ms; text-shadow: var(--text-shadow); background-size:cover; display:flex; align-items:center; font-size:18px; min-height:40px; font-weight:400; padding:5px; width:100%; color:var(--white) !important; font-family:var(--font-title) !important; letter-spacing:1px; justify-content:flex-end; } .forum-title:hover{ /*background:var(--fond-img2);*/ background-size:200%; background-position:right; transition:500ms;} .forum-title strong{ font-weight:900; display: inline-block; margin: 0 5px; } .cate-descrno img{ position:absolute; width:80px; height:80px; } .cate-descrno .cate-descr{ padding-left:80px; margin:7px 10px; font-size:12px; line-height:15px; height:80px; overflow:auto; text-align:justify; } /* MILIEU */ .cate-sous{ width:21%; margin:0 15px; background:var(--fond-deg); height:130px; overflow:auto; background-size:cover; background-position:center;} .ssfo a{ display:block; text-align:center; color:var(--black); background:var(--whitef); line-height:12px; padding:5px; font-size:12px; margin:5px; } .ssfo a:hover{ color:var(--dark); } /* DROITE */ .cate-infos{ width:26%; } .cate-dermess{ display:flex; align-items:center; } .cate-dermess .cate-lastpost{ font-size:14px; margin-left:5px; position:relative; width:95%; font-size:12px;} .cate-dermess .cate-lastpost a{ font-size:14px; } .cate-dermess .cate-lastpost a:first-child{ color:var(--black); font-weight:bold; transition:500ms; } .cate-dermess .cate-lastpost a:first-child:hover{ text-decoration:underline !important; transition:500ms; } .cate-dermess .cate-lastpost img{ position:absolute; width:23px; top:62%; right:0; } .cate-infos .lastpost-avatar img{ border-radius:0px; width:50px; height:75px; } .cate-messvue{ background:var(--fond-img); background-position:center; color:var(--white); text-shadow:var(--text-shadow); font-size:11px; text-align:center; padding:5px; margin-top:10px; } /******** LISTE DE SUJEEEETS *********/ .subjects-total{ background:none; } .subjects-total .subj-body{ position:relative; margin-bottom:20px !important; display:flex; } /* ICONS */ .subjects-total .img-subj{ position:absolute; top:5px; left:5px; } .subjects-total .img-subj img{ width:70px;} /* TITLE */ .subj-tit-descr{ width:72%; } .subj-tit-descr .topic-title{ background:var(--fond-img); padding:10px; width:100%; display:block; background-position:center; text-align:right;transition:500ms; } .subj-tit-descr .topic-title a{ font-size:15px; line-height:17px; color:var(--white); text-shadow:var(--text-shadow); font-weight:200; letter-spacing:1px; font-family:var(--font-title); } .subj-tit-descr .topic-title:hover{ background-position:right; transition:500ms; } /* ANNONCES ET NOTE */ .patatedouce{ background:var(--fond-deg) !important; } .patatedouce img, .topic-title img{ display:none; } .patatedouce strong{ font-size:10px; color:var(--white); margin-right:10px; letter-spacing:2px; position:relative; top:-2px; font-weight:200; } .subj-tit-descr .topic-title{ padding-left:60px; } /* DESCRIPTION */ .subj-tit-descr .descrauth{ display:flex; flex-direction:column; margin-left:90px; margin-top:5px; } .subj-tit-descr .auth-naiss{ font-size:13px; font-family:var(--font-title); font-weight:200; margin-top:5px; } /* Last Post */ .author-vuerep{ width:25%; margin-left:10px; display:block; } .author-vuerep .authone{ position:relative; display:flex; align-items:center; } .author-vuerep .authone img{ border-radius:0; } .author-vuerep .authone .author-mess{ margin-left:10px; font-size:12px; width:70%; } .author-vuerep .authone .author-mess img{ width:25px; position:absolute; right:-20px;; top:50%; transform:translateY(-50%); } .author-vuerep .vues-mess{ background:var(--fond-deg); color:var(--white); text-align:center; font-size:11px; margin-top:5px; } /* Navigation */ .nav .nav .nav{ font-size:15px; letter-spacing:1px; font-family:var(--font-title); font-weight:100; color:var(--black); } /********* QUI EST EN LIGNE ***************/ /* BOUTONS */ .boutons-cate, .boutons-qeel{ font-family:var(--font-title) !important; display:flex; justify-content:space-between;} .boutons-cate a, .boutons-qeel a{ text-shadow:var(--text-shadow); transition:500ms; font-size:12px; line-height:1px; color:var(--white); padding:5px; background:var(--light); display:block; } .boutons-cate a:hover, .boutons-qeel a:hover{ text-shadow:none; color:var(--black); letter-spacing:2px; transition:500ms; } /*************************** QEEL *************/ .qeeltotal{ width:100% } .qeel-title{ background:var(--fond-img); padding:10px; font-family:var(--font-title); color:var(--white); font-size:25px; text-shadow:var(--text-shadow); letter-spacing:2px; margin-top:10px; } /* DEUX ELEMENTS DU HAUT */ .qeel-flex1{ display:flex; color:var(--white); font-size:12px; justify-content:center; text-align:center; margin:5px 0; } .qeel-flex1 span{ background:var(--dark); display:block; width:50%; padding:5px; } .qeel-flex1 #onlinetot{ margin-right:5px; } /* FLEX PRINCIPAL */ .qeel-flex2{ display:flex; justify-content:space-between; } .qeel-flex2 .qeel-title1{ background:var(--fond-deg); color:var(--white); padding:3px; font-family:var(--font-title); font-weight:200; text-shadow:var(--text-shadow);} /* QEEL GAUCHE */ .qeel-gauche{width:50%; } .qeel-co{ background:var(--whitef); padding:10px; height:80px; overflow:auto; } .qeel-co a{ font-size:14px; } .qeel-bienvenue{ position:relative; background:var(--fond-deg); height:60px; margin-top:5px; } #last-user{ display:flex; } .qeel-bienvenue img{ position:absolute; width:80px; height:70px; left:55%; transform:translateX(-50%); clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); top:-10px; } .qeel-bienvenue #newus{ width:50%; } .qeel-bienvenue #newus h2{ font-size:15px; color:var(--black); padding:0 10px; margin:0; margin-top:10px; font-size:13px; font-weight:200; } .qeel-bienvenue #newus h2 a{ display:block; font-size:15px; } .bienvenue-last{ width:47%; text-align:right; font-family:var(--font-title); font-weight:200; color:var(--white); letter-spacing:1px; margin-top:10px; font-size:14px; line-height:18px; padding:0 5px 0 5px; margin-left:10px; } /* QEEL MIDDLE */ .qeel-milieu{ width:10%; margin:0 5px; background:var(--fond-img); background-size:cover; background-position:center; } /* QEEL DROITE */ .qeel-droite{ width:40%; } .qeel-dernco .qeel-dernier{ background:var(--whitef); width:100%; height:146px; display:flex; padding:5px; overflow:auto; } .qeel-dernco .qeel-dernier a{ font-size:14px; } .qeel-dernco .qeel-dernier .row1{ background:none; } /* GROUPES */ .qeelgroupes{ display:flex; justify-content:center; } .qeelgroupes a{ display:block; text-transform:uppercase; padding:5px; font-size:14px; margin:5px; border:1px solid var(--light); font-family:var(--font-title); font-weight:200; letter-spacing:2px; } .qeelgroupes .groupe1{ color:var(--groupe1); } .qeelgroupes .groupe2{ color:var(--groupe2); } .qeelgroupes .groupe3{ color:var(--groupe3); } .qeelgroupes .groupe4{ color:var(--groupe4); } .qeelgroupes a:hover{ background:var(--light); font-weight:900;} /******************* LISTE DES MPS ********************/ /* NOM DES BOITES */ .titresmp span{ display:block; padding:10px; background:var(--whitef); margin:0 10px; text-align:center; } /* MP TOTAL */ .mptotal{ background:none !important; } .mptotal tr{ display:block; } /* MPS */ .mprecus{ display:flex !important; align-items:center; position:relative; } .mprecus .row1, .mprecus .row2{ background:none !important; } /* SELECTION */ .mpselection{ width:5%; display:block; } /* INFOS */ .mpinfos{ width:100%; } .mpinfos .topictitle{ display:block; } .mpinfos .topictitle .topicmp{ font-size:16px; font-family:var(--font-title); font-weight:200; background:var(--fond-img); background-position:right; text-shadow:var(--text-shadow); padding:10px; color:var(--white); letter-spacing:1px; padding-left:70px; } .mpmpinfos{ margin-top:5px; padding-left:70px; display:block; font-weight:100; } /* ICON */ .mprecus .mpimgicon{ position:absolute; left:30px; top:10px; } .mprecus .mpimgicon img{ width:80px; } /* BAS DU FORUM */ .mpbottom{ margin-top:30px !important; } .mpbottom .catBottom{ padding:10px; width:830px;} .mpbottom .catBottom input{ padding:5px; color:var(--black); border:none; }

ça ce passe sur un forum test :

Code:: https://x-city.1fr1.net/

Merci d'avance pour votre aide. I love you

Hello ! ...Je l'ai installé il y a peu donc je vais regarder.
Désolé d'ailleurs du retard

Ok alors en effet rien ne s'affiche (c'est déjà ça xD)
Est ce que tu peux remettre par défaut (attention ça va enlever le QEEL donc faut juste recopier le truc original du "thème original", et réessayer, et si ça fonctionne pas, me screen ce qu'il se passe dans Page d'accueil > Généralité.
S'il n'y a rien dansl a PA, essaie d'écrire genre "test", pour voir si ensuite elle s'affiche n.n !

Coucou,

j'essai ça ce soir sur le forum test, en attendant pour info j'ai fait l'installation sur le forum principal

Code:: https://umbra-noctis-movens.forumactif.com/

J'ai voulu essayer en créant la PA en page "HTML" avec le code d'intégration "classique"

Code:: <iframe src="https://umbra-noctis-movens.forumactif.com/h5-pa-provisoire-template-cassee" scrolling="no" frameborder="0" ;"=""></iframe>

Truc très bizarre : en laissant la page HTML indépendante "vide", en ayant le code d'intégration dans "Page d'accueil" sur le panneau d'admin, ça me prend maintenant en compte le template tel que tu l'a prévu... ????? Bon tant mieux hein... Mais je t'avoue que WTF XD

Ah oui c'est.... Bah écoute ça fonctionne :'D Cherche pas c'est forumactif mdr.
Mais nickel alors :3 !

[En cours] - Problème sur la Page d'accueil thème complet "Gang Technology"

[En cours] - Problème sur la Page d'accueil thème complet "Gang Technology"

Nos amis proches