AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    fiche de pub

    lelie25
    lelie25
    FémininAge : 27Messages : 141

    le Jeu 18 Avr 2019 - 19:00

    Ma demande



    Bonjour ! je souhaiterais une nouvelle fiche de publicité pour mon forum :) je n'ai pas eu de coups de cœur pour celles proposées en LS.


    Schéma(s) et Eléments


    Schémas : fiche de pub 1555606238-fiche-pub

    Tailles des éléments : //


    Effets voulus : J'aimerais un effet quelconque sur les différents titres (règlement, contexte, bottin)

    Version de votre forum : PHPBB2


    Ressources


    Si vous souhaitez des images de fond précises ou des icones etc... mettez-les ici. Attention : ces images seront dans le code mis en libre service.


    Autres précisions ?



    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.

    Pour l'image, j'en mettrai une de taille 100x100, mais il faudrait que cette petite partie soit également en arrondi comme le reste de la fiche de pub..

    Et enfin, concernant le contour de la fiche de pub, pourriez vous y ajouter un léger effet de flou ?





    Dernière édition par lelie25 le Sam 4 Mai 2019 - 19:47, édité 2 fois
    lelie25
    lelie25
    FémininAge : 27Messages : 141

    le Sam 27 Avr 2019 - 20:56

    toujours en attente
    lelie25
    lelie25
    FémininAge : 27Messages : 141

    le Mer 1 Mai 2019 - 23:20

    toujours attendu
    Ylkhana
    Ylkhana
    FémininAge : 25Messages : 326

    le Ven 3 Mai 2019 - 14:00

    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 !
    lelie25
    lelie25
    FémininAge : 27Messages : 141

    le Ven 3 Mai 2019 - 14:26

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

    Spoiler:
    fiche de pub Lilas-10

    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
    Ylkhana
    Ylkhana
    FémininAge : 25Messages : 326

    le Ven 3 Mai 2019 - 14:31

    Ca marche ! Merci pour ces informations :) je vais voir ce que je peux te propsoer.
    Ylkhana
    Ylkhana
    FémininAge : 25Messages : 326

    le Ven 3 Mai 2019 - 15:50

    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). :)
    lelie25
    lelie25
    FémininAge : 27Messages : 141

    le Ven 3 Mai 2019 - 16:52

    Coucou j'aime beaucoup :friends: 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 ?
    Ylkhana
    Ylkhana
    FémininAge : 25Messages : 326

    le Sam 4 Mai 2019 - 9:40

    @lelie25 a écrit:Coucou j'aime beaucoup :friends: 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é :sorry: 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 !
    lelie25
    lelie25
    FémininAge : 27Messages : 141

    le Sam 4 Mai 2019 - 12:29

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

    le Sam 4 Mai 2019 - 12:49

    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 Wink
    • 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 !


    Dernière édition par Ylkhana le Sam 4 Mai 2019 - 19:54, édité 2 fois
    lelie25
    lelie25
    FémininAge : 27Messages : 141

    le Sam 4 Mai 2019 - 13:35

    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:
    fiche de pub Captur10
    Ylkhana
    Ylkhana
    FémininAge : 25Messages : 326

    le Sam 4 Mai 2019 - 19:52

    Souci réglé par MP, je pense que c'est tout bon ! :friends:
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5089

    le Jeu 9 Mai 2019 - 11:56

    Super !

    Merci pour ton partage Ylkhana <3

    J'archive le sujet



    Très peu présente -> MP ou Discord s'il y a quelque chose d'important ♥︎
    Contenu sponsorisé


      La date/heure actuelle est Mer 17 Juil 2019 - 19:27