Forum de publicité, d'entraide et de détente.



    Widget forum




    Je suis une Pirate

    Mini BN

    avatar

    Erudits
    Féminin Âge : 20
    Messages : 811
    Clés : 0
    Date d'inscription : 07/01/2016


    Profil

    Message par Mini BN le Ven 4 Nov - 20:55


    Bonsoir !  
    Plutôt que d'empiler mes widgets un peu multicolores sur mon forum, je voudrais pouvoir tout condenser. Du coup je viens vous demander un peu d'aide, manquant cruellement de temps et de patience pour coder tout ça.  

    Nom de votre forum : Cuadra del Eclipse
    Lien du forum : http://cuadra-eclipse.forumactif.org/
    Type de demande : je voudrais un widget pour mettre à droite de l'écran, fixe (donc qui suit lorsque l'utilisateur scrolle la page) et collé automatiquement au bas de la page.
    Schéma de ce que vous voulez : voilà pour vous
    Spoiler:
    Et voici ce que je voudrais au survol du soleil
    Spoiler:
    Images à insérer : normalement j'ai tout mis, mais si je dois vous en fournir une autre ou redimensionner quoi que ce soit, n'hésitez pas à me le dire !
    Boîte
    Soleil
    Top-Site 1, Top-Site 2, Top-Site 3
    Titre 1, Titre 2
    Lien
    Code des couleurs : le #634e54 pour la police, et le #fde6dc pour le fond au survol du soleil
    Autre : je voudrais qu'il y ait un overflow pour les potins, mais que le "Ici" en dessous soit un lien cliquable toujours en bas, overflow actionné ou non.
    Pour tous les textes, la police serait du Times New Roman. Et tous les textes justifiés, je suis un peu maniaque sur les bords ^^
    Enfin, j'aimerais que les petits poneys des Top-Sites fassent un tour complet sur eux-mêmes quand on les survole.
    Merci d'avance à celle qui prendre ma commande, et surtout qu'elle n'hésites pas à me harceler de questions si quoi que ce soit n'est pas clair !
    Mini BN



    Petit fantôme

    Mello

    avatar
    Petit fantôme

    Marchands
    Féminin Âge : 25
    Messages : 6043
    Clés : 1
    Date d'inscription : 29/09/2013


    Profil

    Message par Mello le Sam 5 Nov - 12:04

      Coucou Mini BN,
      merci de ta commande. C'est Leah qui viendra la prendre en charge. Smile








    Radine de l'année

    Leah Von Vendergarten

    avatar
    Radine de l'année

    Marchands
    Féminin Âge : 20
    Messages : 5950
    Clés : 0
    Date d'inscription : 26/08/2015


    Profil

    Message par Leah Von Vendergarten le Mer 7 Déc - 20:41

    Hop hop, je prends cette commande et en profite pour te proposer... ceci :
    Les transitions ne sont peut-être pas exactement comme tu voulais Embarassed






    Je suis une Pirate

    Mini BN

    avatar

    Erudits
    Féminin Âge : 20
    Messages : 811
    Clés : 0
    Date d'inscription : 07/01/2016


    Profil

    Message par Mini BN le Mer 14 Déc - 18:42

    Coucou Leah !
    Merci, c'est vraiment nickel ce que tu as fait ! Coeur
    Je pose juste la question (parce que pour avoir essayé je crois que ce n'est pas possible) : on ne peut pas faire apparaître le survol juste si on passe la souris sur le soleil, et pas à côté ? (pas certain d'être bien claire, n'hésites pas si tu n'as pas compris ^^)



    Radine de l'année

    Leah Von Vendergarten

    avatar
    Radine de l'année

    Marchands
    Féminin Âge : 20
    Messages : 5950
    Clés : 0
    Date d'inscription : 26/08/2015


    Profil

    Message par Leah Von Vendergarten le Mer 14 Déc - 20:00

    Hello !

    C'est de ça dont je parlais en disant "peut-être pas exactement comme tu voulais" haha x)
    Je vais aller demander conseil, d'ici le début des vacances, et je reviendrais te dire si j'y suis arrivée ou non Wink






    Radine de l'année

    Leah Von Vendergarten

    avatar
    Radine de l'année

    Marchands
    Féminin Âge : 20
    Messages : 5950
    Clés : 0
    Date d'inscription : 26/08/2015


    Profil

    Message par Leah Von Vendergarten le Dim 18 Déc - 12:46

    Coucou ! Un ami m'a proposé cette solution, qu'en penses-tu ?






    Je suis une Pirate

    Mini BN

    avatar

    Erudits
    Féminin Âge : 20
    Messages : 811
    Clés : 0
    Date d'inscription : 07/01/2016


    Profil

    Message par Mini BN le Mer 21 Déc - 0:57

    C'est parfait, exactement ce que je voulais ma Leah Coeur



    Radine de l'année

    Leah Von Vendergarten

    avatar
    Radine de l'année

    Marchands
    Féminin Âge : 20
    Messages : 5950
    Clés : 0
    Date d'inscription : 26/08/2015


    Profil

    Message par Leah Von Vendergarten le Mer 21 Déc - 11:11

    D'accord, alors pour la mise en place :

    Dans ton panneau d'administration, tu vas aller dans "Modules" -> "Gestion des pages HTML" (tout en bas) -> "Création en mode avancé (HTML)".
    Tu peux lui donner le titre "Widget".
    Tu coches "Non" et "Non", puis tu peux coller ce code dans le grand espace libre :
    Code:
    <script src="http://tinyurl.com/var-fa" type="text/javascript"></script>
    <meta charset="utf-8" />
    <style>
      .img:hover {-webkit-transform: rotate(360deg); transition: 0.8s}
      .meteo {width: 32px; height: 54px; position: absolute; margin-left: 178px; margin-top: 230px; z-index: 1; transition: 0.5s;}
      .texte1:hover {opacity: 1; transition: 0.5s;width: 150px;
    padding: 5px 35px 5px 5px; background-color: #fde6dc; font-size: 12px;}
      .texte1 {
        background-image: url(http://www.zupimages.net/up/16/44/jf0x.png);
        background-repeat: no-repeat;
        background-position: center right;
        position: absolute;
        width: 32px;
        height: 37px;
        z-index: 2;
        color: #634e54;
        font-size: 0;
        font-family: Times New Roman;
        padding: 5px 0px 5px 0px;
        text-align: justify;
        line-height: 13px;
        transition: 0.5s;
        right: 0px;
        top: 4px;}
      .texte2 {position: absolute; margin-left: -158px; margin-top: 3px; width: 150px; height: 37px; z-index: 1; transition: 0.5s;
      color: #634e54; font-size: 12px; font-family: Times New Roman; padding: 5px 35px 5px 5px; text-align: justify; line-height: 13px;}
      .potins {position: absolute; margin-left: 20px; margin-top: 325px; width: 180px; height: 100px; color: #634e54; font-size: 12px;
      font-family: Times New Roman; padding: 5px; text-align: justify; line-height: 13px; overflow: auto;}
      ::-webkit-scrollbar {width: 2px; height: 2px; background-color: #dc93b0;}
      ::-webkit-scrollbar-thumb {background-color: gold;}
    </style>
    <div style="background-image: url('http://www.zupimages.net/up/16/44/j40j.png'); width: 210px; height: 460px; margin: 0px;">
      <a href="#" target="_blank">
        <img src="http://www.zupimages.net/up/16/44/k6t3.png" style="position: absolute; margin-left: 120px; margin-top: 82px;" class="img" />
      </a>
      <a href="#" target="_blank">
        <img src="http://www.zupimages.net/up/16/44/08ry.png" style="position: absolute; margin-left: 80px; margin-top: 115px;" class="img" />
      </a>
      <a href="#" target="_blank">
        <img src="http://www.zupimages.net/up/16/44/7xid.png" style="position: absolute; margin-left: 158px; margin-top: 115px;" class="img" />
      </a>
      <img src="http://image.noelshack.com/fichiers/2016/50/1482002036-sd5h.png" style="position: absolute; margin-left: 22px; margin-top: 162px;" />
      <div class="meteo">
        <div class="texte1">Il fait grand soleil, par contre 5°C au compteur, il te faut une sacrée bonne écharpe...</div>
        <div class="texte2">Nous sommes actuellement en février, sortez les écharpes les biquettes !</div>
      </div>
      <img src="http://www.zupimages.net/up/16/44/1568.png" style="position: absolute; margin-left: 22px; margin-top: 285px;" />
    <div class="potins">Hop-hop ! C'est parti pour les règlements de comptes !
        Hop-hop ! C'est parti pour les règlements de comptes !
        Hop-hop ! C'est parti pour les règlements de comptes !
        Hop-hop ! C'est parti pour les règlements de comptes !
        Hop-hop ! C'est parti pour les règlements de comptes !
        Hop-hop ! C'est parti pour les règlements de comptes !
        Hop-hop ! C'est parti pour les règlements de comptes !
        Hop-hop ! C'est parti pour les règlements de comptes !
        Hop-hop ! C'est parti pour les règlements de comptes !
        Hop-hop ! C'est parti pour les règlements de comptes !
        Hop-hop ! C'est parti pour les règlements de comptes !
        Hop-hop ! C'est parti pour les règlements de comptes !</div>
    <a href="#" target="_blank">
      <img src="http://www.zupimages.net/up/16/44/pgkn.png" style="position: absolute; margin-left: 26px; margin-top: 433px;" />
    </a>
    </div>

    Ensuite, dans ton CSS :
    Code:
    /* Widget par Leah sur Royale-Pub */
    .widgetcde {width: 218px; height: 468px; border: none; position: fixed; bottom: 0; right: 0;}

    Et enfin dans ton template "Overall_header", tu vas chercher la balise suivante :
    Code:
    <body>
    Et juste après celle-ci, tu colleras ce code :
    Code:
    <iframe class="widgetcde" src="http://lestravauxdeleah.forumactif.com/h6-widget-cuadra-del-eclipse" scrolling="no"></iframe>

    Et normalement ça marche ! Very Happy

    Quand tu voudras actualiser ton widget (changer un lien, changer les potins, ...), tu retourneras dans "Modules" -> "Gestion des pages HTML" et tu cliqueras sur ce bouton :
    http://image.noelshack.com/fichiers/2016/51/1482314923-gfb.png
    Tu auras alors accès au code du widget, où tu pourras facilement changer ce que tu veux Wink
    Si tu as besoin d'aide pour la mise en place ou pour changer quelque chose, n'hésite pas à me demander. De même s'il y a des ajustements de taille à effectuer Smile






    Radine de l'année

    Leah Von Vendergarten

    avatar
    Radine de l'année

    Marchands
    Féminin Âge : 20
    Messages : 5950
    Clés : 0
    Date d'inscription : 26/08/2015


    Profil

    Message par Leah Von Vendergarten le Mer 25 Jan - 21:07

    Hello ! Est-ce que ce widget marche ? Wink






    Petit fantôme

    Mello

    avatar
    Petit fantôme

    Marchands
    Féminin Âge : 25
    Messages : 6043
    Clés : 1
    Date d'inscription : 29/09/2013


    Profil

    Message par Mello le Lun 6 Mar - 12:36


      Coucou,Une nouvelle relance pour ton widget, est-ce que cela fonctionne comme tu veux ?








    Petit fantôme

    Mello

    avatar
    Petit fantôme

    Marchands
    Féminin Âge : 25
    Messages : 6043
    Clés : 1
    Date d'inscription : 29/09/2013


    Profil

    Message par Mello le Dim 30 Avr - 12:05

      Ca a l'air d'aller, du coup...










    Contenu sponsorisé




    Profil

    Message par Contenu sponsorisé


      La date/heure actuelle est Sam 16 Déc - 19:53