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 à ne pas rater :
Bon plan achat en duo : 2ème robot cuiseur Moulinex Companion ...
600 €
Voir le deal

    [codage] Barre de navigation

    Apokalip'z
    Apokalip'z
    MasculinAge : 30Messages : 290

    Jeu 21 Mar 2013 - 0:11

    Rappel du premier message :

    Bonsoirs tout le monde,

    Je souhaiterais un codage pour une barre de navigation.


    Commande
    Elément à coder : Barre de navigation
    Adresse du forum : http://ft-destiny.forumactif.com/
    Description du résultat voulu : Je voudrais que la navigation soit comme une navigation en widget mais dans la bannière. Un petit screen pour montrer:
    Spoiler:
    Couleurs ou tons : ////
    Images : [liste et/ou tailles des images présentes dans l'élément, s'il y'en a (motifs de fond ou autres...)]
    Autres précisions : Je ne demande que les codes. merci d'avance^^



    Bonne soirée/nuit Wink


    Dernière édition par Apokalip'z le Mer 15 Mai 2013 - 18:27, édité 1 fois



    [codage] Barre de navigation - Page 2 1424818313-sign-apoka
    Apokalip'z
    Apokalip'z
    MasculinAge : 30Messages : 290

    Mar 14 Mai 2013 - 21:16

    Heu...c'est normal que les images soient en dehors du cadre du forum?



    [codage] Barre de navigation - Page 2 1424818313-sign-apoka
    Le Fou de Bassan
    Le Fou de Bassan
    MasculinAge : 32Messages : 284

    Mar 14 Mai 2013 - 21:26

    T'occupe pas de ça (: Ce que je veux savoir c'est si les images par rapport à la bannière te conviennent. J'adapterai le code ensuite pour que ça colle à ton forum.



    Apokalip'z
    Apokalip'z
    MasculinAge : 30Messages : 290

    Mer 15 Mai 2013 - 16:04

    bah oui du coup c'est bon. x)



    [codage] Barre de navigation - Page 2 1424818313-sign-apoka
    Le Fou de Bassan
    Le Fou de Bassan
    MasculinAge : 32Messages : 284

    Mer 15 Mai 2013 - 16:56

    Excellent !

    1| Le HTML

    Donc tout d'abord, ça commence par une petite modification du template overall_header :

    Tu cherches cette partie :

    Que tu remplaces par :


    (Autrement dit, tu supprimes le tableau pour qu'il ne reste que la barre de navigation et le div qui l'entoure.)

    Une fois que c'est fait, tu places le bout de code ainsi créé avant la balise "< / head >" de ton template. (Sans les espaces)

    C'est la partie la plus chiante, donc hésite pas à me prévenir si un truc déconne.

    2| Le CSS

    Dans la feuille de style de ton forum, tu copies colles ce code :



    C'est ajusté pour mon forum et j'ai fait une petite modification au feeling pour que ça se rapproche un petit peu plus du design de ton forum, mais quoi qu'il en soit, si tu as besoin de modifier le décalage de la barre pour qu'il s'adapte à la perfection à ton forum, change cette propriété et sa valeur :



    Pas compliqué : quand tu réduis le chiffre, ça décale vers la gauche, quand tu l'augmentes, ça décale vers la droite.

    Evite aussi de retirer les crédits, ils sont discrets puisque dans le CSS, donc laisse les (:

    Et je crois que j'ai rien oublié ! Pour les images en png, hésite surtout pas à prendre celles sur mon forum de test, vu qu'elles sont hébergées et tout.



    Apokalip'z
    Apokalip'z
    MasculinAge : 30Messages : 290

    Mer 15 Mai 2013 - 18:05

    Pour ce qui est des images, je les mets dans "Images et couleurs - Gestion des images"?

    Edit: c'est j'ai trouvé Wink


    Dernière édition par Apokalip'z le Mer 15 Mai 2013 - 18:18, édité 1 fois



    [codage] Barre de navigation - Page 2 1424818313-sign-apoka
    Le Fou de Bassan
    Le Fou de Bassan
    MasculinAge : 32Messages : 284

    Mer 15 Mai 2013 - 18:08

    Oui ! Tu replaces les images de base par les tiennes, et ensuite, tu vérifies dans "Affichage > En tête et Navigation" que le champ "Afficher seulement des images dans la barre des liens" est bien autorisé (si c'est pas fait tu coches "Oui" pour que le texte n'apparaisse pas).



    Apokalip'z
    Apokalip'z
    MasculinAge : 30Messages : 290

    Mer 15 Mai 2013 - 18:24

    C'est bon j'ai tout mis et c'est parfait.

    Je vais éditer mon premier message et dire que c'est terminé Wink

    Un GRAND MERCI à toi :)



    [codage] Barre de navigation - Page 2 1424818313-sign-apoka
    Le Fou de Bassan
    Le Fou de Bassan
    MasculinAge : 32Messages : 284

    Mer 15 Mai 2013 - 18:26

    Y'a pas de quoi, content d'avoir pu t'aider ^^



    Angelusia
    Angelusia
    FémininAge : 39Messages : 1159

    Mer 15 Mai 2013 - 19:49

    Merci bis le Sicaire Wink

    J'archive aussi cette commande ^^
    Contenu sponsorisé


      La date/heure actuelle est Dim 19 Mai 2024 - 23:57