toujours en attente

toujours attendu

Hello !

Je pense qu'il serait pertinent que tu nous donnes un peu plus d'informations sur les couleurs/images que tu voudrais avoir sur ta fiche. En l'état je ne peux que transcrire ton schéma en code :/
Peux-tu nous en dire plus sur le contexte de ton forum, les teintes que tu voudrais voir sur ta fiche ?

Merci !

Coucou oui pas de soucis, alors je vais changer prochainement la version de mon forum avec ces couleurs dominantes :

Spoiler:

Pour les images je les ajouterai moins même à la fiche lorsque j'aurais eu une réponse à ma commande de design :) Pour ce qui concerne le contexte, c'est un rpg université, l'histoire se passe à New York.

Voici un extrait du contexte : « Regarder à votre droite. Regarder à votre gauche. Un étudiant sur trois réussira à vivre de son art une fois qu'il sera sortit de Juilliard. Les deux autres abandonneront, ou deviendront des vendeurs dans un fast food quelconque. Pour réussir il ne vous faudra pas être bon, mais être les meilleurs. J'espère que vous avez profiter de votre liberté jusqu'à aujourd'hui, parce qu'à présent vous appartenez à Juilliard. »

Pour ce qui est de la partie staff sur la fiche, je pense ajouter une icone 100x100 pour chacun des membres du staff. Pour les boutons de partenariat la taille sera : 88x31

Ca marche ! Merci pour ces informations :) je vais voir ce que je peux te propsoer.

Voilà éventuellement ce que je peux te proposer !
Par contre la solution que j'ai utilisée pour le positionnement des portraits du staff ne marchera que pour deux personnes ; s'il y en a plus dis-le moi, je réfléchirai à comment je peux organiser ça. Dans le même ordre d'idées n'hésite pas à me dire s'il y a besoin de changer quoi que ce soit (police, animation, couleurs). :)

Coucou j'aime beaucoup pour le staff, on est juste deux pour l'instant , par contre je ne sais pas si tu as vu les précisions que j'ai ajouté à ma fiche :

Je viens juste de voir j'ai oublié quelque chose sur le montage. En dessous de la partie : statistique, pourriez vous y ajouter quelques liens pour joindre le forum (règlement, contexte; bottin des avatars, scénarios, pré-liens). Concernant les deux parties pour le staff, j'aimerais juste ajouter un code qui cacherait le pseudo. Ainsi quand le curseur de la souris passe dessus, l'image disparaîtrait pour laisser apparaître le pseudo.

Est ce que tu penses que c'est possible ? et est ce que tu pourrais faire pour que la fiche soit en iframe ?

lelie25 a écrit:Coucou j'aime beaucoup pour le staff, on est juste deux pour l'instant , par contre je ne sais pas si tu as vu les précisions que j'ai ajouté à ma fiche :

Alors je l'avais vu et puis j'ai zappé Patate que je suis ! Tout ce que tu demandes a l'air tout à fait faisable, je m'en occuperai aujourd'hui si je suis pas trop chargée au travail :)
Pour ce qui est de mettre la fiche en iframe ce n'est pas non plus un problème, mais le top est que le code de base soit hébergé directement sur ton forum (comme ça pas de risque pour toi au cas où ce que j'utilise moi pour héberger soit supprimé :) ), une fois que la fiche sera terminée et te plaira je te ferai un petit tuto sur comment ça se passe ! Si ça te convient, évidemment.

EDIT : voilà voilà, j'ai rajouté tout ça ! Tu peux voir le résultat directement sur ce que j'avais envoyé plus haut, dis-moi si ça te convient ou s'il y a encore des modifs que tu voudrais !

coucou Ylkhana c'est parfait comme ça ! Par contre ce serait possible d'avoir l'iframe pour cette fiche ? (je ne sais pas comment faire ma propre iframe :S)

Aucun souci ! Comme promis, voici un tuto rapide.

• Dans le panneau d'administration, en version complète et non simplifiée, va dans l'onglet "Modules"
• Tout en bas, tu dois avoir la section "HTML & Javascript". Clique sur "Gestion des pages HTML".
• Clique sur "Création en mode avancé (HTML)
• Donne le nom que tu veux à la page, laisse les deux options en dessous sur "non", et copie-colle ce code dans la zone de texte en dessous :

  Code:

  <meta charset="UTF-8" /><link href="https://codepen.io/Yvianna/pen/aroxEb.css" rel="stylesheet" />
