Bandeau flottant avec texte en bas de page
2 participants
Page 1 sur 1
Bandeau flottant avec texte en bas de page
Bonjour
Comment faire pour mettre un bandeau flottant avec texte dans un bas de page.
@+
mecca
Comment faire pour mettre un bandeau flottant avec texte dans un bas de page.
@+
mecca
Dernière édition par Mecca25 le Mar 14 Nov 2017 - 14:32, édité 1 fois
Mecca25- Messages : 27
Date d'inscription : 29/05/2017
Age : 75
Re: Bandeau flottant avec texte en bas de page
Bonjour Macca25
Tout cela dépend de ce que tu as en main, il y a différentes formes de bandeaux flottant, si c'est un code que tu as récupéré quelque part, indique nous le code que tu as.
@ +
Tout cela dépend de ce que tu as en main, il y a différentes formes de bandeaux flottant, si c'est un code que tu as récupéré quelque part, indique nous le code que tu as.
@ +
Re: Bandeau flottant avec texte en bas de page
Bonjour Ellade
justement je n'ai rien, c'est ça le soucis
@+
justement je n'ai rien, c'est ça le soucis
@+
Mecca25- Messages : 27
Date d'inscription : 29/05/2017
Age : 75
Re: Bandeau flottant avec texte en bas de page
Ça va être compliqué si tu n'as rien
Que veux tu mettre dans ce bandeau flottant une simple ligne de texte qui restera en bas de page ou un bandeau de Cookies que l'on referme après avoir lu ?
Que veux tu mettre dans ce bandeau flottant une simple ligne de texte qui restera en bas de page ou un bandeau de Cookies que l'on referme après avoir lu ?
Re: Bandeau flottant avec texte en bas de page
Au départ j'avais mis le bandeau de cookies dont j'avais trouvé le code sur Tontonduweb. Malheureusement ça n'a pas fonctionné ( page blanche à l'ouverture du site ). Donc je me rabats sur un bandeau flottant en bas de la page. Actuellement j'ai mis une ligne de texte dont j'ai coloré la box, mais cela reste fixe.
@+
@+
Mecca25- Messages : 27
Date d'inscription : 29/05/2017
Age : 75
Re: Bandeau flottant avec texte en bas de page
Voila du code pour un bandeau flottant en bas de page contenant une simple ligne de texte
Dans les propriétés de la page tu mets le css tu pourras modifier le style du texte à ta convenance :
et tout en bas de ta page tu mets une box avec uniquement un élément "code html" dans lequel tu mettras le code :
Tu as juste à remplacer "Mon texte" par ton texte.
Mettre de préférence cette box en box étendue l'effet sera meilleur.
Tu nous diras si ça fonctionne comme tu veux
Dans les propriétés de la page tu mets le css tu pourras modifier le style du texte à ta convenance :
- Code:
<style>
#bandeau {
background-color: #696969;
color: #ffffff;
bottom: 0;
position: fixed;
width: 100%;
text-align: center;
}
</style>
et tout en bas de ta page tu mets une box avec uniquement un élément "code html" dans lequel tu mettras le code :
- Code:
<div id="bandeau">
<p>
Mon texte
</p>
</div>
Tu as juste à remplacer "Mon texte" par ton texte.
Mettre de préférence cette box en box étendue l'effet sera meilleur.
Tu nous diras si ça fonctionne comme tu veux
Re: Bandeau flottant avec texte en bas de page
Ok ça marche
Vu que je suis nul en html, quel code faut'il mettre pour avoir un mot cliquable sur une page du site
@+
Vu que je suis nul en html, quel code faut'il mettre pour avoir un mot cliquable sur une page du site
@+
Mecca25- Messages : 27
Date d'inscription : 29/05/2017
Age : 75
Re: Bandeau flottant avec texte en bas de page
mettre le lien dans le texte comme ceci :
- Code:
Mon texte <a href="http://www.monsite.fr"> Mon site </a>
Re: Bandeau flottant avec texte en bas de page
Ok, ça marche
je te remercie
Bonne journée
@+
mecca
je te remercie
Bonne journée
@+
mecca
Mecca25- Messages : 27
Date d'inscription : 29/05/2017
Age : 75
Re: Bandeau flottant avec texte en bas de page
Bonjour Mecca25
Suite à ton sujet j'ai fait un tuto pour un bandeau avertissement des cookies
Il est fait d'après la même source que celle de tonton du web, le site source est GitHub
Je pense que celui de tonton ne fonctionne pas car il y a dans son code une erreur (une guillemet oubliée) ce qui fait que sur certains navigateurs ça ne fonctionne pas sauf sur ceux un peu moins pointilleux que d'autres sur les validités de code et contrairement à tonton, GitHub recommande de le placer tout en bas de page.
Le tuto que j'ai fait est ici maintenant à toi de voir, c'est juste pour info, tu peux laisser le bandeau que tu as fait si tu préfères.
@ +
Suite à ton sujet j'ai fait un tuto pour un bandeau avertissement des cookies
Il est fait d'après la même source que celle de tonton du web, le site source est GitHub
Je pense que celui de tonton ne fonctionne pas car il y a dans son code une erreur (une guillemet oubliée) ce qui fait que sur certains navigateurs ça ne fonctionne pas sauf sur ceux un peu moins pointilleux que d'autres sur les validités de code et contrairement à tonton, GitHub recommande de le placer tout en bas de page.
Le tuto que j'ai fait est ici maintenant à toi de voir, c'est juste pour info, tu peux laisser le bandeau que tu as fait si tu préfères.
@ +
Re: Bandeau flottant avec texte en bas de page
Bonjour Ellade
Je re remercie d'avoir réalisé ce tuto, tout le monde pourra en profiter.
J'ai installé la 2ième solution, c'est parfait
Merci!
@+
Mecca
Je re remercie d'avoir réalisé ce tuto, tout le monde pourra en profiter.
J'ai installé la 2ième solution, c'est parfait
Merci!
@+
Mecca
Mecca25- Messages : 27
Date d'inscription : 29/05/2017
Age : 75
Sujets similaires
» Texte montré/caché ?
» placer 2 composant HTLM dans un même propriété de page avec WARC
» Menu flottant
» Bouton "Retour en haut" avec effet "Smooth Scrolling" avec WebAcappella Responsive
» Intégration d' un script html et css pour texte animé
» placer 2 composant HTLM dans un même propriété de page avec WARC
» Menu flottant
» Bouton "Retour en haut" avec effet "Smooth Scrolling" avec WebAcappella Responsive
» Intégration d' un script html et css pour texte animé
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|