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 :
Cdiscount : -30€ dès 300€ d’achat sur une sélection Apple
Voir le deal

    (Onyx) Demande de codage pour Pandora Kingdom

    сhampi
    сhampi
    FémininAge : 25Messages : 151

    Sam 25 Juin 2016 - 15:31

    Rappel du premier message :

    Ma demande



    Bonjour à vous !
    Tout d'abord, j'aimerais vous dire un très grand merci à vous qui lisez ces quelques lignes et d'être atterris sur ma demande c: ! J'ouvre ce sujet pour demandez votre aide avec plusieurs de mes camarades, nous avons pour projet d'ouvrir un nouveau forum. Nous avons déjà créer les boutons, les en-têtes, la PA etc, nous nous sommes occupés de tout les éléments du forum et il nous reste plus qu'un codeur. Pour vous aidez, nous avons également créer des schémas pour que vous puissiez vous rendre compte de nos attentes ! Je suis consciente qu'un codage de thème demande énormément de temps mais si vous vous proposez, ne vous inquiétez pas nous ne sommes pas presser et nous vous en sommes déjà très reconnaissantes d'avoir accepter de prendre notre commande ! Le forum n'est pas encore tout à fait au point, mais il y aura également une partie crédit où bien évidemment, nous inscriront le pseudo des codeurs qui nous ont aider, cela va sans dire parce que c'est bien la moindre des choses :DD ! J'espère que les personnes qui seront intéressés par la commande prendrait beaucoup du plaisir à la réaliser ^-^    


    Maquette(s) & Eléments
    Type de contenu : Thème complet
    Maquettes : Ce codage sera installé sur Pandora Kingdom: http://pandora-kingdom.forumactif.org/
    Schéma des catégories et PA: https://www.zupimages.net/up/16/25/ztyc.png
    Schéma pour le profil et message: https://www.zupimages.net/up/16/24/ak54.png
    Schéma des messages: https://2img.net/image.noelshack.com/fichiers/2016/24/1466344813-message.png
    QEEL: https://2img.net/image.noelshack.com/fichiers/2016/26/1467099332-d8d38c4276d134b131554feededa215b6c5bc6c90b14882d14-pimgpsh-fullsize-distr.png
    Informations : Les fleurs de différentes couleurs à côté des profils représentent les rang: Administratrices, Modérateurs etc. La petite phrase en dessous des avatars est un texte que nous seuls, administrateurs pouvons modifier (Il sert d'un petit rang personnalisé o/ !) Les trois ronds dans le schéma du profil sont les emplacements pour: Citer, Editer, Supprimer.
    Nous aimerons avoir des effets également ... Par exemple pour le profil, nous désirons qu'au passage de la souris sur l'avatar, les informations du profil s'affiche. Dans la PA "Navigation" Nous aimerons aussi avoir des effets de texte afin d'embellir cela. Dans "Staff" nous aimerons aussi qu'il y ait une ombre portée derrière chacun des images et lorsqu'on passe la souris dessus nous pouvons voir le pseudo des membres faisant parti du staff ainsi que leurs rangs, et un lien qui envoie vers leurs boite à MP. A la suite de la PA nous aimerons qu'il y ait une espace pour Partenariat (que nous sommes en train de le faire, nous éditerons le schéma une fois que cela fait) et d'autres effets mais nous vous laissons la liberté de mettre les effets que vous désirez ^-^ ! L'avatar doit faire 200*320 et en ce qui concerne la PA nous aimerons que celle-ci s'adapte à toutes les écrans quelque soit sa résolution. Le healer ainsi que les catégories doivent prendre toute la largeur du forum et doit aussi s'adapter aux écrans. Tout les éléments sur le schéma correspondent à peu près au taille attendu.
    Consignes ou impératifs :
    Les images a utilisées:
    Le Healer:
    https://2img.net/image.noelshack.com/fichiers/2016/25/1466845730-header.png

    Les rangs:
    https://2img.net/image.noelshack.com/fichiers/2016/24/1466329102-joker.png
    https://2img.net/image.noelshack.com/fichiers/2016/24/1466330815-guard.png
    https://2img.net/image.noelshack.com/fichiers/2016/24/1466330545-knight.png
    https://2img.net/image.noelshack.com/fichiers/2016/24/1466331131-ace.png
    https://2img.net/image.noelshack.com/fichiers/2016/24/1466340271-jack-1.png
    https://2img.net/image.noelshack.com/fichiers/2016/24/1466263664-rang.png

    No new / New / Lock:
    https://2img.net/image.noelshack.com/fichiers/2016/24/1466333308-lock.png
    https://2img.net/image.noelshack.com/fichiers/2016/24/1466333308-new.png
    https://2img.net/image.noelshack.com/fichiers/2016/24/1466333308-old.png

    En-têtes:
    https://2img.net/image.noelshack.com/fichiers/2016/25/1466845693-administration.png
    https://2img.net/image.noelshack.com/fichiers/2016/25/1466846108-anime.png
    https://2img.net/image.noelshack.com/fichiers/2016/25/1466846291-musee.png
    https://2img.net/image.noelshack.com/fichiers/2016/25/1466846532-commerciale.png
    https://2img.net/image.noelshack.com/fichiers/2016/25/1466846532-detente.png

    Image derrière les en-têtes:
    https://2img.net/image.noelshack.com/fichiers/2016/25/1466845708-haut-categorie.png

    Pour la PA:
    https://2img.net/image.noelshack.com/fichiers/2016/25/1466845693-contexte-1.png
    https://2img.net/image.noelshack.com/fichiers/2016/25/1466845702-staff.png
    https://2img.net/image.noelshack.com/fichiers/2016/25/1466845700-navigation.png
    https://2img.net/image.noelshack.com/fichiers/2016/25/1466845705-vote.png

    Fleur derrière le profil:
    https://www.zupimages.net/up/16/25/lrch.png

    Si vous avez besoin d'autres informations ou d'éléments du forum n'hésitez pas a demander !



    Dernière édition par Pinku le Mar 28 Juin 2016 - 12:53, édité 1 fois
    сhampi
    сhampi
    FémininAge : 25Messages : 151

    Sam 20 Aoû 2016 - 10:22

    Je pensais l'avoir envoyé mais tu ne l'as pas reçu, désolée ;__; Donc je t'ai envoyé un autre message en espérant que tu l'ais reçu c:
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Sam 20 Aoû 2016 - 21:57

    Salut!

    Le thème est installé ^^

    Je viens juste d'y penser, mais si les ronds roses du qeel correspondaient aux groupes, est-ce que tu va en avoir assez de 5 puisqu'il y a 9 groupes?



    сhampi
    сhampi
    FémininAge : 25Messages : 151

    Sam 20 Aoû 2016 - 22:12

    Merciiiii ! C'est tellement magnifiiiique ! Tu as fais un formidable travail Onyx, je ne sais pas comment te remercier T^T Tu y as consacré tellement de temps et nous te sommes très reconnaissantes, merci pour tout ce que tu as fais pour nous :'D !

    Oui c'est vrai ... On va encore devoir te déranger pour ça T__T' Oui si possible on aimerais bien avoir 9 ronds si cela est encore possible :DD

    Et je pense qu'on aurait besoin d'aide pour comprendre comment changer la PA, rajouter quelques petites choses dedans, comment changer le rang personnalisé en dessous des avatars etc, ça ne te dérange pas de nous l'expliquer ? =)
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Sam 20 Aoû 2016 - 23:13

    Salut!

    Je suis ravie que ça plaise ^^

    J'ai rajouté des ronds pour les groupes (Je les ai rapettissé pour les faire rentrer).

    Ce sujet devrait aider un peu pour les modif' :
    http://pandora-kingdom.forumactif.org/t69-quelques-infos-sur-le-nouveau-theme

    Sinon, dis-moi où tu ne sais pas modifier les trucs et je te l'expliquerai ^^




    Pour la petite phrase, j'avais dans la tête qu'il s'agissait du titre du rang, mais puisque que c'est apparemment pas ça, je l'ai rajouté comme champ dans le profil. Alors vous pouvez aller les modifier dans votre profil. C'est pareil pour l'icône derrière l'avatar,



    сhampi
    сhampi
    FémininAge : 25Messages : 151

    Dim 21 Aoû 2016 - 20:54

    Merci beaucoup pour les ronds ! :3 Comme toujours, tu as fais un formidable travail !

    Je pense que répondre à toutes mes questions te demanderais pas mal de temps alors je vais demander les plus essentiels si tu acceptes d'être à mon écoute, encore merci à toi d'être aussi attentionnée et à notre écoute, vraiment ;w; (Je sais que je suis chiante en vrai ..)

    Comme tous les forums il devrait arriver à un moment donner que nous changeons le thème, donc j'aimerais savoir sur plusieurs éléments pour pouvoir les modifier quand cela sera nécessaire c:

    Comme pouvons-nous changer les fleurs des profils (Pour les remplacer par une autre image par exemple), comment changer ces rubans ?: https://www.zupimages.net/up/16/28/eg9p.png et https://www.zupimages.net/up/16/28/1dfz.png et le qeel ?
    ainsi que le contour du profil ? Mes questions concernent surtout les images en fait 0: Parce que je pense qu'on devrait changer les tons des images pour les adapter à un nouveau thème ^^

    La CB est totalement finie ? Parce que je crois qu'il manque les avatars a afficher dedans c:

    Dans Tuto & Concours du PA c'est possible d'ajouter encore 2 ronds en plus en onglets ?

    Ensuite, j'ai une autre question mais bien plus intéressante o/ ~ Je voulais te demander si cela t'intéresserait de faire également partie du staff en tant que codeur vip ? Ce n'est pas grave si tu n'es pas actif, voir pas du tout en postant 0 messages ! C'est juste que nous voulons te remercier pour tout le temps que tu as consacré pour faire le squelette du forum, sans toi il n'aurait jamais été aussi beau et ce n'est que grâce à ton travail qu'il est devenu aussi magnifique ! Alors, en plus des crédits, nous te proposons de nous rejoindre si jamais cela t'intéresse nous t'accueillons les bras grands ouverts :') ! Tout le monde t'est très reconnaissantes et c'est pour cela que nous te fessons cette proposition bien sur, tu es tout à fait en droit de refuser nous t'imposons absolument rien :DD ! Encore un très grand merci de nous êtes venues en aide, et je suis navrée de t'avoir autant déranger pendant tout ce temps ^-^' Tu as vraiment été gentille avec moi depuis le début alors je voulais te remercier comme il se doit ... :ange:
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Lun 22 Aoû 2016 - 6:45

    Salut!




    Les fleurs

    Il faut aller dans :
    > Panneau d'administration
    > > Module
    > > > HTML et Javascript
    > > > > Gestion des codes javascript

    Le code des fleurs du profil se trouvent dans le javascript "Association des fleurs derrières les profils avec les groupes".

    La manière dont le javascript fonctionne, c'est qu'il regarde la couleur du pseudo et la compare avec les couleurs des groupes. Lorsqu'il trouve le groupe auquel appartien le pseudo, il va voir l'image de fleur qui va avec le groupe et il l'ajoute en babkground-image derrière le profil.

    Donc dans le javascript, il y a 2 seuls parties que tu auraient besoin de modifier. La première, c'est le "Couleurs des groupes" :
    Code:
      /*Couleurs des groupes*/
      var groupcolor = [
      'rgb(125, 14, 142)', /*Fondatrices*/
      'rgb(169, 1, 1)', /*Administrateurs*/
      'rgb(236, 137, 195)', /*Modérateurs*/
      'rgb(111, 213, 113)', /*Codeurs*/
      'rgb(0, 107, 177)', /*Noteurs*/
      'rgb(255, 156, 0)', /*Animateurs*/
      'rgb(230, 215, 76)', /*Membre du mois*/
      'rgb(147, 148, 153)', /*Membre*/
      ];

    Chaque ligne représente la couleur d'un groupe en format rgb. Alors tu te rends dans tes groupes, tu copies la couleur et tu va avoir un truc du genre "#F5C6D7" qui est le format hex. Tu va ensuite sur ce site, tu colles la couleur et cela va te donner le code en rgb.

    Alors disons justement que je voudrais rajouter un groupe qui a la couleur "#F5C6D7", j'obtiendrais ceci :
    Code:
      /*Couleurs des groupes*/
      var groupcolor = [
      'rgb(125, 14, 142)', /*Fondatrices*/
      'rgb(169, 1, 1)', /*Administrateurs*/
      'rgb(236, 137, 195)', /*Modérateurs*/
      'rgb(111, 213, 113)', /*Codeurs*/
      'rgb(0, 107, 177)', /*Noteurs*/
      'rgb(255, 156, 0)', /*Animateurs*/
      'rgb(230, 215, 76)', /*Membre du mois*/
      'rgb(147, 148, 153)', /*Membre*/
      'rgb(245, 198, 215)', /*Le nouveau groupe*/
      ];

    Puis, tu as la partie "Fleurs" qui contient les images de fleurs. Cela ressemble à ceci :
    Code:
      /*Fleurs*/
      var rangfleur = [
      'http://www.zupimages.net/up/16/28/rafe.png', /*Fondatrices*/
      'http://www.zupimages.net/up/16/31/309w.png', /*Administrateurs*/
      'http://www.zupimages.net/up/16/25/lrch.png', /*Modérateurs*/
      'http://www.zupimages.net/up/16/28/yyhf.png', /*Codeurs*/
      'http://www.zupimages.net/up/16/28/pldr.png', /*Noteurs*/
      'http://www.zupimages.net/up/16/28/jr4s.png', /*Animateurs*/
      'http://www.zupimages.net/up/16/31/qlfk.png', /*Membre du mois*/
      'http://www.zupimages.net/up/16/31/duuc.png', /*Membre*/
      ];

    Tu remarqueras que le groupe "Fondatrices" et le 1er de la partie "Couleurs des groupes" et de "Fleurs". C'est SUPER IMPORTANT. Si tu as un groupe qui est le 3e de la partie groupe, il doit être le 3e de la partie fleur aussi. C'est comme ça que le javascript sait quelle fleur donner à quel groupe.

    Sinon, je pense que tu as deviné comment le modifier, si je devais rajouter une image, cela ressemblerait à ceci :
    Code:
      /*Fleurs*/
      var rangfleur = [
      'http://www.zupimages.net/up/16/28/rafe.png', /*Fondatrices*/
      'http://www.zupimages.net/up/16/31/309w.png', /*Administrateurs*/
      'http://www.zupimages.net/up/16/25/lrch.png', /*Modérateurs*/
      'http://www.zupimages.net/up/16/28/yyhf.png', /*Codeurs*/
      'http://www.zupimages.net/up/16/28/pldr.png', /*Noteurs*/
      'http://www.zupimages.net/up/16/28/jr4s.png', /*Animateurs*/
      'http://www.zupimages.net/up/16/31/qlfk.png', /*Membre du mois*/
      'http://www.zupimages.net/up/16/31/duuc.png', /*Membre*/
      'url de la nouvelle image', /*Le nouveau groupe*/
      ];

    Bref, c'est comme ça que tu peux le modifier. Et je te conseille de faire du copier/coller quand tu essaies de modifier des choses parce qu'il suffit d'oublier un guillemet ou une virgule pour que cela arrête de fonctionner. Je te conseilles aussi d'enregistrer le code dans un bloc-note ou quelque chose sur ton ordi, comme ça tu auras le code original au cas où tu fais une bêtise ^^




    Les rubans et le Qeel

    J'ai découpé les rubans à ma manière parce que c'était plutôt difficile à arranger comme il faut. Entre autre, garder un espace vide autour de l'image n'est pas une bonne idée en codage, cela prend de la place pour rien et complique les choses. J'ai fait la même chose pour le qeel (même après t'avoir demandé de découper des parties, j'en ai redécoupé d'autres en plus).

    Bref, les rubans découpés et les parties du qeel se trouvent dans le fichier d'images que j'ai envoyé à Liminki. Chaque image a un nom particulier comme ".mess_title_right" qui est le bout de droite du ruban de titre pour les messages.

    Pour le modifier, tu te rends dans le CSS et tu retrouves la class ".mess_title_right". Tu arriveras à cela :
    Code:
    /*Bout de droite du ruban*/
    .mess_title_right {
      position: absolute;
      top: 0px;
      right: -14px;
      width: 14px;
      height: 100%;
      background-image: url('http://img11.hostingpics.net/pics/830780Droite2.png');
      background-repeat: no-repeat;
      background-size: 100% 100%;
    }

    Pour remplacer l'image, tu remplaces le "https://2img.net/r/hpimg11/pics/830780Droite2.png" dans le background-image par le lien de la nouvelle image.

    C'est pareil pour la majorité des images.

    Important : Les images devraient avoir la même taille. Sinon, cela risque de causer des problèmes de positionnement. Si un nouveau thème te cause d'avoir des images de différentes tailles, je te conseilles d'aller dans "personnalisations", quelqu'un devrait pouvoir adapter le codage aux nouvelles images.

    Sinon, j'ai envoyé les images à Liminki en choisissant un nom au hasard et je savais pas trop tu étais qui (vous êtes tous fondatrices alors je m'étais dit que ça ne dérangeait pas), mais je peux te l'envoyer directement aussi. Tu es qui, Alice? Amétrine? Shaden?




    La CB : Les avatars sont là quand on parle, mais pas dans la partie de gauche. Et juste quand on parle. C'est tout ce que FA nous permet comme option pour mettre les avatars dans la CB.




    Tutos et concours : C'est fait !




    Faire partie du staff : C'est gentil, mais ça ne m'intéresse pas vraiment. Ce n'est pas que ça n'a pas l'air d'un chouette forum, mais je n'y ai pas d'attachement particulier. Et s'il fallait que je sois impliqué (même légèrement) dans tous les forums auquels je fais des thèmes/demandes, ça serait intenable. Je suis déjà nettement assez occupée sur NU. Merci quand même de l'offre ^^



    сhampi
    сhampi
    FémininAge : 25Messages : 151

    Lun 22 Aoû 2016 - 22:51

    Ouah merci beaucoup pour toutes les explications ! J'ai à peu près compris le fonctionnement, tout est très bien expliquer ! Merci d'avoir pris le temps de me répondre, cela ne te dérange pas que je reporte tes réponses sur le sujet que tu as crée sur le forum au cas ou nous aurons besoin de les consulter ? ^^
    Après oui j'espère ne pas faire de bêtise donc je vais copier le code sur un bloc-note avant de valider ! Et si c'est trop compliquer je pourrais effectivement passer par Personnalisation c'est une très bonne idée !
    Pour ce qui est de mon pseudo sur le forum je suis Alice dessus =)

    Merci beaucoup pour les Tutoriels ! c:

    Ce n'est pas un soucis pour la proposition, je comprends parfaitement ou tu veux en venir :DD Sache que tu seras toujours la bienvenue sur le forum nous t'accueillons les bras ouverts et prendrons bien soin de ton travail ^^

    J'aimerais aussi te demander si c'était possible d'ajouter un bouton MP quelque part ? Parce qu'on ne peut pas contacter de membre par MP sinon O:

    En dessous de l'icon dans le profil pourrais-tu ajouter: https://i.imgur.com/XRokJ4G.png et https://i.imgur.com/ceFZ94v.png

    Et je voulais aussi savoir comment faire pour créer d'autres cases a remplir dans le profil en dessous de l'icon, sans déformer le codage ? Parce que quand je veux créer un champ de texte "Qui es-tu ?" ça bug le codage du profil >.<"
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mar 23 Aoû 2016 - 1:07

    Salut!

    J'avais déjà ajouté les explications dans le sujet, mais oui tu es libre d'en faire ce que tu veux.

    Les boutons pour le profil et pour MP sont ajoutés.

    Pour créer un nouveau champ, tu le crée comme d'habitude. Ce que tu ne dois absolument pas faire, c'est le mettre en dessous du rang personnalisé et/ou de l'icône. Ces champs sont respectivement le dernier et l'avant dernier et doivent rester dans leur position. Tous les champs (autre que le rang personnalisé et l'icône) se mettent automatiquement sous l'icône, alors tu n'as pas besoin de modifier l'ordre pour ça.

    C'est le seul bug que je pense qu'il pourrait y avoir, parce que j'ai créer le champ que tu parlais et cela fonctionne bien. (D'ailleurs, j'ai vu que tu l'as déjà rempli XD).

    Je t'envoies le fichier d'images tout à l'heure !



    сhampi
    сhampi
    FémininAge : 25Messages : 151

    Sam 27 Aoû 2016 - 21:29

    Merci pour ton autorisation c: !

    D'accord merci beaucoup pour ta réponse Onyx ! Pour ajouter des onglets dans le QEEL et Tuto & Concours dans la PA est-ce que tu peux expliquer comment ajouter des onglets au cas ou y en aura besoin ?
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Sam 27 Aoû 2016 - 22:34

    Salut !

    J'ai mis les explications ici :
    http://pandora-kingdom.forumactif.org/t69-quelques-infos-sur-le-nouveau-theme#108



    сhampi
    сhampi
    FémininAge : 25Messages : 151

    Mar 30 Aoû 2016 - 9:46

    Coucou !

    Merci beaucoup ^^ ! Je pense que je n'ai plus de question ... Mais j'aimerais te demander un autre petit service: Est-ce possible que les barres dans les descriptions du forum soit invisible ? De-même sur la QEEL. Very Happy
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mer 31 Aoû 2016 - 20:22

    C'est fait !



    сhampi
    сhampi
    FémininAge : 25Messages : 151

    Mer 7 Sep 2016 - 15:19

    Merci pour tout ton investissement Onyx !
    Tu nous a beaucoup aidés dans la création de Pandora Kingdom et nous te remercions du fond du coeur, merci d'avoir consacré autant de temps a coder le forum et nous te sommes toutes très reconnaissantes ^^ ! Le forum est vraiment magnifique, comme on le désirait ! Nous allons prendre très soin de ton travail en espérant que tu passeras de temps en temps la bas sur le forum que tu as construis, j'espère que tu seras heureuse de le voir évoluer ! Encore merci pour tes efforts et d'avoir pris notre commande en charge, vraiment merci beaucoup pour tout Onyx !

    Une toute dernière chose, au cas ou on a un bug ou une perte de code, je voulais savoir quels sont les templates et les autres choses que tu as modifié ? Parce que je désire reporter ton travail sur un forum test, kayatest appartenant à Sakuya donc on aimerait aussi avoir notre propre forum-test si jamais on a besoin de modifier/récupérer un codage ^^

    Sinon la commande est bien terminée Very Happy !
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Jeu 15 Sep 2016 - 7:24

    Salut!

    Alors voilà, j'ai ajouté des instructions pour la création d'un forum-test :
    http://pandora-kingdom.forumactif.org/t69-quelques-infos-sur-le-nouveau-theme



    сhampi
    сhampi
    FémininAge : 25Messages : 151

    Jeu 15 Sep 2016 - 9:22

    Merci beaucoup encore Onyx : Very Happy !

    La commande est terminé, encore un grand merci pour ton aide ♡
    Contenu sponsorisé


      La date/heure actuelle est Jeu 2 Mai 2024 - 12:36