Commande thème complet

Pretty Girl

Ven 8 Nov - 21:50

Bonsoiiir **

OMG je suis tellement heureuse de voir que tes commandes sont ouvertes, je suis passée hier, j'étais désespérée de voir ces commandes fermées mais là ma semaine est refaite ! Cry forever

J'espère que tu vas bien ! Du coup je profites de ce moment pour te passer une assez grosse commande. Je tiens à précisé que le forum est encore en construction mais les 3/4 des choses sont prêtes, il manque quelques détails ainsi que le codage. :)

Commande de codage

Élément à coder : NAVIGATION, PA, CATEGORIE, QEEL, , MESSAGE ET PROFIL, PROFIL
Adresse du forum : https://shadowoflegacy.forumactif.com/
Version du forum : phpBB2

Décrire un peu le code souhaité, son apparence, ses couleurs, etc.
Schéma : https://cdn.discordapp.com/attachments/637355992098668560/637390363090223108/Accueil.png
https://media.discordapp.net/attachments/444808777288515584/637341267579371551/Categorie.png?width=432&height=408
https://cdn.discordapp.com/attachments/637355992098668560/637357873491476501/QEEL.png
https://cdn.discordapp.com/attachments/637355992098668560/637585256995618827/Message--Profil.png
https://cdn.discordapp.com/attachments/637355992098668560/637591110549766145/Affichage-sujet.png
https://cdn.discordapp.com/attachments/637355992098668560/637704569027166229/Profil.png

Taille des éléments : La taille du forum doit être de 800px après je ne sais pas vraiment au niveau du reste c'est plus de la proportion, si tu as besoins de plus d'indications n'hésites pas . :)

Ressources :POLICE : https://www.dafont.com/fr/high-tide.font et Arial

COULEUR : #D4C8C8; #E3E3DC ; #e8e1e1

IMAGE pour le staff :
https://66.media.tumblr.com/c42e179e0db819502a9a21e2d4bf6d48/tumblr_pkyr3ojyq71xjjyzao3_250.png
https://i.pinimg.com/236x/22/53/69/2253692cb671a089490f003798658a0f.jpg
https://66.media.tumblr.com/30f6e89adc042e14b0ed69b594d69c9a/tumblr_pkfg9u2lg71vc8ncjo1_250.png

Autres précisions : NAVIGATION & PAGE D'ACCUEIL :
Pour la Pa serait-il possible de mettre une barre de défilement pour nos top partenaires afin de pouvoir accueillir plus de top ?
En cliquant sur les images sur staff cela dévoile le nom avec les dc la présence ainsi que le lien vers le profil et les mps.

CATEGORIE :
Il faudrait juste que les sous-groupes ne soient pas trop gros pour que lorsque nous avons des sous-groupes assez long cela ne déforme pas tout.

PROFIL ET MESSAGE :
Profil avec possibilité de mettre le rang Fondatrice et en dessous le rang du personnage.
Possibilité de forcer la largeur du forum même lorsqu'il y a une grande image ?

Merci d'avance et à bientôt

Awful

Mar 12 Nov - 9:57

Coucou et merci beaucoup pour ta commande !
OMG

Quelques précisions :
- L'image pour les catégories et forums est un peu petite, y'aurait-il moyen d'en avoir une plus grande ?
Et ce que tu appelles "sous-groupe", c'est les sous-forums ?

- Il est écrit dans le règlement que je n'accepte que les polices Google. Je te laisse voir ici si tu trouves une police similaire !

- "Pour la Pa serait-il possible de mettre une barre de défilement pour nos top partenaires afin de pouvoir accueillir plus de top ?"
Une barre de défilement horizontale ou verticale ?

- "Profil avec possibilité de mettre le rang Fondatrice et en dessous le rang du personnage."
Alors si je ne m'abuse, il n'est possible que de mettre un seul rang par utilisateur. Tu as besoin de ce rang "Fondatrice" pour les membres du staff ? Un seul membre ? Les membres "normaux" n'ont que le rang de leur personnage ?

- "Possibilité de forcer la largeur du forum même lorsqu'il y a une grande image ?"
C'est à dire, que le forum reste à 800px de largeur, quelle que soit les images qu'on y poste ?

Merci d'avance pour tes réponses ! o/
Pour le reste, il n'y a aucun souci, donc je prends ta commande en compte~

Pretty Girl

Mar 12 Nov - 13:10

Hello !

Du coup pour les précisions : Excited

Et ce que tu appelles "sous-groupe", c'est les sous-forums ? Pour les sous groupes en effet je parle des sous forums, sinon pour faciliter les grand sous forums on ne peut mettre qu’une colonne au lieu de deux peut-être ? Mais il faut qu'il y ait une scrollbar pour avoir plusieurs sous-forums

- Il est écrit dans le règlement que je n'accepte que les polices Google. Je te laisse voir ici si tu trouves une police similaire ! Oh je n'avais pas fait attention je suis désolée Du coup celle qui remplace High tide : https://fonts.google.com/specimen/Dancing+Script et l'autre pour le reste. https://fonts.google.com/specimen/Courgette

- "Pour la Pa serait-il possible de mettre une barre de défilement pour nos top partenaires afin de pouvoir accueillir plus de top ?"
Une barre de défilement horizontale ou verticale ? La barre de défilement plus horizontale.

- "Profil avec possibilité de mettre le rang Fondatrice et en dessous le rang du personnage."
Alors si je ne m'abuse, il n'est possible que de mettre un seul rang par utilisateur. Tu as besoin de ce rang "Fondatrice" pour les membres du staff ? Un seul membre ? Les membres "normaux" n'ont que le rang de leur personnage ? En fait en voudrais pouvoir mettre le rang fondatrice (pour les fondatrices) ainsi qu’un autre comme les membres avec les rang choisis, je ne sais pas si c’est possible, ou si tu comprends ce que je veux dire. Après peut-être avec des images si on met le rang plus une image en dessous ou l’inverse ? Sinon est-ce que tu as une autre idée pour ça ?

- "Possibilité de forcer la largeur du forum même lorsqu'il y a une grande image ?"
C'est à dire, que le forum reste à 800px de largeur, quelle que soit les images qu'on y poste ? En gros les images se redimensionnent dans le message pour ne pas que ca déborde, peut-être cliquer dessus pour la voir en totalité ? Je sais pas si tu vois ce que je veux dire. Je n'ai pas précisée non plus, mais il faudrait aussi dans le profil dans les messages que les gifs se redimensionnent eux aussi.

Pour ce qui est de l'image de la catégorie je te fais ça ce soir, du moins j'essaye si j'ai le temps et je te poste ça à la suite dès que possible ! Yes

