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.

-45%
Le deal à ne pas rater :
WHIRLPOOL OWFC3C26X – Lave-vaisselle pose libre 14 couverts – ...
339 € 622 €
Voir le deal

    (Koray Allister) Fiche présentation en 2 partie

    FROSTendoloris
    FROSTendoloris
    FémininAge : 30Messages : 206

    Lun 18 Déc 2017 - 11:28

    Fiche de présentation en 2 parties



    Eh coucou vous ! Bon, me revoilà pour une petite demande de fiche de présentation ! Merci d'avance à celui ou celle qui s'en occupera ♥


    Schéma(s) et Eléments


    Schémas :
    Vue d'ensemble de la première fiche :
    (Koray Allister) Fiche présentation en 2 partie Ns6l

    Première fiche au passage de la souris :
    (Koray Allister) Fiche présentation en 2 partie Svfz

    Deuxième partie de la fiche :
    (Koray Allister) Fiche présentation en 2 partie W893

    Explications :
    (Koray Allister) Fiche présentation en 2 partie Wc0e

    (Koray Allister) Fiche présentation en 2 partie Lcxs


    Tailles des éléments :

    Première fiche :
    Image de l'en tête ; Largeur max : 500 px
    Largeur de la fiche : 500 px
    Hauteur de la fiche : environ 730px (adapter si besoin)

    Deuxième fiche :
    Image de l'en tête ; Largeur max : 500 px
    Largeur de la fiche : 500 px
    Hauteur de la fiche : Environ 900 px (à adapter si besoin)


    Effets voulus : Transition sur le haut de la première fiche : apparition des éléments cachés en transparence : 2s
    L'Icone "derrière l'écran" devient grise au passage de la souris
    Les texte d'éclaircissent au passage de la souris
    Version de votre forum : PHPBB2


    Ressources




    (Koray Allister) Fiche présentation en 2 partie Enyn

    (Koray Allister) Fiche présentation en 2 partie Z1qh

    (Koray Allister) Fiche présentation en 2 partie Ht0a
    ↑ [125 x 125]

    Fond des fiche : #2E2B2B
    Couleur des titres & mots surlignés derrière l'écran : #AD8245
    Couleur des textes : #464646
    Couleur des blocs texte (fond) : #161616
    Police titres : Google font " Calligraffitti "



    Autres précisions ?


    Les crédits seront publiés dans le forum dans un topic ouvert et visible par tout le monde. Une place est réservé à votre pseudo sur le bas des fiches, j'y tiens ♥



    Dernière édition par FROSTendoloris le Jeu 21 Déc 2017 - 22:30, édité 1 fois



    (Koray Allister) Fiche présentation en 2 partie 3oov
    Koray Allister
    Koray Allister
    MasculinAge : 28Messages : 71

    Mar 19 Déc 2017 - 16:51

    Je m'en occupe :)
    Je pense par contre que concernant les détails qui doivent apparaître en transparence sera sans doute un peu différent car tu ne peux pas afficher des éléments opaque alors qu'ils sont placés dans un contenu en transparence.
    Enfin si mais ça va être un peu compliqué à faire, j'essaierai quand même :)
    FROSTendoloris
    FROSTendoloris
    FémininAge : 30Messages : 206

    Mar 19 Déc 2017 - 18:26

    Heyyy !
    Oh t'inquiète pas pour ces éléments, c'est pas grave si c'est pas comme sur la fiche, c'est déjà très sympa de ta part de me venir une fois de plus en aide Very Happy :aww:



    (Koray Allister) Fiche présentation en 2 partie 3oov
    Koray Allister
    Koray Allister
    MasculinAge : 28Messages : 71

    Mer 20 Déc 2017 - 14:23

    J'ai fini, j'ai réussi à obtenir le résultat escompté pour le survol du header :)

    Donc le CSS :


    La première fiche :


    Et la seconde :


    Voilà dis moi si ça te vas :)



    Avatar par Aredx
    FROSTendoloris
    FROSTendoloris
    FémininAge : 30Messages : 206

    Mer 20 Déc 2017 - 23:55

    Coucou ! C'est génial que tu ais pu garder l'estompage au survol Very Happy
    Elle est superbe !
    Par contre, j'ai un petit bug au niveau du header. L'image est décalée vers le bas, puis dans le bloc "derrière l'écran", il y a 2 scrollbar, c'est normal ?

    http://nemesis-tessera.forumactif.com/t2-modele-de-fiche-de-presentation#2



    (Koray Allister) Fiche présentation en 2 partie 3oov
    Koray Allister
    Koray Allister
    MasculinAge : 28Messages : 71

    Jeu 21 Déc 2017 - 2:53

    Yooo ! Je vais l'installer sur mon forum test histoire de voir ce que ça donne, je corrigerai ça sur FA directement demain :)



    Avatar par Aredx
    FROSTendoloris
    FROSTendoloris
    FémininAge : 30Messages : 206

    Jeu 21 Déc 2017 - 13:55

    D'accord, parfait, merci Very Happy



    (Koray Allister) Fiche présentation en 2 partie 3oov
    Koray Allister
    Koray Allister
    MasculinAge : 28Messages : 71

    Jeu 21 Déc 2017 - 14:28

    Ok, le truc c'est que quand tu colle le code tel-quel dans les messages, tous les caractères sont comptés comme une partie du message, donc un retour à la ligne par exemple sera transformé en un
    automatiquement, le truc, ce sera donc de faire un gros bloc compacte sans aucun retour à la ligne. comme ceci :


    La deuxième fiche :


    Le CSS corrigé :


    Et pour avoir ta police d'écriture, dans le template overall_header, tu ajoute dans entre les balises head au niveau des balises link :


    Normalement tout devrait être bon, c'est la première fois que je codais une fiche faîtes pour les messages donc j'ai complétement oublié que ça prenait les espaces et retours à la ligne de l'indentation du code en compte ^^.



    Avatar par Aredx
    FROSTendoloris
    FROSTendoloris
    FémininAge : 30Messages : 206

    Jeu 21 Déc 2017 - 16:30

    Eh bien je t'annonce que tout fonctionne à merveille :friends:
    Ça fait déjà 3 éléments que tu codes pour mon forum, c'est très sympa de ta part d'avoir prit le temps de me réaliser tout ça ! Tout est parfait et comme je le voulais !

    Merci beaucoup, beaucoup, beaucoup ! :lovebomb:



    (Koray Allister) Fiche présentation en 2 partie 3oov
    Contenu sponsorisé


      La date/heure actuelle est Sam 27 Avr 2024 - 0:58