-
Résolu bande annonce défilante dans header
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édié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é.
Dimanche 10 Décembre 2017 à 09:15 Jolad
Bonjour Colette 95,
Merci de ton aide ; 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!!!
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.
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 .J'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.
Si tu veux faire des bords arrondis, rajoute dans le css que tu as déjà mis :
border-radius: 10px; /*à adapter*/
Bonne journée.
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.
.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.Lundi 11 Décembre 2017 à 16:58 Jolad
J'ai fait le nécessaire et j'ai à nouveau ma fenêtre et mes coins sont arrondis . 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.
Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.