Awful

Mar 12 Nov - 14:19

Okay, merci déjà pour ces précisions.

Pour les sous groupes en effet je parle des sous forums, sinon pour faciliter les grand sous forums on ne peut mettre qu’une colonne au lieu de deux peut-être ? Mais il faut qu'il y ait une scrollbar pour avoir plusieurs sous-forums

Il est tout à fait possible de mettre deux colonnes ! Si le titre est plus long et passe sur plusieurs lignes, ça ira ?

En fait en voudrais pouvoir mettre le rang fondatrice (pour les fondatrices) ainsi qu’un autre comme les membres avec les rang choisis, je ne sais pas si c’est possible, ou si tu comprends ce que je veux dire. Après peut-être avec des images si on met le rang plus une image en dessous ou l’inverse ? Sinon est-ce que tu as une autre idée pour ça ?

Je dois encore y réfléchir mais il y a certainement une solution ! Je redemanderai des précisions quand je me pencherai dessus.

Autre chose : je ne vois pas de titre de forum sur le schéma de tes catégories. Ce qui est titré "titre de forum" correspond en fait au titre de catégorie... o: C'est normal ?

Pretty Girl

Mar 12 Nov - 14:44

Oui parfait dans ce cas là pour les sous-forums !

Alors pour le titre de forum c’est en effet titre des catégories, je ne savais plus exactement comment ca s’appelait donc j’ai mis ce qui m’est venu à l’esprit :)

Ensuite petite question au niveau du délais tu penses faire tous ça en combien de temps, quelque chose d’approximatif qu’on puisse s’organiser de notre côté :)

Awful

Mar 12 Nov - 14:49

Oui mais du coup... Le titre des forums, il est où ? xD Il n'y en a pas sur ton schéma.

Pour les délais, difficile de répondre, mais la commande ne me semble pas trop complexe donc peut-être d'ici la fin de semaine ? Je te tiens au courant de toute façon.

Et encore une petite fournée de questions (encore merci de ta réactivité !) :
- Sur la PA, à quoi correspondent les trois images sous "Événements", "Chronologie" et "À tous" ?
- Toujours sur la PA, à quoi correpond le bloc avec toutes les petites images sur la droite ?
- Et enfin, m'en voudras-tu si je prends quelques petites libertés au niveau design ? (par exemple en ajustant la taille, l'alignement des blocs, etc) o:

Pretty Girl

Mar 12 Nov - 16:13

Oh je suis désolé je suis complètement perdue mais j’ai compris ! Le titre du forum c’est bien le titre des forums, et pour le titre des catégories il se trouve au dessus des sous-groupes :)

Pa > Event chronologie seront des liens
Les images sur la droite sont les posts vacants et scenario

Non pas du tout, j’ai fait du approximatif alors n’hésite pas à toucher promis je t’en voudrais pas ;)

Pretty Girl

Mar 12 Nov - 19:08

Déjà désolée du double post ! x) Ensuite comme promis je te redonne le lien pour la catégorie du coup je l'ai agrandie j'espère que ca sera bon cette fois-ci :)

https://cdn.discordapp.com/attachments/634307473385455638/643873485197934633/Categorie.png

J'avais encore une petite question d'ailleurs, pour les codes est-ce que tu nous donnes tout quand tu as tout terminé ou alors partie par partie ? :D

Awful

Mer 13 Nov - 9:13

Oh je suis désolé je suis complètement perdue mais j’ai compris ! Le titre du forum c’est bien le titre des forums, et pour le titre des catégories il se trouve au dessus des sous-groupes :)

Okay, je crois que tu confonds encore titre de catégorie et titre de forum et ça porte vraiment à confusion. Donc c'est très important de faire la distinction entre les éléments, histoire qu'on sache qu'on parle réellement de la même chose :

Une catégorie contient des forums qui lui-même peut contenir des sous-forums

Dans l'image juste au-dessus, les titres de catégorie sont "Design" et "Categorie Test".
Les titres de forum sont "design", "Forum Test 1" et "Forum Test 2".
Les titres de sous-forum sont "Essai Sous-forum 1", "Essai Sous forum 2" et "Essai Sous forum 3".
Tu saisis la nuance ?

Il n'existe pas de "sous-groupe" sur Forumactif. Un groupe est lié aux utilisateurs et non à la structure du forum.

Donc sur ton image :
- "Titre de forum" est le titre de catégorie
- "Miracle out of nowhere" est le titre de forum
- "Sous groupe" est le titre de sous-forum

Maintenant, juste un souci, je vois que ton titre de forum (donc "Miracle out of nowhere") a un style particulier qui me pose un peu problème : deux polices différentes sur deux lignes. Sachant que tous les forums ont un titre différent, je ne peux pas vraiment garantir du rendu de ce titre. Est-ce que c'est quelque chose que tu veux, un titre avec deux polices comme ça ? (c'est faisable, hein, je demande juste)

Pa > Event chronologie seront des liens

Okay, merci, mais ce n'est pas la question que j'ai posée xD à quoi correspondent les trois images sous "Événements", "Chronologie" et "À tous" ?

J'avais encore une petite question d'ailleurs, pour les codes est-ce que tu nous donnes tout quand tu as tout terminé ou alors partie par partie ? :D

Je donne tout d'un coup !

J'aurais aussi besoin de connaître pour les catégories la taille de l'icône du forum (nouveau message, pas de nouveau message, etc) et la taille de l'avatar sur le forum (la taille réelle, j'ai besoin de connaître les proportions)

Pretty Girl

Mer 13 Nov - 10:40

Ahhhh ! Pardon je comprends tout de travers. Cry forever

Donc oui, d’accord, j’ai compris ! Je crois que j’ai confondu titre du forum (donc le titre officiel de notre forum) et le titre de forum à l’intérieur des catégories. Et en effet, les sous-groupes sont bel et bien des sous forums. Je n’ai pas utilisé les bons mots c’est ma faute *boulet*.
Donc oui c’est bon, j’ai tout compris !

Pour le titre de forum une seule police suffira ne t’embête pas ce sera très bien. ( :

Ahhhh désolé je n’ai pas compris (encore). Décidemment. Ughh

Alors les images en dessous correspond au top site c’est vrai que j’aurai dû préciser ! C’est la première fois que je fais une commande complète je te pris de m’excuser si je suis un peu à l’ouest.

Pour l’icone du forum c’est de 95x70. J’ai refait une petite image si jamais ça peut t’aider plus :

https://cdn.discordapp.com/attachments/444808777288515584/644102571014750208/Categorie.png

Pour les avatars la dimension est de 200x320.

Merci encore de m’accorder de ton temps et désolée pour toute ces petites incompréhensions. Hug

Pretty Girl

Mer 20 Nov - 6:35

Coucou ! Je me permets de up le sujet puisque cela fait maintenant une semaine que nous n’avons pas de nouvelles ;) Est-ce que tu t’en sors ? As-tu besoins d’autres précisions ? N’hésite pas à nous prévenir de ton avancée pour que l’on sache ou tu en es :D

