AccueilDernières imagesRechercherS'enregistrerConnexion

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.

Le Deal du moment : -50%
-50% Baskets Nike Dunk Low
Voir le deal
64.99 €

    (ONYX) Menu naviguation steampunk

    Dastan
    Dastan
    MasculinAge : 40Messages : 111

    Mar 10 Juin 2014 - 1:14

    Ma demande



    Bonjour, J'espère avoir posté ma demande au bon endroit. Je remercie d'avance la ou les personnes qui souhaiterons bien m'aider.

    Je souhaiterais faire un menu de navigation pour mon forum Steampunk. ce menu de navigation me pose problème puisqu'il nécessiterais une animation et un placement du menu différent.



    Schéma(s) et Eléments
    Schémas :
    l'idée de base : https://2img.net/r/hpimg15/pics/921867shema.png
    Zoom sur le menu : https://2img.net/r/hpimg15/pics/205111schema2.png

    Tailles des éléments :  le menu avec la montre en fond, surplombe en partie la Bannière... approximativement, ce serait du 300px x 300px. la bannière du forum faisant 929px × 528px
    Effets voulus : Je souhaiterais -si possible- qu'une aiguille circule sur les menus au survol de la souris.


    Ressources
    Fond du menu ; https://2img.net/r/hpimg4/pics/552644montre.png

    Autres précisions ?
    Si vous avez besoin de signaler autre chose ou d'indiquer un supplément d'information...


    Dernière édition par Dastan le Lun 23 Juin 2014 - 16:46, édité 1 fois
    Dastan
    Dastan
    MasculinAge : 40Messages : 111

    Sam 14 Juin 2014 - 19:39

    Up?
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Dim 22 Juin 2014 - 2:41

    Bouh!

    J'ai une petite idée de comment faire, mais j'aimerais bien voir les codes de ton template "overhall_header" et de ton CSS ainsi que le lien de ton site avant de commencer s'il te plaît Wink

    PS: Tu as une idée de la police que tu veux pour les liens de la navigation?
    Dastan
    Dastan
    MasculinAge : 40Messages : 111

    Dim 22 Juin 2014 - 17:12

    Merci pour ta réponse et ton aide ! : 3

    voici ce dont tu as besoin :
    - http://hetalia-steam-world.forumactif.org/ voici le lien du forum, mais le thème est en cours de changement et donc le futur thème se trouve sur ce forum-ci : http://wild-fantasy.forumactif.org/
    - pour la police nous aimerions partir sur du Trajan pro 3

    overhall_header :

    CSS:

    voilà, j'espère que tout est bon ^^
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Dim 22 Juin 2014 - 20:38

    Bouh!

    Est-ce que c'est correct ?
    http://forum-test-onyx2.forum-canada.com/
    Dastan
    Dastan
    MasculinAge : 40Messages : 111

    Dim 22 Juin 2014 - 21:11

    bonjour!

    oh ! ooooh c'est parfait, c'est vraiment ce que j’espérais c'est... wooow.!!

    Merci, un grand merci vraiment!
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Dim 22 Juin 2014 - 23:41

    Bouh !

    Comme une demande donne lieu à un LS, j'ai fait comme si j'en présentais un. Si jamais quelque chose ne marche pas, n'hésite pas à le dire tout de suite et j'essayerai de trouver le problème ^^


    Bouh !


    Voici un petit LS d'une barre de navigation en forme d'horloge qui a été fait pour la demande de Dastan.

    Pour l'aperçu, c'est juste ici : http://forum-test-onyx2.forum-canada.com/

    Ce code est en trois parties.
    • Tout d'abord, nous allons supprimer l'ancienne navigation et la remplacer par la notre dans le template "Overhall Header".
    • Ensuite, nous allons mettre notre navigation en forme en allant ajouter certains éléments dans le CSS.
    • Enfin, nous allons ajouter un petit javascript pour savoir qu'un nouveau message privé est arrivé dans notre messagerie. D'ailleurs, pour cette partie, je me suis servie de ce tuto : http://www.school-of-pub.net/t11850-fa-totalement-personnaliser-la-barre-de-nav.


    Pour voir le reste, il va falloir un petit merci ^^

    Mettre un crédit vers Never-Utopia est obligatoire si vous utilisez ce LS.
    Dastan
    Dastan
    MasculinAge : 40Messages : 111

    Lun 23 Juin 2014 - 13:26

    coucou!

    Je viens de tester le code et il fonctionne à la perfection! Merci encore pour ton aide!

    J'ai juste une petite question : sur l'image de fond de l'horloge, il y a déjà deux aiguilles. en plus de la troisième qui tourne. mes collègues souhaiteraient supprimer l'aiguille en trop sur l'image de background (une de celles qui bougent pas ) cela ne te dérange pas?

    Quand même, merci on aurait jamais put espérer mieux !
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Lun 23 Juin 2014 - 14:56

    Bouh !

    Cela ne me dérange pas du tout, je l'aurais fait moi-même si je n'avais pas été aussi nulle en graph u_u

    De rien et bonne continuation ~

    PS: N'oublie pas le crochet vert pour dire que c'est terminé ^^
    Dastan
    Dastan
    MasculinAge : 40Messages : 111

    Lun 23 Juin 2014 - 16:46

    D'accord merci !

    Bonne continuation !

    Terminééé ~
    Contenu sponsorisé


      La date/heure actuelle est Jeu 28 Mar 2024 - 19:16