Mettre une barre en haut d'écran.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Mettre une barre en haut d'écran.

Message par kitelnewbba le Dim 13 Jan 2013 - 9:45

Re-bonjour pour certains, alors voilà ce que je pensais faire :


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!


Dernière édition par kitelnewbba le Dim 13 Jan 2013 - 11:22, édité 1 fois

kitelnewbba
****

Masculin
Messages : 314
Inscrit(e) le : 19/09/2012

http://www.habbstyle.com
kitelnewbba a été remercié(e) par l'auteur de ce sujet.

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

Message par Taylor ♥ le Dim 13 Jan 2013 - 10:23


Taylor ♥
****

Féminin
Messages : 233
Inscrit(e) le : 08/12/2012

http://tests-taylor.forumactif.org/
Taylor ♥ a été remercié(e) par l'auteur de ce sujet.

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

Message par kitelnewbba le 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.

kitelnewbba
****

Masculin
Messages : 314
Inscrit(e) le : 19/09/2012

http://www.habbstyle.com
kitelnewbba a été remercié(e) par l'auteur de ce sujet.

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

Message par Matriochka le 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.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

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

Message par kitelnewbba le 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.

kitelnewbba
****

Masculin
Messages : 314
Inscrit(e) le : 19/09/2012

http://www.habbstyle.com
kitelnewbba a été remercié(e) par l'auteur de ce sujet.
  • 0

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

Message par Matriochka le Dim 13 Jan 2013 - 10:52

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

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

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

Message par kitelnewbba le 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?

kitelnewbba
****

Masculin
Messages : 314
Inscrit(e) le : 19/09/2012

http://www.habbstyle.com
kitelnewbba a été remercié(e) par l'auteur de ce sujet.

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

Message par Matriochka le Dim 13 Jan 2013 - 11:06

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

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

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

Message par kitelnewbba le Dim 13 Jan 2013 - 11:10

PARFAIT ! Very Happy

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 ^^'

kitelnewbba
****

Masculin
Messages : 314
Inscrit(e) le : 19/09/2012

http://www.habbstyle.com
kitelnewbba a été remercié(e) par l'auteur de ce sujet.

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

Message par Matriochka le 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.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

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

Message par kitelnewbba le Dim 13 Jan 2013 - 11:22

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

kitelnewbba
****

Masculin
Messages : 314
Inscrit(e) le : 19/09/2012

http://www.habbstyle.com
kitelnewbba a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum