• Résolu bande annonce déroulante


    Samedi 9 Décembre 2017 à 17:27
    Jolad

    Bonjour,

    J'ai inséré une bande annonce il y a qqs mois. J'ai pris modèle sur ce que j'avais écrit en changeant  le texte mais cela ne marche pas. J'avoue que je ne suis pas très forte dans ce domaine! Voilà ce que j'ai fait

    J'ai créé un module html et j'ai écrit:

    <divclass="defilant"><maequeestyle="width:285px;height:30px;""scrollamount="3"><spanstyle="color:#800000;font-size:18pt;">Excellentes fêtes de fin d'année M&eacute;di&eacute;vale"</span></marquee></div>

    puis j'ai cliqué sur modifier le thème puis ajouter du css et j'ai écrit:

    .defilant{position:absolute;top:30px;left:80px;border:15px#465B77;background:#e8e9eb;}

    #module_menu151666384.module_menutitre{display:one}

    /*cacher titre du module Liens suite*/

    #module_menu_titre151687846{display:none;}

    J'ai du faire pas mal de bêtises mais lesquelles?

    Désolée de vous solliciter mais merci à celui ou celle qui m'expliquera

    Cordialement

     

     

     

     

    Samedi 9 Décembre 2017 à 18:52
    Colette95

    Bonsoir Jolad,

    Le html et le css ça ne s'invente pas et il faut être très rigoureux dans les codes à savoir : espaces, points, guillemets etc... bref, j'ai fait les rectifications à partir de tes codes et les voici prêts à copier/coller.

    Dans ton module :

    <div class="defilant"><marquee style="width: 285px; height: 30px;" scrollamount="3"><span style="color: #800000; font-size: 18pt;">Excellentes fêtes de fin d'année Médiévale.</span></marquee></div>

    Dans ton css :

    .defilant {
     position: absolute;
     top: 30px;
     left: 80px;
     border: 15px solid #465B77;
     background: #e8e9eb;
    }

    A toi de voir ce que j'ai rectifié, supprimé et ajouté. sarcastic

    Dimanche 10 Décembre 2017 à 09:15
    Jolad

    Bonjour Colette 95,

    Merci de ton aide wink2; J'ai bien fait les copier/coller mais il ne se passe toujours rien. Normalement, je devrais avoir le bandeau à gauche de la Valse des Points, non? Ou alors j'ai encore zappé qqc;  je ne comprends rien!!!erf

    Dimanche 10 Décembre 2017 à 20:41
    Colette95

    Bonsoir,

    Il ne peut pas se passer grand chose car tu n'as pas mis le html là où il faut le mettre. smile

    Il faut éditer ton module et le passer en mode HTML en cliquant sur l'icône <> et c'est dans la fenêtre qui s'ouvre qu'il faut copier/coller les codes. Pour l'instant ils sont apparents dans ton module car tu les as mis comme du simple texte, qu'il faut enlever d'ailleurs.

     

     

    Lundi 11 Décembre 2017 à 11:06
    Jolad

    Bonjour Colette95,

    Effectivement je ne me souvenais plus qu'il fallait passer le module en mode HTML. Donc ça marche .smileJ'ai également voulu affiner le tour et j'ai écrit 10px ou lieu de 15px mais le tour n'est pas - épais. Comment faire?

    Autre question: est il possible d'arrondir les angles?

    Désolée de poser autant de questions... et merci d'avance pour votre patience!

     

    Lundi 11 Décembre 2017 à 11:20
    Colette95

    Le tour est beaucoup moins épais (n'oublie pas de rafraîchir ta page) et je le trouve pas mal. Mais tu peux encore le réduire évidemment, maintenant tu sais comment faire. smile

    Si tu veux faire des bords arrondis, rajoute dans le css que tu as déjà mis :

    border-radius: 10px; /*à adapter*/

    Bonne journée. happy

     

    Lundi 11 Décembre 2017 à 12:42
    Jolad

    Merci beaucoup Colette. Une dernière question: en ajoutant border-radius: 10px; /*à adapter*/  j'ai un joli arrondi mais plus d'encadrement; est ce normal?

    Lundi 11 Décembre 2017 à 15:16
    Colette95

    Normal car il fallait simplement ajouter ce que je t'avais indiqué et tu as bidouillé dans les "border" en mettant ceci. sarcastic

    .defilant {
     position: absolute;
     top: 30px;
     left: 80px;
     border-radius: 10px; /*à adapter*/ solid #465B77;
     background: #e8e9eb;
    }

    alors qu'il faut que tu mettes :

    .defilant {
     position: absolute;
     top: 30px;
     left: 80px;
    border: 10px solid #465B77;/*ta bordure*/
    border-radius: 10px;/*coins arrondis*/ background: #e8e9eb; }

    Après rectification, tout devrait être OK. happy
    Lundi 11 Décembre 2017 à 16:58
    Jolad

    cool J'ai fait le nécessaire et j'ai à nouveau ma fenêtre et mes coins sont arrondis smile. J'ai même diminué mon trait. C'est super. Merci bcp.

    Autre question si je peux me permettre. Est il possible d'avoir une fenêtre d'une autre forme (autre qu'un rectangle?)

    Lundi 11 Décembre 2017 à 18:01
    Colette95

    A part un rectangle, je ne vois pas dans quoi on pourrait faire défiler une bande annonce. smile




    Vous devez être membre pour poster un message.