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.

-38%
Le deal à ne pas rater :
Ecran PC gaming 23,8″ – ACER KG241Y P3bip à 99,99€
99.99 € 159.99 €
Voir le deal

    (ZBOU) Page d'Accueil

    Insane paper-plane
    Insane paper-plane
    FémininAge : 28Messages : 140

    Lun 6 Oct 2014 - 3:16

    Ma demande



    Bonjour, Bonsoir ! ♥ Nous nous préparons à un changement de thème sur notre forum, et je me sentais créative, j'opte donc pour une PA unique pour mon forum ! Enfin, presque unique ! xD Je sais que je vais paraître exigeante, j'en suis désolée d'avance ! ;v; J'ai essayé d'adapter tout ça pour que ce soit clair et bien guidé, que le codeur puisse savoir ce qu'il doit faire !

    Schéma(s) et Eléments
    Schémas : https://i.imgur.com/u5Sf3bv.png
    Tailles des éléments : Largeur : 843 px
    Hauteur : 590 px (facultative)
    Effets voulus :

    Pour la navigation : Une transition progressive de 2s au passage du curseur dont le background changerait pour du #ffcad0c et l'écriture #6b000c ce qui serait sensé donné ceci : https://i.imgur.com/Zt7pCLd.png

    Pour le bloc contexte : J'aimerais une petite barre de défilement comme ceci : https://i.imgur.com/vVugkQp.png

    Pour le bloc partenaires : Je demande une transition progressive d'1s sur l'opacité de l'image. 50% à 100% Au passage du curseur.

    Les prédéfinis : Ce serait une rotation de l'image au passage du curseur, vitesse rapide (pas de demandes précises là dessus)

    Pour les nouveautés et les rps libres : Une transition progressive de 2s au passage du curseur sur les liens, de #fff60d à #ac3d00

    Pour les crédits : Une transition progressive de 2s au passage du curseur sur les liens, de #57c2b4 à #0f9180


    Ressources


    Le background de la PA : https://i.imgur.com/6Z6idT6.png

    Symbols pegi : https://i.imgur.com/YdqHtQI.png
    https://i.imgur.com/iy3YGCO.png
    https://i.imgur.com/PQ9edLy.png
    https://i.imgur.com/SpoBSjM.png
    https://i.imgur.com/CZLPzU3.png

    Icon staff : https://i.imgur.com/OM37S7F.png

    Icon prédéfinis : https://i.imgur.com/VZYXbYb.png

    Icon partenaires : https://i.imgur.com/CxzWoGC.png


    Autres précisions ?
    Puisque le haut et le bas de la PA sont ronds (si, si), je demanderais le code seul (ce qui fait que le rebord et rond, dans le genre) en plus du code de la PA (CSS - Templates) que je puisse moi-même installer ça sur la Qeel, les catégories, etc. Merci beaucoup !

    Merci d'avance au codeur-codeuse qui s'occupera de moi ! ♥ ;v;



    Dernière édition par Insane paper-plane le Mar 4 Nov 2014 - 23:26, édité 4 fois
    Insane paper-plane
    Insane paper-plane
    FémininAge : 28Messages : 140

    Mar 7 Oct 2014 - 17:22

    Petit Up ! ♥
    Insane paper-plane
    Insane paper-plane
    FémininAge : 28Messages : 140

    Jeu 9 Oct 2014 - 17:28

    Uuup ! ♥
    The_Psychocat
    The_Psychocat
    MasculinAge : 30Messages : 37

    Sam 11 Oct 2014 - 21:50

    Salut salut !

    Je vais essayer de m'y coller ! Par contre comme je débute, ça va probablement prendre du temps et avoir des problèmes, donc, ouais, hésite pas à prendre quelqu'un d'autre pour bosser sur ton truc, je fais ça plus pour m'entraîner qu'autre chose o/
    The_Psychocat
    The_Psychocat
    MasculinAge : 30Messages : 37

    Sam 11 Oct 2014 - 23:43

    Double-post !

    J'aurais besoin des polices, tailles et couleurs de chaque bloc de texte, s'il te plaît ! o/
    Insane paper-plane
    Insane paper-plane
    FémininAge : 28Messages : 140

    Dim 12 Oct 2014 - 1:46

    Coucou ! ♥

    Je vais laisser la demande ouverte dans ce cas, mais oui, si tu veux t'entrainer, nous verrons bien ! o/

    Je te donne les couleurs, tailles et la police

    __________________________________________________

    La police pour tout la PA est : Courrier new

    Navigation :
    taille : 144*25 (Toujours la largeur avant la hauteur)
    couleurs : #f85568 (Pour les effets tout a été spécifié.)

    Bloc contexte :
    taille : 292*249
    couleurs : fond #ffffff | barre défilement | le fond titre et le texte #57c2b4 | le titre #23231b

    Bloc coup de coeur :
    taille : 831*129
    couleurs : fond et titre #ffffff | fond titre #a2bd0b

    Espace pegi :
    taille : 264*65
    couleur : #ffffff

    Rp's libres et News :
    taille : 130*320
    couleurs : fond #ffffff | fond titre et texte #fff60d | titre #454300

    Staff :
    taille : 265*127
    couleurs : fond et titre #ffffff | fond titre #f85568

    Prédéfinis & crédits :
    taille : 265*127
    couleurs : fond #ffffff | titre #23231b | fond titre & texte #57c2b4
    The_Psychocat
    The_Psychocat
    MasculinAge : 30Messages : 37

    Dim 12 Oct 2014 - 1:50

    En fait j'avais surtout besoin des tailles des POLICES, pour les boîtes j'avais toshop, c'est fiddly mais ça marche 8D
    Insane paper-plane
    Insane paper-plane
    FémininAge : 28Messages : 140

    Dim 12 Oct 2014 - 2:41

    Aaaaah, fallait préciser. ;v; (J'utilise toshop moi aussi x'D)

    Pour la navigation et le coup de coeur c'est 14px
    puis le reste c'est 11px


    Azzuen
    Azzuen
    FémininAge : 26Messages : 61

    Dim 12 Oct 2014 - 4:34

    Oh euh .... D: J'avais déjà commencé sa demande, j'ai presque tout terminé.... Je voulais juste pas poster du coup que j'y arrivais pas, faire de faux espoirs, tu vois? xD Ce serait grave si je la prend en charge à la place? Pour pas que on travaille tous les deux pour rien...
    The_Psychocat
    The_Psychocat
    MasculinAge : 30Messages : 37

    Dim 12 Oct 2014 - 14:47

    Bah, ce sera pas pour rien, en ce qui me concerne, ça me fait de l'entraînement.
    Donc vas-y, continue, je le fais dans mon coin de toute façon 8D
    Azzuen
    Azzuen
    FémininAge : 26Messages : 61

    Dim 12 Oct 2014 - 16:35

    Oh, :3 Parfait, alors! Et puis, si dans le malheur le plus profond j'y arrives pas tu l'aura fait :3
    Insane paper-plane
    Insane paper-plane
    FémininAge : 28Messages : 140

    Dim 12 Oct 2014 - 17:36

    Aahaha ! xDD

    Deux pour une commande, je suis si contente ! ;.; ♥
    Mes pauvres, prenez tout le temps qui vous plaira, moi je suis pas pressée et un gros merci à vous deux, vraiment ! ♥

    Si vous y arrivez pas, c'est pas grave, j'aurai qu'à rouvrir ma commande, alors, hein xD Et puis c'est déjà gros d'essayer ! ♥
    Azzuen
    Azzuen
    FémininAge : 26Messages : 61

    Dim 12 Oct 2014 - 17:45

    Ça fais plaisir! :3 D'ailleurs, je vais te donner immédiatement le code pour l'arrondi que tu voulais..

    Code:
    <div style="background-image: url('http://zupimages.net/up/14/41/hlu9.bmp');width:843px;height:600px;border-bottom-left-radius: 100px 10px;border-bottom-right-radius: 100px 10px;border-top-left-radius: 1000px 50px;border-top-right-radius: 1000px 50px;"></div>

    L'URL c'est pour l'image de background
    Le width c'est la largeur de ton image.
    Le height c'est la hauteur de ton image.

    Ce que ça donne:

    goar:
    The_Psychocat
    The_Psychocat
    MasculinAge : 30Messages : 37

    Dim 12 Oct 2014 - 18:25

    Ah ben c'est cool, parce que ça je savais pas faire, tu vois. J'ai appris un truc o/
    Azzuen
    Azzuen
    FémininAge : 26Messages : 61

    Dim 12 Oct 2014 - 18:54

    Han, cool o/ Au pire, vu que tu veux te pratiquer, j'ai quelque chose à te proposer. Puisque je fais moi aussi la commande, tu pourras me demander de l'aide si tu as un problème dans ton code ou tu sais pas comment faire. Du coup, je pourrai te léguer quelques connaissances '3'

    Insane: Si tu veux suivre l'avancement ou bien me dire des choses à corriger, voici où je fais ton codage : http://forumtestaz.forumpersos.com/ Et aussi, pour la barre qui défile dans le contexte, il faut que je la fasse ou elle va s'adapter de celle du forum? En gros, celle du forum est comme sur le croquis?
    Insane paper-plane
    Insane paper-plane
    FémininAge : 28Messages : 140

    Dim 12 Oct 2014 - 20:21

    Je crois que tu vas devoir la faire. ;v; J'veux pas trop t'en demander, mais les petites barres de défilement j'ai pas comme ça sur mon forum, mais si tu sais comment transformer toutes les barres du fow en petites comme ça, je suis pas contre ! *A* Je sais pas comment te remercier, ceci dit. Q_Q Genre des avatars, du graph ?

    (Merciiii pour le code ! ♥ Petite question, ça se met dans le template ? je suis pas sûre °A° Ou en css)

    Que je puisse le mettre dans la Qeel, les catégories, etc.

    Azzuen
    Azzuen
    FémininAge : 26Messages : 61

    Dim 12 Oct 2014 - 20:53

    Ça fais plaisir :3 T'en fais pas, pas besoin de me remercier tant! Même si un avatar serait pas de refus '^' Meheh, mais on est pas là pour ça ;CCCC

    -Je vais m'informer pour modifier toutes les barres de ton forum, ça devrait pas être si compliqué.
    -Tu pourrais me passer le lien de ton forum pour que je puisse mieux visualiser ce que tu aimerais avoir?
    -En fait euh... Tu as des connaissances en codage? Parce qu'il ne suffit pas de mettre le code à une place dans les templates, je crois. Je vais te revenir avec ça pour regarder où il faut mettre le tout :3
    Insane paper-plane
    Insane paper-plane
    FémininAge : 28Messages : 140

    Dim 12 Oct 2014 - 21:12

    Je sais bidouiller mais je suis pas des plus douées. 8D

    Mon forum test est ici > http://forum-test.keumforum.com/ (Les couleurs puent je sais, j'ai pas terminé xD)

    ce que j'aimerais c'est que tout le reste de mon forum suit le style de la PA concernant les rondeurs en dessous et au dessus ! \°v°/ Mais après c'est pas obligatoire.

    Et envoie moi des images pour l'avatar ! *v*
    Azzuen
    Azzuen
    FémininAge : 26Messages : 61

    Dim 12 Oct 2014 - 21:19

    Alors, pour les barres je t'ai fais ce code:

    Code:
    /* SCROLLBAR AZZUEN */

    ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #57C2B4;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;}
     
    ::-webkit-scrollbar-track {
        background-color: #FFFFFF;
      }
    /*END*/
    Tu dois le placer dans le CSS du forum.

    Pour les 'rondeurs', je vais aller fouiller encore un peu :3

    Pour les images, je vais te dessiner à la place mon personnage que j'utilise pour mes avatars, du coup ce sera mieux 8D Merci o/ :Ce sera correct si c'est un chat?:

    Mon avis sur le forum: Le thème est très prometteur o/ Cependant, je vais te donner un conseil. Débarrasse-toi du Qeel, il ne marche pas du tout avec le thème. Sinan le reste c'est cool pour l'instant :3

    EDIT: Passe-moi ton CSS S'il te plait, de ton fow test
    Insane paper-plane
    Insane paper-plane
    FémininAge : 28Messages : 140

    Dim 12 Oct 2014 - 22:36

    Merci pour ton avis ! \'v'/ mais je crois pas mettre ce thème en fait, trop flash à mon goût. Ce qui va pas trop avec mon forum, en gros. xD ce sera plus soft. Et pour la Qeel j'y avais pensé, mais... Mais j'ai pas de Qeel qui m'intéresse sur NU, enfin, je verrai ! o/ Merciii

    Merciii pour le code ! ♥ Et pas de problème pour l'avatar, c'est moi qui t'en dois une xD oui un chat ça me va !


    Dernière édition par Insane paper-plane le Mar 21 Oct 2014 - 6:13, édité 1 fois
    Azzuen
    Azzuen
    FémininAge : 26Messages : 61

    Dim 12 Oct 2014 - 23:39

    Ah? En gros, tu vas tout changer? J'ai hâte de voir '^' J'irai voir pour te donner mon avis, quand ce sera terminé. J'ai fais le dessin pour l'avatar o/ https://www.zupimages.net/up/14/41/5fik.png Nalà! Ce pourrait être 200x320? J'aimerais l'utiliser sur Forum-theme (Libre graph) 8D Merciii!

    Alooors, je vais tenter de te donner les codes pour modifier la forme de tes fonds. C'est pas certain que ça va marcher, hein. C'est difficile quand on peux pas tester avant D8

    Code:
    /* Fond */
    .fondsgénéraux {
      background-image: url("http://i.imgur.com/LhpIGCB.jpg");
      border-bottom-left-radius: 100px 10px;
      border-bottom-right-radius: 100px 10px;
      border-top-left-radius: 1000px 50px;
      border-top-right-radius: 1000px 50px;
      background-color: #dfdfdf;
      width: 800px;
      padding: 15px;
      color: #767676;
      border-left:1px solid #c8c9cb;
      border-right:1px solid #c8c9cb;
     
    }

    Avant d'enlever le code du forum au cas où il ne marche pas, je voudrai le voir après
    Insane paper-plane
    Insane paper-plane
    FémininAge : 28Messages : 140

    Lun 13 Oct 2014 - 0:14

    Le css fait rien, mais oh ! te prend pas la peine. Tu peux te concentrer sur la PA, c'est pas nécessaire les rondeurs là tout de suite XD même si y'en a pas moi je trouve ça beau sans donc c'est pas une priorité, je vais bidouiller moi de mon côté et travailler les couleurs, puis je verrai ! ♥ Un grand merci et je te fait ton avatar là. =v=

    (J'adore le dessin ! *Q*)

    EDIT : V'là ton avatar, dis moi si ça te convient ! ;3; https://i.imgur.com/Ye5FMOK.png
    Insane paper-plane
    Insane paper-plane
    FémininAge : 28Messages : 140

    Jeu 16 Oct 2014 - 7:18

    Loin de vouloir te presser Azu' ! Je ne viens pas ici pour te demander si la PA est terminée mais bien pour savoir si tu as vu l'avatar - et si tu l'apprécies - n'hésite surtout pas à me dire des commentaires, je peux toujours recommencer ! ♥
    Azzuen
    Azzuen
    FémininAge : 26Messages : 61

    Ven 17 Oct 2014 - 13:26

    Pardon, ça risque de prendre un peu plus de temps que prévu: J'ai réalisé que j'avais des problèmes de compatibilité sur d'autres navigateurs, je vais tenter d'arranger ça

    EDIT : OH J'avais oublié pardon '^' Je l'aime bien, mais je pense que tu aurais dû le faire plus foncé, l'ambiance et sans Azzuen ;C C'était mes critiques o/ Merci beaucoup pour le vava *w*
    Insane paper-plane
    Insane paper-plane
    FémininAge : 28Messages : 140

    Sam 18 Oct 2014 - 21:13

    Oh, d'accord, je le recommencerai ! *w* Et t'en fais pas pour la PA, t'as tout ton temps !
    Contenu sponsorisé


      La date/heure actuelle est Dim 24 Nov 2024 - 3:05