AccueilFAQRechercherMembresGroupesS'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.


    [résolu](Koray Allister) Page d’accueil à onglets complexes

    Partagez
    avatar
    TenebreuseRP
    FémininAge : 18Messages : 200

    le Ven 21 Oct 2016 - 13:53

    Rappel du premier message :

    Ma demande



    Bonjour, voilà, c’est un codage de page d’accueil pour mon forum. Merci a celui qui prendra ma commande.

    Schéma(s) et Eléments
    Schémas : voilà ;
    Spoiler:

    Onglet 1

    Onglet 2

    Onglet 3

    Onglet 4
    Tailles des éléments : J’aimerai bien qu’il soit légèrement plus grand que la page d’accueil que j’ai actuellement. si c’était possible d’inter changer l’onglet « staff/chef de clan/ News/ règlement » avec celui « Partenaires/Top sites & Crédit », sa serai cool.
    Effets voulus : Alors, j’aimerai bien lié une URL pour chaque icones des membres du staff et des chefs de clan. Ensuite lié cette URL au bouton ;
    « races » : http://dancingdragon.forumactif.org/f4-races-jouable
    « Clans » : http://dancingdragon.forumactif.org/f3-clans
    « carte du monde » : http://dancingdragon.forumactif.org/t1-la-carte-du-monde
    « Règlement » : http://dancingdragon.forumactif.org/t31-le-reglement
    « FAQ » : http://dancingdragon.forumactif.org/f596-faq
    « Relation interclan » : http://dancingdragon.forumactif.org/t30-relation-interclan-et-news
    « Bibliothèque » : http://dancingdragon.forumactif.org/f621-blibliotheque
    « Absences » : http://dancingdragon.forumactif.org/f593-absences
    « Nouveautés » : http://dancingdragon.forumactif.org/f594-nouveautes-et-situations-rp-s
    « Demande Partenariats » : http://dancingdragon.forumactif.org/t38-demande-de-patenariat

    Ensuite, que quand l’on clique sur un des onglets en haut, ça le lève pour qu’on voit dans lequel on se trouve.

    Version de votre forum : PHPBB3


    Ressources
    voila :
    http://image.noelshack.com/fichiers/2016/42/1477050482-contexte.png
    http://image.noelshack.com/fichiers/2016/42/1477050482-bouton-taille.png
    http://image.noelshack.com/fichiers/2016/42/1477050483-deco-2.png
    http://image.noelshack.com/fichiers/2016/42/1477050482-deco.png
    http://image.noelshack.com/fichiers/2016/42/1477050486-deco3.png
    http://image.noelshack.com/fichiers/2016/42/1477050483-deco4.png
    http://image.noelshack.com/fichiers/2016/42/1477050483-deco5.png
    http://image.noelshack.com/fichiers/2016/42/1477050485-dragon-1.png
    http://image.noelshack.com/fichiers/2016/42/1477050486-fond-contexte.png
    http://image.noelshack.com/fichiers/2016/42/1477050488-fond.png
    http://image.noelshack.com/fichiers/2016/42/1477050484-morceau-url.png
    http://image.noelshack.com/fichiers/2016/42/1477050485-morceau.png


    Autres précisions ?
    Bha, merci à celui qui prendra cette commande encore une fois pas simple XD
    Adresse du forum : http://dancingdragon.forumactif.org/





    Dernière édition par TenebreuseRP le Sam 6 Jan 2018 - 13:59, édité 4 fois



    Spoiler:

    avatar
    TenebreuseRP
    FémininAge : 18Messages : 200

    le Sam 21 Oct 2017 - 16:34

    merci de quoi?
    enfin bref, oui, toujours d'actualité, j’attends une réponse de la responsable s’occupant de ma demande... Même si j'avoue commencer a désespérè en ce début de vacance.



    Spoiler:

    avatar
    TenebreuseRP
    FémininAge : 18Messages : 200

    le Jeu 26 Oct 2017 - 18:40

    up (toujours pas de réponse pour le mp envoyé a celle qui s’occupe de ma demande :'( )



    Spoiler:

    avatar
    Koray Allister
    MasculinAge : 22Messages : 70

    le Jeu 14 Déc 2017 - 15:14

    Toujours d'actualité ?
    Si c'est le cas, j'essaierai de m'en occuper dimanche ou lundi.



    Avatar par Aredx
    avatar
    TenebreuseRP
    FémininAge : 18Messages : 200

    le Sam 16 Déc 2017 - 20:14

    Oui, toujours d'actualité et pas de réponse de celle qui s'en occupait initialement...Merci de reprendre ma demande, je t'en suis très reconnaissante!



    Spoiler:

    avatar
    Koray Allister
    MasculinAge : 22Messages : 70

    le Dim 17 Déc 2017 - 5:33

    Okay, j'ai déjà une commande en cours donc ce sera surement pour lundi ou dans le courant de la semaine :)



    Avatar par Aredx
    avatar
    TenebreuseRP
    FémininAge : 18Messages : 200

    le Dim 17 Déc 2017 - 13:57

    pas de problème!



    Spoiler:

    avatar
    Koray Allister
    MasculinAge : 22Messages : 70

    le Dim 17 Déc 2017 - 23:51

    Salut,
    J'ai pas mal avancé sur ta page d'accueil, j'aimerai bien que tu me donne les polices d'écritures pour les textes :)
    avatar
    Koray Allister
    MasculinAge : 22Messages : 70

    le Lun 18 Déc 2017 - 2:49

    Okay j'ai terminé, il y a plus qu'à remplacer les textes, mettre tes images et l'intégrer à ton forum :)
    Envoie juste les polices d'écriture que tu souhaitent et si tu veux que je te mette directement tous les textes, tu peux me les donner maintenant.
    Je t'envoie les codes tout de suite histoire que tu vois un peu comment ça donne sur ton forum, j'ai essayé de respecter au mieux ce que tu souhaitais :)





    Si tu veux modifier un truc, hésite pas à me le dire :)
    avatar
    TenebreuseRP
    FémininAge : 18Messages : 200

    le Lun 18 Déc 2017 - 11:15

    Salut, quelle rapidité, merci :o
    pour les titres et entête, c'est en Harlow Solid Italic et les description sont en Vivaldi
    Par contre, je vois qu'il y a deux codes, peut tu m'expliquer comment l'installer s'il te plait?
    merci!


    Dernière édition par TenebreuseRP le Jeu 21 Déc 2017 - 21:51, édité 2 fois



    Spoiler:

    avatar
    Koray Allister
    MasculinAge : 22Messages : 70

    le Mar 19 Déc 2017 - 0:28

    Je ne peux pas installer tes deux polices d'écriture car elles ne sont pas libre de droit, tu dois les acheter avant de les utiliser sur ton site.
    Tu devrais trouver sur ce site plusieurs polices d'écriture libre de droit :)

    Sinon pour l'installation des deux codes dans mon précédent message, le premier est à mettre dans ta page d'administration, puis dans Affichage > Couleurs > Feuille de style CSS
    Le second est à coller dans Affichage > Page d'accueil > Généralités.

    En espérant que ça te plaise pour le moment, n'oublie pas de me donner tous les textes à mettre, ainsi que les images que tu veux que j'utilise pour les liens.



    Avatar par Aredx
    avatar
    TenebreuseRP
    FémininAge : 18Messages : 200

    le Jeu 21 Déc 2017 - 21:43

    Alors, (enfin en vac après les exams blanc, joie!) la police "Risque" est vachement belle pour les contenues et "Lobster" pour les titres et entêtes :)
    merci pour l’indication d'installation, ^^



    EDIT: je viens de tester, il y a un problème et sa vient du premier code. Avec, j’aie que la moitié de l’accueil affiché et sans les onglets et je ne vois pas le reste du forum qui ne s'affiche pas et sans, bha, j’aie rien de structuré (sans les images et tout du coup) mais au moins, je vois le forum :/
    Il y a une solution?



    Spoiler:

    avatar
    Koray Allister
    MasculinAge : 22Messages : 70

    le Mer 27 Déc 2017 - 16:38

    Tu as oublié d'ajouter le CSS dans ta page d'administration dans la partie Affichage > Couleurs > Feuille de style CSS, voici le code à mettre :


    Sinon pour les onglets, j'ai oublié de te donner le Javascript, je ferais ça demain.



    Avatar par Aredx
    avatar
    Koray Allister
    MasculinAge : 22Messages : 70

    le Jeu 28 Déc 2017 - 13:32

    J'ai fini :)
    Alors concernant l'installation, voici le code de la page d'accueil :


    Ensuite nous avons le CSS à installer dans ton panneau d'administration onglet Affichage>Images et Couleurs>Couleurs>Feuille de Style CSS :


    Ensuite, toujours dans le panneau d'administration, dans l'onglet Affichage>Template>Général tu modifie le template overall_header, tu place juste après les balises title :

    N'oublie pas ensuite d'enregistrer le template.

    Et enfin, le Javascript pour que les onglets marche à installer dans Modules > HTML & Javascript > Gestion des codes Javascript, tu crée un nouveau code JS avec le nom de ton choix, dans lequel tu colles ceci :


    Il faudra aussi bien t'assurer que le Javascript est installé sur ton forum, pour cela, je te reporte à cet article pour savoir comment faire.

    Normalement, tout devrait marcher correctement :)



    Avatar par Aredx
    avatar
    TenebreuseRP
    FémininAge : 18Messages : 200

    le Jeu 28 Déc 2017 - 22:20

    J’ai fait exactement ce que tu m'a dit mais j’aie toujours le même beug décrit plus haut dans mon message précédent :/
    j’ai laissé tel quelle pour que tu puisse voir.



    Spoiler:

    avatar
    Koray Allister
    MasculinAge : 22Messages : 70

    le Ven 29 Déc 2017 - 15:45

    Alors pour un des problème, il faut que tu remplace le CSS par celui-ci :


    On voit ce que ça donne, je pense qu'il restera un ou deux bugs d'affichage après mais on arrivera à les corriger rapidement, si ça peut te rassurer, je l'ai installée sur mon forum et elle marche très bien :)



    Avatar par Aredx
    avatar
    TenebreuseRP
    FémininAge : 18Messages : 200

    le Ven 29 Déc 2017 - 18:13

    Déjà, je voit le reste du forum maintenant mais par contre, j’aie pas les onglets :/
    mais merci déjà des première corrections.



    Spoiler:

    avatar
    Koray Allister
    MasculinAge : 22Messages : 70

    le Lun 1 Jan 2018 - 18:36

    As tu bien installé le code Javascript ?
    Est-ce que le Javascript est bien installé sur ton forum ? Suis cet article pour savoir comment faire :
    http://www.never-utopia.com/t36248-forumactif-javascript-et-jquery-les-bases-generales

    Je pense que les onglets ne fonctionnent pas à cause de ça.



    Avatar par Aredx
    avatar
    TenebreuseRP
    FémininAge : 18Messages : 200

    le Mar 2 Jan 2018 - 0:44

    Oui, je l'ai bien installez (je sais copier coller un code quand même...j'ai vérifié avec le tuto et j'avais bien tout bien mis) je l'ai même appelez "JS accueil"
    J'ai même essayer de l'appliqué "sur toutes les pages" mais ça change rien. Je peux prendre une capture d'écran si tu veux.

    Cela vient peut être encore du CSS? veut tu que je te passe mon code CSS en entier (par contre, il fait 997 lignes avec ton code, ça risque d’être long a vérifié)?



    Spoiler:

    avatar
    Koray Allister
    MasculinAge : 22Messages : 70

    le Mer 3 Jan 2018 - 14:41

    Revérifie ce que je t'ai mis sur l'installation du code Javascript, l'erreur vient de là, c'est sur et certain :).
    Si tu n'y arrive vraiment pas crée un compte Modérateur sur ton forum et donne moi les identifiants, je viendrais te l'installer, mais normalement tu as tout pour l'installer par toi-même :)

    As-tu bien coché la case : "Activer la gestion des codes Javascript" sur oui ?
    Souvent les erreurs les plus simples à corriger sont aussi lesp lus faciles à faire :



    Avatar par Aredx
    avatar
    TenebreuseRP
    FémininAge : 18Messages : 200

    le Mer 3 Jan 2018 - 18:54

    Ha bah oui, j'avais pas fait gaffe que le javascript était sur off ^^'
    du coup, maintenant ça marche, merci bcp du code et du temps que tu as passez dessus que ce soit le faire en soit même ou m'expliquer comment l'installer.

    cheers cheers cheers cheers cheers cheers cheers :bisou: :bisou: :bisou: :bisou: :friends: :friends: :yay: :yay:

    du coup, demande résolue!



    Spoiler:

    avatar
    Koray Allister
    MasculinAge : 22Messages : 70

    le Mer 3 Jan 2018 - 21:10

    Parfait, si t'as une question ou autre hesite pas :)



    Avatar par Aredx
    avatar
    TenebreuseRP
    FémininAge : 18Messages : 200

    le Ven 5 Jan 2018 - 15:59

    Par contre, normal que sa ne prennent pas en compte les retours a la lignes? (de plus, je viens de voir qu'il n'y a pas le scrolling sur les catégories) :/



    Spoiler:

    avatar
    Koray Allister
    MasculinAge : 22Messages : 70

    le Ven 5 Jan 2018 - 16:05

    Si par scrolling sous les catégories tu sous-entend le scrolling sur le règlement, tu peux ajouter ceci à ton css :


    Et concernant les retours à la ligne, il faut que tu ajoute là ou tu souhaite en avoir un.



    Avatar par Aredx
    avatar
    TenebreuseRP
    FémininAge : 18Messages : 200

    le Ven 5 Jan 2018 - 16:49

    Par scrolling, j’entends la barre qui descend et que j'ai fait apparaitre sur le schéma pour le contexte, les crédit, le règlement et les news
    oki pour les retours a la ligne, en gros, je met la balise dés qu'il y a un retour a la ligne?



    Spoiler:

    avatar
    TenebreuseRP
    FémininAge : 18Messages : 200

    le Sam 6 Jan 2018 - 13:59

    oki, j’aie compris les codage, remercie ^^



    Spoiler:

    Contenu sponsorisé


      La date/heure actuelle est Ven 23 Fév 2018 - 11:45