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.

-21%
Le deal à ne pas rater :
LEGO® Icons 10329 Les Plantes Miniatures, Collection Botanique
39.59 € 49.99 €
Voir le deal

    (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
    zbou
    zbou
    FémininAge : 30Messages : 83

    Mar 4 Nov 2014 - 10:20

    Voilà o/ Faut que tu joue avec les margin pour les déplacer ^^

    Code:
    #predeImage{
    padding: 2px 1px 2px 1px;
      margin-right:20px;
      margin-top:2px;
      margin-bottom:3px;
    }

    #predImages1{
    padding: 2px 1px 2px 1px;
      margin-right:0px;
      margin-left:25px;
      margin-top:-10px;
    }

    Sinon tu veux enlever le fond blanc derrière ta PA? Si c'est a il y a un Tuto sur N-U pour ça > https://www.never-utopia.com/t46166-template-supprimer-le-fond-et-le-cadre-de-la-pa ^^
    Insane paper-plane
    Insane paper-plane
    FémininAge : 27Messages : 140

    Mar 4 Nov 2014 - 23:12

    Merci Zbou ! Tu es chic de m'aider comme ça ! ♥
    (Pour les margins je jouais dessus et ça faisait rien. ;v; T'es meilleure que moi là dedans...ahaha.)

    Je vais voir le tutorial ! ♥
    Contenu sponsorisé


      La date/heure actuelle est Ven 10 Mai 2024 - 19:19