Bonne journée à bientôt ! :)

Awful

Mer 20 Nov - 8:49

Salut, aucun souci !
J'ai très bien avancé, quasiment fini en fait, ce qui fait que je me suis reposé sur mes lauriers au lieu de terminer la chose xD
J'ai tout codé et il ne me reste plus qu'à fignoler l'affichage du profil
Je reviens vers toi très vite !

Désolé pour l'attente
Tears

Pretty Girl

Mer 20 Nov - 9:29

Oh c’est une super nouvelle ** hâte de voir le résultat final ** Bon courageeee pour ce qu’il te reste

Pretty Girl

Ven 22 Nov - 21:40

Bonsoir !

Je me permet de passer par là, vu que tu as dit que tu n'avais qu'à fignoler le profil, nous aurions voulu pouvoir ouvrir le forum dans le week end, du coup on voulait savoir si cela serait possible et si tu avais terminé de fignoler le profil ? OMG

PrettyGirl

Ven 29 Nov - 6:53

Hello !

Cela fait maintenant une semaine que nous n’avons pas de nouvelles nous commençons à nous inquiéter, pouvons nous avoir des nouvelles et un délais s’il te plaît ? Merci d’avance et bonne journée :)

Pretty Girl

Ven 6 Déc - 18:23

Un petit up Whoot?

Awful

Lun 9 Déc - 14:26

Salut et désolé pour le retard
J'ai un peu eu la tête sous l'eau au boulot, ça a été difficile de trouver du temps.
Cry forever

J'avoue que je ne sais plus trop où j'en suis dans le codage, je te laisse voir : http://galette-saucisse.forumactif.com/
Dis-moi ce qu'il manque / ce qui'il faut modifier / ajouter.... Et quand ça t'ira, on passera à l'installation !

Pretty Girl

Lun 9 Déc - 15:16

Hello

OMG c'est tellement magnifique j'ai envie de pleurer ça valait vraiment le coup d'attendre ! Cry forever

Alors nous avons déjà ouvert actuellement le forum, le codage sera donc installer sur le forum test pour la prochaine MAJ !

Du coup pour les modifications ce serait plus pour le QEEL, le reste est juste parfait ! Il faudrait enlever deux groupes et mettre des photos à la place pour y mettre soit nos coup de coeur forum ou nos membres du mois, nous aimerions enlever aussi la barre au dessus du QEEL on trouve que cela ne va pas vraiment avec le reste, et et si possible décaler l'avatar du QEEL de l'autre coté pour qu'il soit du même coté que les caté ca rendra mieux. Il faudrait aussi modifier ils étaient au ministère par ils étaient à Mystic Falls (pareil de l'autre côté), on préfère mettre le nom de la ville mais après ca on peut le faire nous même si il faut c'est pas un souci !

Du coup juste une question pour le profil de messages et le profil sont bien redimensionnés automatique pour pas que ca déborde ? Vu que je le fofo il y a pas de gif on ne peut pas constater :)

Je sais qu'il y a quelques modifications et j'espère que ce n'est rien de trop important, en tout cas merci pour ton travail, et contente de te revoir OMG

Merci d'avance à très vite

Awful

Mer 11 Déc - 16:27

Je suis ravi que ça te plaise !
OMG

Il faudrait enlever deux groupes et mettre des photos à la place pour y mettre soit nos coup de coeur forum ou nos membres du mois

Alors j'ai fait une petite modif, tu peux le voir c: J'ai remplacé les deux groupes par une image et au survol on a un texte et un lien... Si ça te va, je laisse comme ça, sinon je peux encore modifier le truc !

nous aimerions enlever aussi la barre au dessus du QEEL on trouve que cela ne va pas vraiment avec le reste

Tu parles du titre ? C'est à dire, retirer le fond en dégradé ? Ou carrément tout le titre ?

et si possible décaler l'avatar du QEEL de l'autre coté pour qu'il soit du même coté que les caté ca rendra mieux

C'est fait !

Il faudrait aussi modifier ils étaient au ministère par ils étaient à Mystic Falls (pareil de l'autre côté)

Fait également !

Du coup juste une question pour le profil de messages et le profil sont bien redimensionnés automatique pour pas que ca déborde ? Vu que je le fofo il y a pas de gif on ne peut pas constater :)

Tu parles du fait que les images se redimensionnent dans le message pour ne pas que ca déborde ? Tu fais bien de le demander, j'avais carrément zappé xD mais en fait ça se règle dans le panneau d'admin, c'est facile. J'ai juste modifié légèrement le petit message qui permet de voir l'image à la bonne taille pour qu'il s'harmonise avec le thème.

Il va sûrement y avoir d'autres réglages / ajustements à faire, des soucis qu'on verra apparaître lors de l'installation du thème sur ton forum test, donc n'hésite pas à me signaler tout ce qui ne va pas o/

Pretty Girl

Mer 11 Déc - 17:23

Bonsoiiir,

Merci beaucoup pour tous les changements c'est parfait OMG

-Oui je parle du titre, tout enlever, je pense que c'est mieux s'il te plait !

-Et oui je parle bien de la redimension d'image/gif pour ne pas que ca déforme ni le message ni le profil. Mais si tu dis qu'on peut régler ca dans le panneau d'admin alors c'est top, d'ailleurs je n'étais pas du tout au courant tu viens de m'apprendre un truc révolutionnaire. Huh ?!

D'accord je prends note, encore merci pour tout ton fabuleux travail !

PrettyGirl

Sam 21 Déc - 9:22

Petit Up

Pretty Girl

Jeu 2 Jan - 10:22

Hello ! Tout d'abord bonne année OMG

Je viens aux nouvelles pour notre codage Excited

Awful

Mar 7 Jan - 22:27

Hello ! (et bonne année à toi aussi au passage !)
Entre la fin de l'année, les fêtes, les vacances et la reprise, j'ai clairement abusé sur les délais
Cry forever

Alors voici ENFIN tes codes !
Tout d'abord, les catégories et forums. Dans ton panneau d'administration > Affichage > Templates > Général > index_box, remplace l'intégralité du template par le suivant :

