• Comment mettre un menu à scroller ?

    Alors déjà, si vous ne voyez pas de quoi je veux dire, je parle de ce genre de menu qu'on peut scroller.

    Comment mettre un menu à scroller ?

    RAPPELS :
    - Vous pouvez cliquer sur TOUTES les images pour les voir en plus grand
    - Le code CSS est à placer ici :
    Installer une police et l'utiliser

    Voici le code :

     #menu1
    {height:NOMBREpx;
    overflow:auto;}

     height : ça permet de déterminer la hauteur du menu, et par conséquent, à partir de quand il va scroller.

    overflow:auto : c'est cette propriété qui va permettre au menu de se faire scroller.


     

    Prenons le code :
    #menu1
    {height:300px;
    overflow:auto;}

    Menu sans le code.
    Pour pouvoir vous montrer, je vais insérer ce qui se nomme un "lorem ipsum" qui sert uniquement à visualiser des textes.

    Nam quibusdam, quos audio sapientes habitos in Graecia, placuisse opinor mirabilia quaedam (sed nihil est quod illi non persequantur argutiis): partim fugiendas esse nimias amicitias, ne necesse sit unum sollicitum esse pro pluribus; satis superque esse sibi suarum cuique rerum, alienis nimis implicari molestum esse; commodissimum esse quam laxissimas habenas habere amicitiae, quas vel adducas, cum velis, vel remittas; caput enim esse ad beate vivendum securitatem, qua frui non possit animus, si tamquam parturiat unus pro pluribus.
    Procedente igitur mox tempore cum adventicium nihil inveniretur, relicta ora maritima in Lycaoniam adnexam Isauriae se contulerunt ibique densis intersaepientes itinera praetenturis provincialium et viatorum opibus pascebantur.
    Isdem diebus Apollinaris Domitiani gener, paulo ante agens palatii Caesaris curam, ad Mesopotamiam missus a socero per militares numeros immodice scrutabatur, an quaedam altiora meditantis iam Galli secreta susceperint scripta, qui conpertis Antiochiae gestis per minorem Armeniam lapsus Constantinopolim petit exindeque per protectores retractus artissime tenebatur.

    Menu avec le code.
    Pour pouvoir vous montrer, je vais insérer ce qui se nomme un "lorem ipsum" qui sert uniquement à visualiser des textes.

    Nam quibusdam, quos audio sapientes habitos in Graecia, placuisse opinor mirabilia quaedam (sed nihil est quod illi non persequantur argutiis): partim fugiendas esse nimias amicitias, ne necesse sit unum sollicitum esse pro pluribus; satis superque esse sibi suarum cuique rerum, alienis nimis implicari molestum esse; commodissimum esse quam laxissimas habenas habere amicitiae, quas vel adducas, cum velis, vel remittas; caput enim esse ad beate vivendum securitatem, qua frui non possit animus, si tamquam parturiat unus pro pluribus.
    Procedente igitur mox tempore cum adventicium nihil inveniretur, relicta ora maritima in Lycaoniam adnexam Isauriae se contulerunt ibique densis intersaepientes itinera praetenturis provincialium et viatorum opibus pascebantur.
    Isdem diebus Apollinaris Domitiani gener, paulo ante agens palatii Caesaris curam, ad Mesopotamiam missus a socero per militares numeros immodice scrutabatur, an quaedam altiora meditantis iam Galli secreta susceperint scripta, qui conpertis Antiochiae gestis per minorem Armeniam lapsus Constantinopolim petit exindeque per protectores retractus artissime tenebatur.

    Vous pouvez aller sur les articles précédents et suivants en cliquant sur les flèches en bas, ou en recherchant ce que vous cherchez dans le répertoire à gauche.

    « PROJET FINI !Changer l'image du header au survol »

  • Commentaires

    1
    Lundi 8 Mai à 08:41

    Pour moi, ça ne marche pas ! :c Sinon, très bon article !!! :)

    • Voir les réponses
    2
    Jeudi 6 Juillet à 10:49

    Pour ma part,j'ai un un gros problème,lors de la mise du code..Les pages comme pages d'accueil etc sont devenus très étrange.Pourrais tu me dire ce qu'il faut faire.

    ..Super gênant ce truc..

    • Voir les réponses
    3
    Dimanche 24 Septembre à 14:17

    Salut :3 Merci beaucoup pour ce code! Juste une question : Comment on met un "scroller" sur un article ? Comme ici!

    4
    Dimanche 24 Septembre à 14:37

    Coucou vu que c'est mon blog je pourrai t'y répondre. Tu parle des pargraphe scroller?

    5
    Dimanche 24 Septembre à 14:42

     Salut, merci bien de m'aider ^-^

    Euh...Je sais pas comment ça s'appelle mais tu vois là où t'as mis tes partenaires ? Tu les a mis dans un menu à scroller et je me demandais comment t'as fait :3

    6
    Dimanche 24 Septembre à 15:04

    En fait c'est pas un menu c'est un code source ou à l'intérieur tu mets ce que tu veux c'est une sorte de boite voici le code: (des endroits sont à modifier par toi):

    Ce code est à mettre dans le code source (quand tu édite un article il y a un bouton ressemblant à ca :<>: tu appuie dessus)

    <div style="max-height: Hauteur de ta boitepx; background-image: url(Url de l'image de fond c'est pas obligatoire'); background-attachment: fixed; max-width: Largeurpx; float: Cote ou tu veux le mettre (gauche ou droite) ou tu mets rien; border: Grosseur de ta bordurepx solid Couleur de ta bordure; overflow: auto;">TON TEXTE <div>

     

    7
    Dimanche 24 Septembre à 15:18

    Merci beaucoup!

    8
    Dimanche 24 Septembre à 15:32

    Merci à Ella! d'avoir répondu, effectivement c'est une balise nommée "div comme elle te la montré.

    Juste, j'ai une chose à te rajouter ; si tu veux que ta "boîte scrollable" soit centrée automatiquement, ajoute ceci :

    <div style="max-height: Hauteur de ta boitepx; background-image: url('Url de l'image de fond c'est pas obligatoire'); background-attachment: fixed; max-width: Largeurpx; float: Cote ou tu veux le mettre (gauche ou droite) ou tu mets rien; border: Grosseur de ta bordurepx solid Couleur de ta bordure; overflow: auto;margin:auto;">TON TEXTE <div>

    9
    Dimanche 24 Septembre à 15:45

    Ahh merci beaucoup, justement j'avais besoin de la centrer ^-^

    10
    Dimanche 24 Septembre à 15:57

    Merci d'avoir ajouté ca je ne savais pas.Edit: Je le savais mais j'avais modifié le code et j'avais oublié cette possibilité

    11
    Dimanche 24 Septembre à 15:59

    Ok ^^ Merci encore Ella! et Lila!

    12
    Lundi 25 Septembre à 18:40

    Avec plaisir! Tu créer un blog c'est ca ?

    13
    Lundi 25 Septembre à 20:25

    :3 Oui est ça! Tu peux aller le voir si tu veux !!

    14
    Mercredi 27 Septembre à 14:00

    Avec plaisir!

    15
    Jeudi 28 Septembre à 21:29

    Merci :)

    16
    Jeudi 12 Octobre à 16:51

    ça aussi , je le cherchais, je me demandais comment faire car j'ai certains menus bien trop longs... :/

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :