Mettre une barre en haut d'écran.

par kitelnewbba Dim 13 Jan 2013 - 9:45

Re-bonjour pour certains, alors voilà ce que je pensais faire :
Mettre une barre en haut d'écran. 584745barre

Je voudrais que lorsque je déroule l'écran vers le bas ou vers le haut, une image ou annonce comme ci-dessus reste collé à l'endroit où on doit taper l’URL d'un site.

EXEMPLE : Sur ce site : www.ibuild.fr

J'attends avec impatience votre réponse Razz

merci!

par Taylor ♥ Dim 13 Jan 2013 - 10:23

Bonjour,

Je vous conseille de lire cette astuce : https://forum.forumactif.com/t301744-mettre-sa-barre-de-navigation-en-haut-du-forum?highlight=navig*

Cordialement.

par kitelnewbba Dim 13 Jan 2013 - 10:30

Merci, mais ce n'est pas vraiment ça que je cherche.
C'est mettre un message simplement, ou un petit texte qui se redirige vers un autre lien quand on clique dessus.

par Matriochka Dim 13 Jan 2013 - 10:37

Bonjour,

Pour ce faire, va dans Panneau d’administration > Affichage > Templates > Général. Ouvre le template intitulé overall_header, et trouve cette ligne :

Code:: <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

Juste après celle-ci, ajoute :

Code:: <div id="head_bar">TON TEXTE ICI</div>

Remplace "TON TEXTE ICI" par le contenu que tu désires voir apparaître dans cette barre. Enregistre puis publie ton template.

Va dans Panneau d’administration > Affichage > Couleurs > Feuille de styles CSS, et ajoute ceci afin de mettre en forme ta barre et la fixer :

Code:: #head_bar { background-color:#FFFFFF; /* couleur du fond de la barre */ border-bottom:1px solid #000000; /* couleur de la bordure */ font-size:10px; /* taille de la police */ font-family:Verdana; /* police d’écriture*/ position:absolute; top:0px; width:100%;}

Tu peux changer les diverses valeurs (exemple : couleurs, polices, etc.) par celles de ton choix.

par kitelnewbba Dim 13 Jan 2013 - 10:49

ça marche agréablement!
Mais le problème quand je déroule la souris pour allez en bas de page ou haut de page, la barre personnalisé reste en haut, elle ne déroule pas avec.

par Matriochka Dim 13 Jan 2013 - 10:52

Ah, oui. À ce moment, remplace position:absolute; par position:fixed; Wink

par kitelnewbba Dim 13 Jan 2013 - 11:00

Très bien ça marche parfaitement, encore un petit détail, pour le code css, y'aurait-il un moyen de changer la COULEUR de la police?

par Matriochka Dim 13 Jan 2013 - 11:06

Oui bien sûr. Ajoute cette ligne : color:#FF0000; (là, j’ai mis rouge, mais tu peux changer)

par kitelnewbba Dim 13 Jan 2013 - 11:10

PARFAIT !

Encore une chose que j'ai oublié de dire, y'a un moyen d’agrandir la barre (la hauteur) car elle est un peu trop fine ^^'

par Matriochka Dim 13 Jan 2013 - 11:11

Oui, pas de souci Razz

Ajoute height:30px;. Ça va te permettre de modifier la hauteur de la barre. Là, j’ai mis 30 pixels.

par kitelnewbba Dim 13 Jan 2013 - 11:22

Alors vraiment un grand merci à toi! Tout fonctionne correctement! Razz

Mettre une barre en haut d'écran.

Mettre une barre en haut d'écran.

Re: Mettre une barre en haut d'écran.

Re: Mettre une barre en haut d'écran.

Re: Mettre une barre en haut d'écran.

Re: Mettre une barre en haut d'écran.

Re: Mettre une barre en haut d'écran.

Re: Mettre une barre en haut d'écran.

Re: Mettre une barre en haut d'écran.

Re: Mettre une barre en haut d'écran.

Re: Mettre une barre en haut d'écran.

Re: Mettre une barre en haut d'écran.