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 : -34%
Smartphone 6,67 POCO M6 Pro – Ecran 120 Hz ( ...
Voir le deal
152 €

    (ZBOU) Page d'Accueil

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

    Lun 6 Oct 2014 - 3:16

    Rappel du premier message :

    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 : 27Messages : 140

    Lun 20 Oct 2014 - 4:44

    Là ! J'espère que ce sera mieux !

    J'essaie d'être originale, mais j'avoue qu'avec cette image y'a pas grand chose qui me vient à l'esprit.

    éwè

    https://i.imgur.com/FvVVZth.png
    Azzuen
    Azzuen
    FémininAge : 25Messages : 61

    Lun 20 Oct 2014 - 23:29

    ..........Je viens de faire le plus gros fail de ma vie... J'ai effacé mon forum test contenant ta P.A dedans X__________X Je suis vraiment désolée ._. Je pourrai pas continuer ton codage. Désolééééééééée pour t'avoir fait littéralement perdre ton temps ._.
    Insane paper-plane
    Insane paper-plane
    FémininAge : 27Messages : 140

    Mar 21 Oct 2014 - 6:09

    Oh bin, heh, c'est pas grave hein. évè Merci quand même ! Je vais rouvrir la demande. n_n
    zbou
    zbou
    FémininAge : 30Messages : 83

    Mer 22 Oct 2014 - 11:55

    Bonjour :)

    J'ai tenté quelque chose ^^ C'est pas tout à fait ce que tu voulais (j'ai encore du mal à tout bien aligner) mais j'espère que ça te plaira :)
    J'ai pas réussi à les mettre comme tu voulais les prédéfinis.

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

    Mer 22 Oct 2014 - 18:15

    Merci beaucoup pour ton essaie ! Ça se rapproche beaucoup de ce que j'ai souhaité à la base, oui, mais ça s'égare un peu, les rectangles ne sont pas alignés et malheureusement les prédéfinis non plus.

    Mais enfin, je vais quand même voir si quelqu'un peut apporter son aide pour toi, je dis un grand merci pour ton essaie, je sais que tu as travaillé fort pour tout faire ça et ça rend déjà bien ! ♥

    Tu es déjà bien bonne pour avoir fait ça ! :3 Je ne t'en demanderai pas plus ! Ce serait ingrat. Merci encore ! ♥

    (Libre à toi si tu veux continuer cela dit, je ne te rejette pas. xDD)

    Tu peux demander à Azzuen s'il veut te donner quelques conseils, il l'a déjà fait et c'était presque ça ! Manquait que quelques détails et tu les as complétés :B
    Insane paper-plane
    Insane paper-plane
    FémininAge : 27Messages : 140

    Ven 24 Oct 2014 - 22:28

    Petit Up !
    zbou
    zbou
    FémininAge : 30Messages : 83

    Sam 25 Oct 2014 - 11:27

    Ah mince j'avais pas vu ta réponse T.T

    Je comprends parfaitement que ça te convienne pas ^^

    Je vais aller demander à Azzuen des conseils et si j'arrive à bien la finir, je reviendrai vers toi :)

    Si quelqu'un passe, vous pouvez prendre la commande sans problème \o/
    Insane paper-plane
    Insane paper-plane
    FémininAge : 27Messages : 140

    Sam 25 Oct 2014 - 16:55

    Encore merci Zbou, je suis vraiment triste de devoir dire ça ! é_è
    Au pire ça te fera apprendre, tu t'amélioreras ! o/
    Insane paper-plane
    Insane paper-plane
    FémininAge : 27Messages : 140

    Mar 28 Oct 2014 - 0:15

    Petit UP ! ♥
    zbou
    zbou
    FémininAge : 30Messages : 83

    Mar 28 Oct 2014 - 9:25

    C'est encore moi x)

    Avec l'aide de Azzuen (encore merci !!) j'ai pu finir la PA !
    http://test-laxy.forumactif.org/

    J'espère qu'elle te plait, je peux faire des modif maintenant que j'ai compris mes erreurs ^^

    Bonne journée o/
    Insane paper-plane
    Insane paper-plane
    FémininAge : 27Messages : 140

    Mar 28 Oct 2014 - 17:24

    Oh, un gros merci Zbou ! Merci d'avoir persévéré ! ♥
    Ta PA est très jolie ! Une autre membre était en plein travail sur ma PA en même temps que toi et elle a presque fini, mais je crois que je mettrai vos deux noms sur le crédit de la PA, pour remercier les efforts que vous avez fournies toutes les deux Very Happy

    Pour l'instant je ne vais rien dire, mais lorsqu'elle aura terminé je comparerai les résultats. ;v;

    Encore un gros merci Zbou, ta PA est très, très jolie ! ♥

    PS : les seules erreurs reste l'alignement de tes crédits, la taille du bloc, et le bas de la pa, qui est trop long, si tu veux apporter des modifications. o/


    Dernière édition par Insane paper-plane le Mar 28 Oct 2014 - 23:11, édité 1 fois
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Mar 28 Oct 2014 - 20:46

    Salut !

    Ce serait bien d'éviter de faire travailler plusieurs personnes sur la même chose par contre... Enfin tu remercies les deux c'est bien, hein, mais au final le crédit doit aller à la personne dont tu prends le code. Ce que je veux dire c'est que je ne trouve pas ça très correct de mettre deux personnes en concurrence, même si elles le savent pas. Enfin moi personnellement si je sais que quelqu'un bosse sur une demande je vais pas travailler sur la même, mieux vaut essayer de rendre service à une personne qui n'a encore rien eu x). Enfin tu vois Wink



    sign
    Insane paper-plane
    Insane paper-plane
    FémininAge : 27Messages : 140

    Mar 28 Oct 2014 - 20:53

    Oh, oui c'est sûr ! Le problème c'est que j'ai pas su moi-même qu'il y avait deux personnes qui bossaient pour ma PA, en fait elles sont venues me voir dans le même temps ! Une m'a parlé par MP et bien Zbou vient de terminer la sienne ! Et Kyoline (qui discute par MP avec moi) pensait travailler son codage en réalisant ma PA, donc en gros elle le fait aussi pour apprendre et j'voulais pas interrompre son travail. n_n' Désolée !

    C'était pas mon intention. évè
    You.Fool
    You.Fool
    FémininAge : 27Messages : 39

    Mar 28 Oct 2014 - 22:37

    Coucou ! Puisque ça me concerne un peu j'interviens pour m'expliquer :innocent:

    Effectivement j'ai contacté Insane par MP parce que je ne voulais pas bloquer la commande alors que quelqu'un s'en serais tiré bien mieux que moi. Je l'ai juste informée que je travaillais dessus et que c'était surtout un exercice. C'est donc pour ça qu'elle n'a pas indiqué que je travaillais dessus. Finalement, je m'en tirais bien mieux que prévu en fait... Je ne pensais pas non plus que Zbou persévérerait comme ça ^^ Génial ton travail en passant Wink Du coup l'idée c'était : si j'y arrive c'est cool et si personne ne s'en charge entre temps la PA sera faite quand même, par contre, si quelqu'un la prend -puisqu'il informe dans tout les cas quand c'est une prise de commande sérieuse- et la fini avant c'était pas un soucis puisque moi ça me dérange pas du tout d'avoir travaillé là-dessus.
    Du coup Insane tu peux continuer avec Zbou qui s'en tire super bien finalement, je suis encore loin de parvenir à faire les pitits rond des prédéfinis ^^
    Voilà, voilà, en espérant que ce soit plus clair sur le fait qu'Insane n'y est pour rien ^^

    Désolée pour le malentendu !



    (ZBOU) Page d'Accueil - Page 2 13343822960016881004792253408610n
    Insane paper-plane
    Insane paper-plane
    FémininAge : 27Messages : 140

    Mar 28 Oct 2014 - 23:10

    C'est pas ta faute Kyoline éè la seule fautive possible serait moi. xD
    Neva
    Neva
    FémininAge : 32Messages : 18565

    Ven 31 Oct 2014 - 21:38

    Du moment que c'est réglé, tout va bien !
    Kyoline, si tu as besoin d'aide sur quoi que ce soit, hésite pas à poster là : https://www.never-utopia.com/f177-avec-votre-code . Même si c'est pas pour un code qui sera effectivement utilisé, les gens seront contents de t'aider dans ton apprentissage :)

    Insane, du coup, tu attends le code de Zbou, c'est bien ça ? :)



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

    Ven 31 Oct 2014 - 21:51

    Oui ! Very Happy
    zbou
    zbou
    FémininAge : 30Messages : 83

    Dim 2 Nov 2014 - 12:47

    Ah désolée j'étais un peu surbookée là ><

    Alors voilà les modif faites ^^ http://test-laxy.forumactif.org/

    ca te convient?
    Insane paper-plane
    Insane paper-plane
    FémininAge : 27Messages : 140

    Dim 2 Nov 2014 - 17:00

    C'est très beau ! ♥ Beaucoup mieux que les versions précédentes en tout cas, même si de base c'était déjà bien ! Merci d'avoir apporté les modifications, je me sens mal de t'avoir autant fait travaillé ! é_è

    Sauf qu'il y aurait une toute dernière chose, si ça ne te dérange pas (j'suis désolée d'être aussi sévère ;_Wink
    de remonter un brin le bloc synopsis pour qu'il soit enligné au bloc Pegi en bas. Et d'enligner le bloc coloré titre du synopsis à son bloc description. Tu vois qu'il est trop petit comparé à la description. Tout ça si possible.

    Les rectangles de navigation sont trop petits, ils ne sont pas enlignés au synopsis (c'est pour ça que le fond titre est un peu trop petit et que les espaces qui séparent la navigation aux autres blocs est trop grande), la bonne grosseur est de 144*25

    Je serais ravie si tu acceptais mes modifications, mais encore là tu n'y es pas obligée. Je vais remercier tous tes posts pour te donner de la réputation et en même temps, t'encourager. Very Happy

    Un gros merci ♥

    EDIT : Une petite question, les titres, je vais pouvoir changer leur couleur séparément ? °° Ou si je change la couleur, ils vont tous avoir la même couleur ?
    zbou
    zbou
    FémininAge : 30Messages : 83

    Dim 2 Nov 2014 - 17:28

    http://test-laxy.forumactif.org/

    Ca me dérange pas ^^ Pour les boutons navigations, ils sont déjà en 144*25, tu veux que je les agrandisse?

    Toutes les couleurs sont modifiables indépendamment ^^ Même les couleurs des textes si tu veux ^^
    Insane paper-plane
    Insane paper-plane
    FémininAge : 27Messages : 140

    Dim 2 Nov 2014 - 17:50

    Ah ! Pour la navigation... Naaah :B T'en as assez fait comme ça. J'vais me débrouiller pour la suite ! ♥
    Là, la PA est bien, t'as fais du bon boulot. et... Surtout t'as été patiente ! ** Merci, vraiment !

    J'suis prête à prendre les codes et j'vais aller mettre ton nom dans mes crédits de forum ! *-* Vraiment, bon boulot ! ♥
    zbou
    zbou
    FémininAge : 30Messages : 83

    Dim 2 Nov 2014 - 18:18

    ben de rien ! Ça m'a bien entraîné !

    Alors les codes :
    Insane paper-plane
    Insane paper-plane
    FémininAge : 27Messages : 140

    Dim 2 Nov 2014 - 18:59

    merci !! ♥
    zbou
    zbou
    FémininAge : 30Messages : 83

    Dim 2 Nov 2014 - 19:10

    De rien :)

    Oublie pas de mettre le resolu ^^
    Insane paper-plane
    Insane paper-plane
    FémininAge : 27Messages : 140

    Lun 3 Nov 2014 - 4:06

    Coucou Zbou ! J'ai installé la PA
    cependant j'ai un problème. Quand j'ai voulu diminuer la largeur du bloc prédefs (parce que c'était trop grand pour le forum) eh bien j'ai déformé les icons. Et je peine à les replacer comme avant.

    peux-tu m'aider ?

    Le width bloc est de 252px

    le css
    Code:
    /*Bloc prédefs*/
    .predefinisBox{
    width:252px;
    height:127px;

    .predefinis{
    margin-left:-6px;
    margin-right:3px;

    background:#ffffff;
    color: #57c2b4;
    text-align:center;
    font-size:11px;

    }

    .predefinisTitre{
    margin-top:-6px;
    margin-left:-5px;
    margin-right:3px;
    background: #57c2b4;
    height:32px;
    color:#ffffff;
    text-align:center;
    padding: 1px 0px 1px 0px;
    }

    #predefimage:hover, #predefimage1:hover{
    -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
          -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
      }

    #predefimage{
    padding: 1px 1px 1px 1px;
      margin-right:25px;
      margin-top:-4px;
      -moz-transition-duration: 1s;
          -moz-transition-timing-function: linear;
          -webkit-transition-duration: 1s;
          -webkit-transition-timing-function: linear;
          transition-duration: 1s;
          transition-timing-function: linear;
    }

    #predefimage1{
    padding: 1px 1px 1px 1px;
      margin-right:0px;
      margin-left:35px;
      margin-top:-7px;
      -moz-transition-duration: 1s;
          -moz-transition-timing-function: linear;
          -webkit-transition-duration: 1s;
          -webkit-transition-timing-function: linear;
          transition-duration: 1s;
          transition-timing-function: linear;
    }

    et je voudrais savoir comment coller le fond de la PA au rebord du forum, sans espace blanc sur chaque côté. (facultatif)
    Contenu sponsorisé


      La date/heure actuelle est Ven 19 Avr 2024 - 18:23