vue Barre Flottante
Kommunauty
Connexion
Inscription

Barre Flottante


hipertofu Messages : 35

Bonjour, encore une fois j'ai un probleme pour trouver, une base ou untutoriel pour créer ce genre de barre (ou juste le nom de la barre me suffirais) :

Barre flottante qui permet de ce connecter faire un menu et qui descend au fur et a mesure que tu va en bas.

Merci d'avance.

dimanche 24 juillet 2011 (Dernière édition dimanche 24 juillet 2011)

brezgamer Messages : 13

il y a skype pour mac mais tu ne ma pas dit ton os

dimanche 24 juillet 2011

hipertofu Messages : 35

C'est une barre flottante mais pour site. http://club-sandwich.org/ la barre et en haut du site.

dimanche 24 juillet 2011

Mizur Messages : 6616

Oui et je vois pas le rapport avec skype en fait, skype ne fait aucun barre, si...?

Autrement, c'est un peu de js, je saurai pas te dire moi comme ça mais peut être qu'un autre sera plus efficace que moi

dimanche 24 juillet 2011

brezgamer Messages : 13

essai de copier et de modifier le code source du site sinon g rien d'autre

dimanche 24 juillet 2011

Vanyali Messages : 1298

ou sinon, avec CSS et html ça dois être possible, en faisant une barre fixe et transparente quoi

par contre, je suis pas vraiment expert dans ces langages

dimanche 24 juillet 2011 (Dernière édition dimanche 24 juillet 2011)

Ryu Messages : 1976

Oui c'est possible grâce au CSS.

Exemple que je viens de réaliser: http://pacs-man.co.be/test/test_barre.php

Il suffit de définir deux div. Par exemple: header et header-wrap:

#header{
background: url(http://img.myzupics.com/aa/63k.png) repeat-x;
margin: 0 auto;
padding: 0;
height: 78px;
width: 100%;
color: #fcd208
   }

#header-wrap{

position: fixed;
top: 0;
left: 0;
width: 100%;
}

Et ensuite les embriquer comme suit:

  <div id="header-wrap">
<div id="header">

</div>
</div>

That's it.

Bon après c'est à toi de remplir ta barre comme il te chante. Moi j'ai par exemple mis ici un logo avec quelques liens et une Search Box. Il n'y a pas de limite si ce n'est ton imagination !

dimanche 24 juillet 2011 (Dernière édition dimanche 24 juillet 2011)

Mizur Messages : 6616

Super Ryu Vraiment génial !

dimanche 24 juillet 2011

hipertofu Messages : 35

Merci sa marche super bien, mais dans le fichier CSS pour faire voir l'image du bg j'ai du faire sa :

#header{
    
    margin: 0 auto;
    padding: 0;
    height: 78px;
    width: 100%;
    color: #fcd208
      }
    
    #header-wrap{
    background: url(http://img.myzupics.com/aa/63k.png) repeat-x;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;    
    }

Merci

dimanche 24 juillet 2011

Ryu Messages : 1976

Content que ça ait pu t'aider !

Comme quoi, avec CSS et HTML on peut déjà en faire des choses... Pas besoin de recourir à du Js ou autre.

dimanche 24 juillet 2011

Page suivante »