Code:: <div class="forum-links-top">  <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>| <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>|  <a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </div>  <div class="cat"> <div class="cat-title"> {catrow.tablehead.L_FORUM} </div>   <div class="forum"> <div class="forum-img"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </div> <div class="forum-desc">{catrow.forumrow.FORUM_DESC}</div> <div class="forum-middle"> <h{catrow.forumrow.LEVEL} class="forum-title"> <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> </h{catrow.forumrow.LEVEL}> <div class="forum-subforums"> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </div> </div>  <div class="forum-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div>  <div class="forum-right"> <div class="forum-stats"> { {catrow.forumrow.POSTS} posts | {catrow.forumrow.TOPICS} topics } </div> <div class="forum-lastpost">{catrow.forumrow.LAST_POST}</div> </div> </div>     </div> <script> $('.forum-subforums').each(function() { var d = $(this)[0]; if (d.childNodes) { for(var i=0; i < d.childNodes.length; i++) { if(d.childNodes[i].nodeType === 3 && d.childNodes[i].textContent.replace(/^\s+|\s+$/g, "")) { $(d.childNodes[i]).remove(); } } function wrapNode(node) { $(node).replaceWith("<h1>" + node.textContent + "</h1>"); } } }); </script>

De même avec index_body :

Code:: {JAVASCRIPT}  <table width="100%" border="0" cellspacing="0" cellpadding="0">  <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr>   <tr> <td rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </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="{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} <div class="forum-links-top">  <a href="{U_MARK_READ}" >{L_MARK_FORUMS_READ}</a>   <a href="{switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a>  </div> <div class="forum-links"> <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a> <a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a> <a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a>   <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>   </div>  <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="qeel"> <div class="qeel-last-online" id="last-online"> <h3>Ils étaient à Mystic Falls il y a 48h</h3> <div><table>{L_CONNECTED_MEMBERS}</table></div> </div> <div class="qeel-groups"> <a href="">Groupe 1</a> <a href="">Groupe 2</a> <a href="">Groupe 3</a> <a href="">Groupe 4</a> <a href="">Groupe 5</a> <a href="">Groupe 6</a> <div class="qeel-special"><div>Coup de coeur<a href="" target="_blank">Voir le forum</a></div></div> <div class="qeel-special"><div>Membre du mois<a href="" target="_blank">Voir le profil</a></div></div> </div> <div class="qeel-online" id="online"> <h3>Les sorciers présents à Mystic Falls</h3> <div>{LOGGED_IN_USER_LIST}</div> </div> <div class="qeel-welcome" id="welcome"><div id="welcome-img"></div>{NEWEST_USER}</div> </div> <script> document.getElementById('welcome').innerHTML = document.getElementById('welcome').innerHTML.replace(/L'utilisateur enregistré le plus récent est /, "Bienvenue à"); document.getElementById('last-online').innerHTML = document.getElementById('last-online').innerHTML.replace(/Membres connectés au cours des 48 dernières heures : /, ""); document.getElementById('online').innerHTML = document.getElementById('online').innerHTML.replace(/Utilisateurs enregistrés : /, ""); let lastUser = document.querySelector('.qeel-welcome > strong > a').getAttribute("href"); console.log(lastUser); fetch(window.location.origin + lastUser) .then(function(response) { return response.text() }) .then(function(html) { let parser = new DOMParser(); let doc = parser.parseFromString(html, "text/html"); let img = doc.getElementById('avatar'); if($(img).find('img').length > 0) { $(img).find('img').appendTo('#welcome-img'); } }); </script>  {CHATBOX_BOTTOM} <br clear="all" /> {AUTO_DST}

Au passage, c'est dans ce template que tu pourras mettre les liens vers les groupes et changer les membres du mois en retrouvant ce morceau de code :

Code:: <a href="">Groupe 1</a> <a href="">Groupe 2</a> <a href="">Groupe 3</a> <a href="">Groupe 4</a> <a href="">Groupe 5</a> <a href="">Groupe 6</a> <div class="qeel-special"><div>Coup de coeur<a href="" target="_blank">Voir le forum</a></div></div> <div class="qeel-special"><div>Membre du mois<a href="" target="_blank">Voir le profil</a></div></div>

Et puis je ne me souviens plus trop de ce que j'ai changé dans overall_header alors je te file le template entier là aussi :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}> <head> <link href="https://fonts.googleapis.com/css?family=Courgette|Dancing+Script&display=swap" rel="stylesheet" /> <title>{SITENAME_TITLE}{PAGE_TITLE}</title> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}"/> <meta http-equiv="content-script-type" content="text/javascript"/> <meta http-equiv="content-style-type" content="text/css"/>  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}"/>   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}"/>  {META_FAVICO} {META} {META_FB_LIKE} <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}"/> {T_HEAD_STYLESHEET} {CSS} <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}"/> <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}"/> <script src="{JQUERY_PATH}" type="text/javascript"></script>  <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script> <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script> <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> {RICH_SNIPPET_GOOGLE}  <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script> <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>   <link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css"/> <script src="{JQUERY_DIR}/ticker/ticker.js" type="text/javascript"></script>   <script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script> <script type="text/javascript">//<![CDATA[ /* Definir le sens de direction en fonction du panneau admin */ var tickerDirParam = "{switch_ticker.DIRECTION}"; var slid_vert = false; var auto_dir = 'next'; var h_perso = parseInt({switch_ticker.HEIGHT}); switch (tickerDirParam) { case 'top' : slid_vert = true; break; case 'left': break; case 'bottom': slid_vert = true; auto_dir = 'prev'; break; case 'right': auto_dir = 'prev'; break; default: slid_vert = true; } $(document).ready(function () { var w_cont = $('#fa_ticker_container').width(); if (w_cont > 0) { $('#fa_ticker_container').width(w_cont); /* Affichage de la liste */ $('#fa_ticker_content').css('display', 'block'); /* Calcul des dimensions du conteneur et des elements */ var width_max = $('ul#fa_ticker_content').width(); var width_item = Math.floor(width_max / {switch_ticker.SIZE}); var height_max = h_perso; /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */ $('ul#fa_ticker_content li').each(function () { if ($(this).height() > height_max) { height_max = $(this).height(); } }); /* Redimensionnement des elements et des images trop larges */ $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () { if ($(this).width() > width_item) { var ratio = $(this).width() / width_item; var new_height = Math.round($(this).height() / ratio); $(this).height(new_height).width(width_item); } }); /* Redimensionnement et centrage du conteneur en mode vertical */ if (slid_vert) { $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft', 'auto').css('marginRight', 'auto'); } /* Initialisation du caroussel */ $('#fa_ticker_content').jcarousel({ vertical: slid_vert, wrap: 'circular', auto: {switch_ticker.STOP_TIME}, auto_direction: auto_dir, scroll: 1, size: {switch_ticker.SIZE}, height_max: height_max, animation: {switch_ticker.SPEED} }); } else { $('ul#fa_ticker_content li:not(:first)').css('display', 'none'); $('ul#fa_ticker_content li:first').css('list-style', 'none').css('text-align', 'center'); } }); //]]> </script>  <script type="text/javascript">//<![CDATA[ $(document).ready(function () {  pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); if (pm != null) { pm.focus(); }   report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}'); if (report != null) { report.focus(); }   $(document).ready(function () { Ticker.start({ height: {switch_ticker.HEIGHT}, spacing: {switch_ticker.SPACING}, speed: {switch_ticker.SPEED}, direction: '{switch_ticker.DIRECTION}', pause: {switch_ticker.STOP_TIME} }); });  });  var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;   $(document).ready(function () { $(window).resize(function () { var windowWidth = document.documentElement.clientWidth; var popupWidth = $("#login_popup").width(); var mypopup = $("#login_popup"); $("#login_popup").css({ "left": windowWidth / 2 - popupWidth / 2 }); }); });  //]]> </script> {GREETING_POPUP}  <style> .jcarousel-skin-tango .jcarousel-item { text-align: center; width: 10px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: {switch_ticker.SPACING}px; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: {switch_ticker.SPACING}px; } </style>  {HOSTING_JS}  <script type="text/javascript"> //<![CDATA[ (function (i, s, o, g, r, a, m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)}, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) }) (window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); ga('create', '{G_ANALYTICS_ID}', 'auto'); ga('send', 'pageview'); ga('set', 'anonymizeIp', true);  ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis'); ga('bis.send', 'pageview'); ga('bis.set', 'anonymizeIp', true);  //]]> </script>  </head> <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">  <div id="hitskin_preview" style="display: block;"> <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt=""/> <em>Hit</em>skin.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW} <br/> <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div>   <div id="login_popup" style="z-index: 10000 !important;"> <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0"> <tr height="25"> <td class="catLeft"> <span class="genmed module-title">{SITENAME}</span> </td> </tr> <tr height="{LOGIN_POPUP_MSG_HEIGHT}"> <td class="row1" align="left" valign="top"> <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="mainoption" value="{L_LOGIN}"/> <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';"/> <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}"/> </form> </div> <span class="genmed">{LOGIN_POPUP_MSG}</span> </td> </tr> </table> </div>  <a name="top"></a> {JAVASCRIPT} <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center"> <tr> <td class="bodyline"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr>  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a> </td>  <td align="center" width="100%" valign="middle">  <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a> <br/>  <div class="maintitle">{MAIN_SITENAME}</div> <br/> <span class="gen">{SITE_DESCRIPTION}<br/>  </span> </td>  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a> </td>  </tr> </table> <div class="navbar">{GENERATED_NAV_BAR}</div>  <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td align="left" class="row1"> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">  <li>{switch_ticker.ticker_row.ELEMENT}</li>  </ul> </div> </td> </tr> </table> </div>   <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td align="left" class="row1"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content">  <div>{switch_ticker.ticker_row.ELEMENT}</div>  </div> </div> </div> </td> </tr> </table> </div>  <div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <table cellpadding="0" cellspacing="0" width="100%" class="three-col"> <tbody> <tr> <td valign="top" width="{C1SIZE}"> <div id="{ID_LEFT}">  {giefmod_index1.MODVAR}  <div style="height:{SPACE_ROW}px"></div>   </div> </td> <td valign="top" width="100%">  </td> </tr> </tbody> </table> </div> </div> </td> </tr> </table> </body> </html>

Enfin, toujours dans ton PA > Affichage > Couleurs > Feuille de style CSS, colle le code suivant :

Code:: /***** GENERAL ******/ * { box-sizing: border-box; } body { font-size: 14px; } a, a:hover, a:active { text-decoration: none!important; } .bodyline { background-color: #bfb3d1; border: 1px #444 solid; padding: 0; } .forum-links-top { align-items: center; background-color: #b4a6c9; color: #7d65a2; display: flex; font-size: 0.6em; font-weight: bold; height: 25px; justify-content: space-around; margin: 20px 0; } .forum-links-top a { color: #7d65a2; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; } .forum-links { display: flex; height: 20px; justify-content: space-between; margin-bottom: 10px; padding: 0 10px; } .forum-links a { align-items: center; background-color: #c7bdd7; border: 1px solid #937fb2; color: #937fb2; display: flex; font-size: 0.6em; justify-content: center; letter-spacing: 1px; padding: 0 10px; text-transform: uppercase; transition: 0.3s; } .forum-links a:hover { background-color: #b4a6c9; } /***** BARRE DE NAVIGATION ******/ .navbar { align-items: center; background-color: #927fb3; display: flex; height: 30px; justify-content: center; left: 0; position: fixed; top: 0; width: 100%; z-index: 100; } .navbar img { display: none; } .navbar a { color: #bdb1d0; font-size: 0.8em; font-weight: bold; margin: 0 5px; text-transform: uppercase; transition: 0.3s; } .navbar a:hover { color: #d4c6ea; } /***** CATÉGORIES ET FORUMS ******/ .cat-title { align-items: center; background-color: #9481b3; display: flex; height: 50px; justify-content: center; } .cat-title h2 { font-family: "Dancing Script", cursive; font-size: 1.8em; margin: 0; } .forum { display: flex; font-family: Arial; height: 95px; margin: 5px 0; padding: 0 40px; } .forum-img { height: 100%; width: 70px; } .forum-desc { background: #c7bdd7; border: 1px solid #b6a9cb; color: #796894; font-size: 0.8em; overflow: auto; padding: 10px; text-align: justify; width: 250px; } .forum-middle { display: flex; flex: 1; flex-direction: column; margin: 0 10px; } .forum-title { font-size: 16px; height: 30%; margin: 0; position: relative; text-align: center; } .forum-title::after { background-color: #937fb2; bottom: 5px; content: ""; height: 1px; left: calc(50% - 50px); position: absolute; width: 100px; } .forum-title a { color: #8974ab; font-family: "Courgette", cursive; } .forum-subforums { align-items: flex-start; background-color: #937fb2; display: grid; flex: 1; font-size: 0; grid-gap: 5px; grid-template-columns: repeat(2, 1fr); justify-content: space-between; overflow: auto; overflow-x: hidden; padding: 5px; } .forum-subforums a { align-items: center; background-color: #9b89b8; color: #000; display: flex; font-family: "Courgette", cursive; justify-content: center; padding: 5px; transition: 0.3s; } .forum-subforums a:hover { background-color: #c7bdd7; color: #000; } .forum-avatar { margin-right: 10px; width: calc(95px * 200 / 320); } .forum-avatar img { height: 100%; width: 100%; } .forum-right { align-self: center; display: flex; flex-direction: column; width: 130px; } .forum-stats { background-color: #afa1c6; color: #8d79ae; font-size: 0.7em; margin-bottom: 5px; padding: 2px 0; text-align: center; text-transform: uppercase; } .forum-lastpost { align-items: center; background: #c7bdd7; border: 1px solid #b6a9cb; color: #7961a0; display: flex; flex: 1; font-size: 0.7em; justify-content: center; padding: 10px 0; text-align: center; } .forum-lastpost:empty::before { content: "Aucun message"; } .forum-lastpost > span > a:first-child { color: #6a558c; font-style: italic; } .forum-lastpost strong { text-transform: uppercase; } /***** QEEL ******/ .qeel { background-color: #9f8ebb; display: flex; flex-wrap: wrap; padding: 5px 5px 10px; } .qeel-welcome { align-items: center; background-color: #1f1928; color: #bdb1d0; display: flex; flex-direction: column; font-size: 0.7em; font-weight: bold; margin-left: 10px; padding-bottom: 5px; text-transform: uppercase; width: 100px; } .qeel-welcome > div { background-color: #bdb1d0; margin-bottom: 5px; padding: 5px; } .qeel-welcome img { width: 100%; } .qeel-last-online table { border-collapse: collapse; } .qeel-last-online .row1 { background-color: transparent; padding: 0; } .qeel-groups { display: grid; grid-gap: 5px; grid-template-columns: repeat(2, 1fr); margin: 0 10px; width: 300px; } .qeel-groups > a { align-items: center; background: #bdb1d0; display: flex; font-family: "Dancing Script", cursive; justify-content: center; } .qeel-special { background-image: url(http://www.aht.li/2810616/HK_LS.png); background-size: cover; position: relative; } .qeel-special:last-child { background-image: url(http://www.aht.li/2810616/HK_LS.png); } .qeel-special div { align-items: center; background: rgba(31, 25, 40, 0.6); color: #937fb2; display: flex; flex-direction: column; font-size: 0.7em; font-weight: bold; height: 100%; justify-content: center; line-height: 0.9; opacity: 0; text-transform: uppercase; transition: 0.3s; visibility: hidden; } .qeel-special:hover div { opacity: 1; visibility: visible; } .qeel-special div a { color: #bdb1d0; font-family: "Dancing Script", cursive; font-size: 1.4em; text-transform: none; } .qeel-online, .qeel-last-online { background-color: #bdb1d0; border: 2px solid #bdb1d0; box-shadow: 0 0 0 1px #9b89b8 inset; display: flex; flex: 1; flex-direction: column; padding: 10px; } .qeel-online h3, .qeel-last-online h3 { color: #624e81; font-size: 9px; margin: 0 0 5px; text-transform: uppercase; } .qeel-online > div, .qeel-last-online > div { flex: 1; font-size: 10px; overflow: auto; padding-right: 5px; }

N'oublie pas de cocher "non" à "Optimiser votre CSS" dans les options en dessous.

Pour le QEEL, l'image du coup de coeur et du membre du mois sont à changer dans le CSS, en retrouvant ce morceau de code :

Code:: .qeel-special { background-image: url(http://www.aht.li/2810616/HK_LS.png); background-size: cover; position: relative; } .qeel-special:last-child { background-image: url(http://www.aht.li/2810616/HK_LS.png); }

La première URL est pour le coup de coeur, la seconde pour le membre du mois. La taille idéale est 148*46 pixels.
L'avatar du dernier inscrit ne va pas s'afficher, c'est normal, il va falloir modifier le template du profil pour cela, mais pour l'instant tu as déjà une partie des codes et le reste arrive !

Awful

Mar 7 Jan - 22:34

Le template topic_list_box :

Code::  <script type="text/javascript"> function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() { var all_checked = true; for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) { if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') { all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked; } } document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) { if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') { document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked; } } } </script>  <table class="topics" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <th colspan="2" align="center" nowrap="nowrap"></th> <th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th> <th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th> <th align="left" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </th>  <th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>  </tr>  <tr> <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td> </tr>   <tr> <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td> </tr>   {topics_list_box.row.END_TABLE_STICKY} <tr>  <td align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>  <td align="center" valign="middle" width="20"><img class="topic-img" title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td> <td width="100%"> <div class="topic-middle"> <div class="topic-title"> {topics_list_box.row.TOPIC_TYPE} <h2> <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a> </h2> </div> <div class="topic-author">Par {topics_list_box.row.TOPIC_AUTHOR}</div>  <span class="genmed"> {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION} </span>  <div class="topic-pagination">{topics_list_box.row.GOTO_PAGE}{topics_list_box.row.TOPIC_NAV_TREE} </div> </div> </td> <td align="center" valign="middle">{topics_list_box.row.REPLIES}</td> <td align="center" valign="middle">{topics_list_box.row.VIEWS}</td> <td align="center" valign="middle" nowrap="nowrap"> <div class="topic-last">  <div class="topic-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</div>  <span>{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span> </div> </td>  <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>  </tr>  <tr> <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td> </tr>  <tr> <td colspan="{topics_list_box.row.COLSPAN}" valign="middle"> <table width="100%" border="0" cellspacing="0" cellpadding="10"> <tr> <td> <span class="gensmall">{PAGINATION}</span></td> <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td> </tr> </table> </td> </tr>  </table><br class="gensmall" />

Le template viewforum_body :

Code:: {BOARD_INDEX} <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" width="50">  <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>  </td> <td class="nav" valign="middle" width="100%"> <div class="nav"> <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>{NAV_CAT_DESC} </div> </td>  <td class="gensmall" align="right" valign="bottom" nowrap="nowrap"> <span class="nav"> <script type="text/javascript">//<![CDATA[ var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}'; var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}'; var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}'; var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}'; insert_plus_menu('f{FORUM_ID}&f={FORUM_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}); //]]> </script> </span> </td>  </tr> </table> {TOPICS_LIST_BOX} <div id="info_open" style="display:''"> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td class="row1" align="left" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td> <td class="row1" align="right" valign="top"><span class="gensmall">{S_WATCH_FORUM}</span></td> </tr> <tr> <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td> </tr> <tr> <td class="row2" valign="top" width="150"><span class="gensmall"><b>{L_MODERATOR}:</b></span></td> <td class="row1" valign="top"><span class="gensmall">{MODERATORS}</span></td> </tr> <tr> <td class="row2" valign="top" width="150"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td> <td class="row1" valign="top"><span class="gensmall">{S_AUTH_LIST}</span></td> </tr> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="nav" valign="middle" width="100%"><div class="nav"> <a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</div></td> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </table> </div> <div id="info_close" style="display:none"> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td class="row1" colspan="2" align="right" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td> </tr> <tr> <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td> </tr> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="nav" valign="middle" width="100%"><span class="nav"> <a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</span></td> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </table> </div> <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" width="50">  <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}1" alt="{L_POST_NEW_TOPIC}" border="0" /></a>  </td> <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td> </tr> </table> </form>

Le template viewtopic_body :

Code:: <script type="text/javascript"> //<![CDATA[ var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" }; $(function(){ if(typeof(_atc) == "undefined") { _atc = { }; } }); var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' }; showHiddenMessage = function(id) { try { var regId = parseInt(id, 10); if( isNaN(regId) ) { regId = 0; } if( regId > 0) { $('.post--' + id).toggle(0, function() { if( $(this).is(":visible") ) { $('#hidden-title--' + id).html(hiddenMsgLabel.visible); } else { $('#hidden-title--' + id).html(hiddenMsgLabel.hidden); } }); } } catch(e) { } return false; }; //]]> </script> <table width="100%" border="0" cellspacing="2" cellpadding="0"> <tr> <td align="left" valign="middle" nowrap="nowrap"> <span class="nav">  <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>  </span> </td> <td class="nav" valign="middle" width="100%"> <span class="nav"> <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>  {NAV_CAT_DESC_SECOND} </span> </td> <td align="right" valign="bottom" nowrap="nowrap" width="100%">  <span id="twitter_btn" style="margin-left: 6px; "> <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> </span>   <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>  <span class="gensmall bold"> <a class="addthis_button" href="#">{L_SHARE}</a>  | <script type="text/javascript">//<![CDATA[ var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}'; var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}'; var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}'; var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}'; var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}'; insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}); //]]> </script>  </span> </td> </tr> </table> <div class="post-container"> <div class="post-top"> <h1 class="post-title">{TOPIC_TITLE}</h1> <div class="post-down"><a href="#bottom">{L_GOTO_DOWN}</a></div>  <div class="post-pagination">{PAGINATION}</div>  {POLL_DISPLAY} </div>   <div class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}"> <div class="post-profile"> <div class="post-profile-online">{postrow.displayed.ONLINE_IMG}</div> <div class="post-profile-avatar">{postrow.displayed.POSTER_AVATAR}</div> <div class="post-profile-name"> <a name="{postrow.displayed.U_POST_ID}" id="{postrow.displayed.U_POST_ID}"></a> {postrow.displayed.POSTER_NAME} </div> <div class="post-profile-rank">{postrow.displayed.POSTER_RANK}</div> <div class="post-profile-infos">  {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}  {postrow.displayed.POSTER_RPG} </div> <div class="post-profile-contact"> <div class="post-profile-link">{postrow.displayed.PROFILE_IMG}</div> <div class="post-profile-pm">{postrow.displayed.PM_IMG}</div> </div> </div> <div class="post-message"> <div class="post-header"> <img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE} <div class="post-buttons"> <div class="post-btn-quote">{postrow.displayed.QUOTE_IMG}</div> <div class="post-btn-edit">{postrow.displayed.EDIT_IMG}</div> <div class="post-btn-delete">{postrow.displayed.DELETE_IMG}</div> <div class="post-btn-ip">{postrow.displayed.IP_IMG}</div> <div class="post-btn-report">{postrow.displayed.REPORT_IMG}</div> </div> </div>  <div class="vote gensmall">  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>   <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">  <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>   <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>  </div>   <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>   <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>  </div>  <div class="postbody"> <div>{postrow.displayed.MESSAGE}</div>  <dl class="attachbox"> <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt> <dd>  <dl class="file"> <dt> <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />  <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}   {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}  </dt>  <dd> <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em> </dd>   <dd> <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em> </dd>  <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd> </dl>  </dd> </dl>  <div class="clear"></div>  <div class="signature_div"> {postrow.displayed.SIGNATURE} </div>  </div> <div class="post-back"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></div> </div> </div> </div>   <div class="post-bottom"> <div class="post-title">{TOPIC_TITLE}</div> <div class="post-navigation">  <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>  <a href="#top">{L_BACK_TO_TOP}</a> </div> <div> <div class="post-page-number">{PAGE_NUMBER}</div>  <div class="post-pagination">{PAGINATION}</div>  </div> </div>   <div class="post-watch">{S_WATCH_TOPIC}</div>    <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px"> <tr> <td class="catBottom" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td> <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </table> <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px"> <tr> <td class="catBottom" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td> <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> <tr> <td class="row2 postbody" valign="top">  » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />  </td> </tr> </table>   <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px"> <tbody> <tr> <td class="catBottom"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td valign="top"> <div class="cattitle"> {L_FORUM_RULES}</div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td class="row1 clearfix"> <table> <tr>  <td class="logo"> <img src="{RULE_IMG_URL}" alt="" /> </td>  <td class="rules postbody"> {RULE_MSG} </td> </tr> </table> </td> </tr> </tbody> </table>  <table class="noprint" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="" colspan="2" align="center" style="padding:0px">  <a name="quickreply"></a> {QUICK_REPLY_FORM}<br />  </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''"> <tbody>  <tr> <td class="" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td> <td class="" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td> </tr>  <tr> <td class="" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>  </tr> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="margin:0; padding: 0;" colspan="2"> <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;"> <tbody> <tr> <td class="catBottom" colspan="2" height="28"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td> <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td> </tr> </table> </td> </tr> </tbody> </table> </td> </tr> </table> <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}> <span class="nav">  <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>  </span> </td> <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>  <td align="center"> <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span> </td> <td align="center" width="250"> <span class="gensmall"> </span> </td>  </tr> </table> </form>  <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center"> <tr> <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br /> <form name="action" method="get" action="{S_FORM_MOD_ACTION}"> <input type="hidden" name="t" value="{TOPIC_ID}" />  <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" /> <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span> </form> </td> </tr> </table>   <script type="text/javascript"> //<![CDATA[ $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); //]]> </script>  <script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>

Le CSS :

Code:: /***** LISTE DES SUJETS ******/ .topics { margin: 20px 0; } .topics th { background: #937fb2; color: #fff; height: 50px; } .topics tr:not(:first-child) { background: linear-gradient(0deg, rgba(147, 127, 178, 0.27) 32%, rgba(146,126,177,0) 100%); color: #fff; font-size: 10px; height: 60px; } .topics tr:last-child { background: transparent; height: auto; } .topic-img { margin: 0 20px; } .topic-middle { display: flex; flex-wrap: wrap; } .topic-title { margin-bottom: 3px; width: 100%; } .topic-title h2 { font-style: italic; margin: 0; } .topic-title a { color: #fff; } .topic-author { font-size: 10px; margin-right: 10px; } .topic-author span { text-transform: uppercase; } .topic-pagination br, .topic-pagination img { display: none; } .topic-pagination { font-size: 0; } .topic-pagination a { background: #937fb2; border-radius: 3px; color: #fff; font-size: 10px; font-weight: bold; margin-right: 5px; padding: 5px; } .topic-pagination a:last-of-type { margin-right: 0; } .topic-last { align-items: center; display: flex; padding-right: 20px; } .topic-avatar { border: 2px solid #dad0ea; border-radius: 50%; height: 50px; overflow: hidden; width: 50px; } .topic-avatar img { width: 100%; } .topic-last > span { margin-left: 10px; text-align: left; } /***** AFFICHAGE DES MESSAGES ******/ .post-top { display: flex; flex-wrap: wrap; } .post-top h1 { align-items: center; background-color: #bd97d1; display: flex; flex: 1; font-family: "Dancing Script", cursive; font-size: 1.8em; height: 80px; justify-content: center; margin: 0; text-transform: uppercase; } .post-down { align-items: center; background-color: #bd97d1; display: flex; } .post-pagination { font-size: 0.8em; padding: 10px 0; text-align: right; width: 100%; } .post-pagination a { background-color: #9c64bb; border-radius: 3px; color: #fff; padding: 2px 4px; } .post { display: flex; margin-bottom: 20px; } .post-profile { align-items: center; align-self: flex-start; background-color: #9c64bb; display: flex; flex-direction: column; padding: 10px 0; position: relative; width: 220px; } .post-profile-online img { display: none; } .post-profile-online::before { color: #b890ce; content: "En Ligne"; font-family: "Dancing Script", cursive; font-style: italic; font-weight: bold; font-size: 1.7em; left: -52px; position: absolute; top: 29px; transform: rotate(-90deg); } .post-profile-name { margin-top: 5px; } .post-profile-name a { font-family: "Dancing Script", cursive; font-size: 1.2em; text-transform: uppercase; } .post-profile-rank { color: #ccaee7; font-style: italic; font-variant: small-caps; font-weight: bold; } .post-profile-infos { border-top: 1px solid #000; font-size: 0.8em; margin: 10px 0; padding: 10px; width: calc(100% - 20px); } .post-profile-contact { display: flex; justify-content: space-around; margin-top: auto; width: 50%; } .post-profile-contact img { display: none; } .post-profile-link a::before, .post-profile-pm a::before { color: #bf9ad9; font-size: 0.8em; font-style: italic; font-weight: bold; text-transform: uppercase; } .post-profile-link a::before{ content: "Profil"; } .post-profile-pm a::before{ content: "MP"; } .post-message { display: flex; flex: 1; flex-direction: column; margin-left: 10px; padding-right: 10px; } .post-header { align-items: center; color: #9c64bb; display: flex; font-size: 10px; margin-bottom: 10px; } .post-buttons { display: flex; margin-left: auto; } .post-buttons img { display: none; } .post-buttons a::before { color: #9c64bb; content: "éditer"; font-style: italic; font-weight: bold; margin-left: 10px; text-transform: uppercase; } .post-btn-quote a::before { content: "Citer"; } .post-btn-delete a::before { content: "Supprimer"; } .post-btn-ip a::before { content: "IP"; } .post-btn-report a::before { content: "Signaler"; } .postbody { flex: 1; } .post-bottom { align-items: center; background: #bd97d1; display: flex; flex-wrap: wrap; padding: 0 10px; } .post-title { align-items: center; display: flex; flex: 1; font-family: "Dancing Script", cursive; font-size: 1.5em; height: 30px; justify-content: center; text-align: center; } .post-bottom > div:last-child { align-items: center; display: flex; width: 100%; } .post-page-number { font-size: 0.8em; } .post-bottom .post-pagination { flex: 1; } .post-watch { align-items: center; background: #c7bdd7; border: 1px solid #b6a9cb; display: inline-flex; font-size: 0.7em; font-weight: bold; height: 20px; margin: 10px 0; padding: 0 10px; text-transform: uppercase; } .post-watch a { color: #ccc; } form#quick_reply .row2 { background: transparent; } .sceditor-button { height: auto!important; width: auto!important; }

Je te laisse installer déjà tout ça, me dire s'il y a des soucis, des réglages à faire, etc.
Il restera le profil, j'ai aussi modifié les MP et la rédaction des messages pour que ça se fonde mieux au thème, et il restera également à mettre en place la PA !
Yes

Pretty Girl

Mer 8 Jan - 15:31

Bonjouuuur
Ahhhh merci beaucoup ! Hug

Je viens de l'installer sur le fofo test, c'est tellement parfait j'adooore! Excited

C'est du super boulot. Merciiii OMG

Du coup pour les petits bug j'ai noté :

-La barre en dessous du titre des forums dans les catégories qui est décalé

-Le "En Ligne" dans le profil des messages qui s'affiche également pour les utilisateurs qui ne sont pas en ligne

-Pour ce qui est des gifs dans le profil et le message je n'ai pas trouvé comment les redimensionner, tu m'avais dis il me semble que c'était une commande dans le panneau admin mais je n'ai rien trouvé (que ce soit au niveau du profil ou du message). Il faudrait juste qu'on puisse pouvoir forcer à rester dans la largeur du message et du profil sans déformer la page/dépassé du cadre.
Je te laisse voir ce que ca donne :
http://sostest.forumactif.com/t2-ceci-est-un-test

-Dans le QEEL également dans la partie des derniers connecté 24h cela est écrit deux fois : ils étaient à MF il y a 24h (en plus des 48h marqué au dessus). Je te laisse également jeter un coup d’œil ce sera surement plus claire. x)

-Et pour finir la barre de navigation, alors ca buggait déjà avant d'installer les codes mais je croyais qu'il s'agissait de notre ancien code, mais ca ne change rien même avec le tiens. J'ai cherché, je n'ai pas trouvé la source du problème. Sur le fofo original cela fonctionne pourtant. Ici on a juste la barre sans les liens de la navig (à savoir que j'ai supp l'ancien code en remplaçant par tous les tiens). Après peut-être que quand on le mettra sur le fofo original ca buggera pas et c'est le principal. Après si t'as une explication je suis preneuse !

Et je crois que c'est tout

Je te laisse le lien du fofo test :
http://sostest.forumactif.com

Et si jamais tu as besoin de nos codes admin pour te faciliter la tâche n'hésite pas.

Des bisouuus Yes

Contenu sponsorisé