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



    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
    FémininAge : 33Message(s) : 269
    Venise
    le Mar 11 Nov 2014 - 18:52
    j'aime ^^
    FémininAge : 28Message(s) : 93
    alex24d
    le Mar 11 Nov 2014 - 19:38
    merci
    FémininAge : 22Message(s) : 9733

    Les Guildes
    Guilde des Conteurs:
    4/10  (4/10)
    Guilde des Illusionnistes:
    2/10  (2/10)
    Guilde des Architectes:
    10/20  (10/20)
    Halloween
    le Sam 22 Nov 2014 - 18:42
    Hey !

    Super sympa (autant le fond que la forme, j'adore ta mise en page !) *-*
    Par contre il me semble que les préfixes ne sont plus nécessaires pour le "box-shadow" → www. Et un "-" manque au :

    Code:
    .nav_txt {
      [...]
      borderbottom: 1px solid #091016;


    Peux-tu corriger ? :3

    Merci beaucoup du partage Fangs Wink


    Je mets les voiles, que le vent te soit favorable matelot !
    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 24 Nov 2014 - 12:01
    Salut ! Merci pour ta réponse, je commençais à désespérer ^^
    Alors voilà, je pense avoir tout corrigé, merci :)
    FémininAge : 22Message(s) : 9733

    Les Guildes
    Guilde des Conteurs:
    4/10  (4/10)
    Guilde des Illusionnistes:
    2/10  (2/10)
    Guilde des Architectes:
    10/20  (10/20)
    Halloween
    le Mar 25 Nov 2014 - 20:23
    Beuh actuellement je suis toute seule pour gérer les LS, et mes commandes en parallèle, donc je passe dans ce coin quand je peux hein xD
    Merci d'avoir arrangé Wink


    Je mets les voiles, que le vent te soit favorable matelot !
    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 Mer 26 Nov 2014 - 20:15
    J'imagine bien ^^ Merci beaucoup :)
    MasculinAge : 21Message(s) : 87
    Tyra'
    le Mer 26 Nov 2014 - 22:16
    Bravo! *-*


    MasculinAge : 15Message(s) : 4
    FantastiQue
    le Jeu 27 Nov 2014 - 20:40
    Très jolie !
    FémininAge : 20Message(s) : 108

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kaamee
    le Ven 28 Nov 2014 - 20:21
    Merci o/


    MasculinAge : 20Message(s) : 44

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Neiko Seiteki
    le Sam 29 Nov 2014 - 12:17
    Merci :3
    FémininAge : 19Message(s) : 107
    Nanachu ♥
    le Ven 5 Déc 2014 - 16:26
    Ce code est génial, il va pouvoir guider mes membres et les aider à aller plus vite lorsqu'ils chercheront à accéder à un lieu. Merci beaucoup ♥
    FémininAge : 20Message(s) : 153

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    0smose
    le Ven 5 Déc 2014 - 17:40
    C'est génial ! J'adore l'écriture ! Merci énormément !




    But I'm only human
    And I bleed when I fall down... I'm only human and I crash and I break down. Your words in my head,
    knives in my heart. You build me up and then I fall apart.
    'Cause I'm only human.
    MasculinAge : 14Message(s) : 43
    SinoJak
    le Sam 6 Déc 2014 - 17:19
    Merci
    FémininAge : 21Message(s) : 152

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Xperience
    le Mar 9 Déc 2014 - 20:11
    Merci !


    FémininAge : 23Message(s) : 73
    りん
    le Mer 10 Déc 2014 - 11:33
    Wow, cool ! Merci ! =)
    FémininAge : 19Message(s) : 181
    ~Nodoka~
    le Ven 12 Déc 2014 - 16:03
    Mercii
    FémininAge : 19Message(s) : 127
    Banpaia
    le Ven 12 Déc 2014 - 21:40
    Merci !
    FémininAge : 23Message(s) : 46
    Rubis-Hope
    le Ven 12 Déc 2014 - 22:01
    C'est super !
    Merci !
    FémininAge : 30Message(s) : 631
    Immortal
    le Sam 13 Déc 2014 - 14:52
    Merci pour ce partage **



    Besoin d'avis pour un futur forum multi-univers.
    Promis je suis ouverte aux critiques comme aux solutions
    :love:
    CLICK
    FémininAge : 18Message(s) : 94
    Sorako
    le Dim 14 Déc 2014 - 11:59
    Merci !
    FémininAge : 51Message(s) : 150
    âme
    le Dim 14 Déc 2014 - 12:57
    Merci et bon dimanche :)


    Sur Color'Avenue, L'urgent est déjà fait, l'impossible est en cours...pour les miracles, prévoir un délais.
    MasculinAge : 24Message(s) : 18
    Kamora
    le Lun 15 Déc 2014 - 18:46
    Merci beaucoup !
    FémininAge : 43Message(s) : 227

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Féhéla
    le Lun 15 Déc 2014 - 22:58
    Wouha ! Très classe ! J'aime beaucoup :love:
    FémininAge : 19Message(s) : 147
    Jacoon
    le Mar 16 Déc 2014 - 13:16
    merci, j'aime beaucoup ! ^^
    Contenu sponsorisé
    Aujourd'hui à 18:57

      La date/heure actuelle est Jeu 29 Sep 2016 - 18:57