<center>
  <div id="pub-com">
    <div class="ban"><img src="https://www.zupimages.net/up/16/37/nntm.png" /></div>
    <div class="titre">Titre du Forum</div>
    <div class="section"><span>Contexte</span>
      <p id="scroll">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tortor velit, aliquet a lacinia quis, pulvinar vel ipsum. In tortor nunc, congue ac risus et, sagittis tincidunt nulla. Sed vitae eleifend tortor. Cras molestie egestas augue eu efficitur. Sed
        mattis eros orci, a mattis elit tempor in. Vivamus semper, est at condimentum cursus, felis dolor interdum orci, et luctus turpis nunc laoreet ex. Vivamus sed ullamcorper nibh. Proin imperdiet nibh non ex pharetra, quis egestas arcu suscipit.</p>
    </div>
    <div class="section"><span>Statistiques & Staff</span></div>
    <div class="staff">
      <div class="membre"><img src="https://minsvyaz.ru/preview/c/1e655b03d88aea839aadf48a7abcbe75/256/x/256/uploaded/photos/1ave_1.jpg" /><span class="cache"><span>Admin</span></span>
      </div>
      <p id="scroll">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tortor velit, aliquet a lacinia quis, pulvinar vel ipsum. In tortor nunc, congue ac risus et, sagittis tincidunt nulla. Sed vitae eleifend tortor. Cras molestie egestas augue eu efficitur. Sed
        mattis eros orci, a mattis elit tempor in. Vivamus semper, est at condimentum cursus, felis dolor interdum orci, et luctus turpis nunc laoreet ex. Vivamus sed ullamcorper nibh. Proin imperdiet nibh non ex pharetra, quis egestas arcu suscipit.
      </p>
      <div class="membre"><img src="https://minsvyaz.ru/preview/c/1e655b03d88aea839aadf48a7abcbe75/256/x/256/uploaded/photos/1ave_1.jpg" /><span class="cache"><span>Admin</span></span>
      </div>
    </div>
    <div class="liens-utiles">
      <span><a href="lien">Règlement</a></span>
      <span><a href="lien">Contexte</a></span>
      <span><a href="lien">Bottins</a></span>
      <span><a href="lien">Scénarios</a></span>
      <span><a href="lien">Pré-liens</a></span>
    </div>
    <div class="section"><span>Partenaires</span></div>
    <div class="boutons">
      <a href="lien du forum" target="_blank"><img src="https://nsa40.casimages.com/img/2019/05/03/190503033803483697.png"></a>
      <a href="lien du forum" target="_blank"><img src="https://nsa40.casimages.com/img/2019/05/03/190503033803483697.png"></a>
      <a href="lien du forum" target="_blank"><img src="https://nsa40.casimages.com/img/2019/05/03/190503033803483697.png"></a>
      <a href="lien du forum" target="_blank"><img src="https://nsa40.casimages.com/img/2019/05/03/190503033803483697.png"></a>
      <a href="lien du forum" target="_blank"><img src="https://nsa40.casimages.com/img/2019/05/03/190503033803483697.png"></a>
    </div>
  </div>
</center>

• Pour modifier le texte et les images, il faudra passer systématiquement par cette page, c'est pour ça qu'il vaut mieux que tu l'héberges toi-même
• Une fois toutes les modifications nécessaires apportées, clique sur "Valider".
• Il est temps maintenant de mettre tout ça en iframe ! Utilise ce code :

  Code:

  <iframe src="URL de ta page HTML" height="1000" width="100%" frameborder="0" scrolling="no"></iframe>

• Retourne dans "Gestion des pages HTML". Tu as désormais une page, dont le lien t'est donné. Remplace "URL de ta page HTML" par ce lien.
• Le tour est joué !

Note que j'ai utilisé une hauteur de 1000 pixels pour ton iframe, ça devrait suffire pour l'instant mais tu peux l'adapter en fonction de tes besoins :)
Dis moi si tu as un souci ou des questions !

Coucou merci pour ces infos, j'ai ajouté l'iframe et le code à mettre dans les sujets, seulement une fois le post posté, le code ne s'affiche plus. Je vois que le contour de la fiche et pas son contenu alors qu'en prévisualisation tout s'affichait

Spoiler:

Super !

Merci pour ton partage Ylkhana <3

J'archive le sujet