Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Menu déroulant moderne (HTML & CSS3)

    Partagez
    MasculinAge : 98Message(s) : 91

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    2/10  (2/10)
    Fangs
    le Lun 10 Nov 2014 - 22:41
    Rappel du premier message :




    Menu déroulant moderne

    (HTML & CSS3)

    Bonjour à tous ! :gentleman:

    Alors, comme son nom l'indique, dans ce ls, je vais vous ai réalisé un petit menu déroulant très moderne pour vos forums et vos pages web. Il est uniquement fait à partir de HTML et de CSS3, la dernière version du CSS qui propose beaucoup de possibilités.

    Ce ls est donc divisé en deux parties:

    - Le codage HTML
    - Le codage CSS

    Sachez que ce menu déroulant, qui peut servir de barre de navigation, est totalement personnalisable ! Il suffit de changer les textes dans le HTML et de changer des paramètres dans le CSS, et pour les plus à l'aise en codage, modifier cette barre à l'infini et selon leurs envies !
    Attention
    Je vous rappelle que les codeurs qui créent les ls et les tutoriels font ça bénévolement, il est donc normal que nous attention un crédit de Never Utopia sur vos forums. Merci :toto:

    Assez parlé, passons aux choses sérieuses.

    Aperçu de la barre de navigation

    Aperçu
    Voici donc un petit aperçu de ce que cela donne:
    barre de navigation ; barre au survol

    Codage: HTML




    Codage: CSS



    Attention

    Vous devez poster à la suite pour voir les codes.

    Question ?

    Si vous avez une question, je vous rappelle que cette section est disponible !

    Voilà, voilà, je vous remercie. :)



    Dernière édition par Fangs le Lun 24 Nov 2014 - 12:00, édité 1 fois
    MasculinAge : 17Message(s) : 49

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Roitatan
    le Dim 21 Déc 2014 - 13:01
    Stylé !
    FémininAge : 24Message(s) : 13
    Ariane
    le Dim 21 Déc 2014 - 14:48
    Merci et très joli barre de navigation.
    MasculinAge : 32Message(s) : 27
    Niortais
    le Lun 22 Déc 2014 - 8:07
    Sympa merci
    MasculinAge : 20Message(s) : 147

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    FreeSpirit
    le Ven 26 Déc 2014 - 15:47
    merci
    FémininAge : 22Message(s) : 42
    Memorian
    le Lun 29 Déc 2014 - 2:23
    Merci! <3
    FémininAge : 28Message(s) : 212

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    louha
    le Mar 30 Déc 2014 - 15:39
    merci
    FémininAge : 21Message(s) : 37
    Arc-En-Ciela
    le Mar 30 Déc 2014 - 18:33
    Merci ! Mon menu déroulant a soudainement cessé de fonctionner, et j'ai re-suivi le tutoriel principal de Forumactif, mais ça ne fonctionne toujours pas. J'espère que ce tutoriel-ci pourra m'aider :)
    MasculinAge : 28Message(s) : 420
    Ryoma
    le Ven 2 Jan 2015 - 16:38
    Merci beaucoup, comme toujours !
    MasculinAge : 22Message(s) : 74
    MxPrime2
    le Mer 7 Jan 2015 - 12:06
    Ça me semble bien intéressant, je vais essayer ! Merci !
    MasculinAge : 19Message(s) : 36
    Blue
    le Sam 10 Jan 2015 - 14:49
    Merci beaucoup ! Ce code me sera très utile !
    FémininAge : 22Message(s) : 50
    Mozart
    le Dim 11 Jan 2015 - 1:00
    Merci beaucoup pour ce partage !


    MasculinAge : 20Message(s) : 84
    Fayzl4D
    le Dim 11 Jan 2015 - 8:43
    merci beaucoup
    MasculinAge : 26Message(s) : 17
    weysn
    le Mar 27 Jan 2015 - 13:23
    Merci !
    FémininAge : 22Message(s) : 125
    Malf Claymore
    le Sam 31 Jan 2015 - 18:41
    merci c'est très sympathique
    MasculinAge : 24Message(s) : 90

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    blade li britannia
    le Ven 6 Fév 2015 - 20:36
    merci


    FémininAge : 23Message(s) : 70
    GreenGage
    le Sam 7 Fév 2015 - 8:25
    Merci beaucoup !
    FémininAge : 29Message(s) : 45

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Ananké
    le Mer 11 Fév 2015 - 3:02
    Merci pour ce tuto Wink
    FémininAge : 18Message(s) : 21
    Paradéo
    le Mer 11 Fév 2015 - 17:01
    merciii ! *^*
    FémininAge : 26Message(s) : 133
    Bunny Lune
    le Mar 17 Fév 2015 - 20:52
    Magnifique merci beaucoup pour le partage
    FémininAge : 14Message(s) : 80

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Zaidko
    le Mar 17 Fév 2015 - 22:59
    Merci !
    FémininAge : 20Message(s) : 65
    Thalia Grace
    le Mer 18 Fév 2015 - 13:27
    Merci beaucoup ! C'est vraiment superbe ! ♥
    Invité
    le Dim 22 Fév 2015 - 10:29
    Merci :)
    FémininAge : 25Message(s) : 296

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Depp
    le Lun 23 Fév 2015 - 16:49
    Merci :) je pense que ça va m'être utile :)


    MasculinAge : 16Message(s) : 21
    Maître Corbeau
    le Jeu 26 Fév 2015 - 17:51
    Merciii ! ^^
    FémininAge : 17Message(s) : 24
    Vee
    le Jeu 26 Fév 2015 - 20:10
    oh ♥
    Contenu sponsorisé
    Aujourd'hui à 12:28

      La date/heure actuelle est Lun 26 Sep 2016 - 12:28