AccueilFAQRechercherMembresGroupesS'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.


    Mise en forme complète du profil "upside down" (CSS)

    Partagez
    Okhmhaka
    FémininAge : 31Messages : 31718

    le Sam 24 Nov 2012 - 1:19

    Rappel du premier message :

    Salut salut x)
    (oui je suis motivé aujourd'hui Razz)

    Je vous propose avec ce tutoriel une mise en forme complète de votre profil (pseudo + cadre + avatar + profil) avec comme particularité principale un profil qui apparait en tournant. Un petite explication en image est surement préférable :

    Image 1
    Image 2
    Image 3

    Donc pour l'explication, votre profil apparait normalement comme dans l'image 1. Ensuite, lorsque vous survolez la petite image en dessous de l'avatar inscrite "profil", le cadre se tourne (image 2 = intermédiaire de mouvement) pour arriver dans le bon sens comme sur l'image 3.

    Plutôt sympa, nan ? x)

    Pour voir le contenu du tutoriel merci de poster un message à la suite.




    En cas d'utilisation de ces codes merci de mettre un crédit à Never-Utopia sur votre forum, même si vous personnalisez le code, la base a été écrite ici. Un petit crédit, ce n'est pas grand chose, et nous ne demandons que ça pour le partage de notre petit savoir x)


    Dernière édition par Sparrow-style le Lun 6 Mai 2013 - 11:37, édité 2 fois



    Zelena
    FémininAge : 29Messages : 52

    le Dim 13 Mar 2016 - 15:27

    Merci!
    Raela
    FémininAge : 21Messages : 45

    le Dim 13 Mar 2016 - 18:33

    Merci beaucoup pour le partage ! :hug:
    Black Chocolate
    MasculinAge : 27Messages : 44

    le Mar 15 Mar 2016 - 10:43

    Merci ! :)
    Lyana Taylor
    FémininAge : 20Messages : 67

    le Jeu 17 Mar 2016 - 14:46

    Merci



    younessdu91
    MasculinAge : 18Messages : 92

    le Sam 19 Mar 2016 - 21:11

    @Okhmhaka a écrit:Salut salut x)
    (oui je suis motivé aujourd'hui Razz)

    Je vous propose avec ce tutoriel une mise en forme complète de votre profil (pseudo + cadre + avatar + profil) avec comme particularité principale un profil qui apparait en tournant. Un petite explication en image est surement préférable :

    Image 1
    Image 2
    Image 3

    Donc pour l'explication, votre profil apparait normalement comme dans l'image 1. Ensuite, lorsque vous survolez la petite image en dessous de l'avatar inscrite "profil", le cadre se tourne (image 2 = intermédiaire de mouvement) pour arriver dans le bon sens comme sur l'image 3.

    Plutôt sympa, nan ? x)

    Pour voir le contenu du tutoriel merci de poster un message à la suite.





    Roween
    FémininAge : 23Messages : 5

    le Dim 20 Mar 2016 - 2:18

    Ça donne sincèrement envie ! Merci beaucoup !
    Coco-Lapin02
    MasculinAge : 48Messages : 147

    le Dim 20 Mar 2016 - 19:58

    Merci!
    Jull421
    FémininAge : 22Messages : 137

    le Ven 1 Avr 2016 - 6:32

    Merci ♥



    Cornelia
    FémininAge : 28Messages : 39

    le Sam 2 Avr 2016 - 1:02

    merci
    Unleash
    MasculinAge : 16Messages : 71

    le Mar 5 Avr 2016 - 20:05

    quelqu'un pourrait me dire comment je peux mettre le texte des infos de profil en gris et blanc et comment souligner les infos:

    car du coup les infos sont mises noir sur noir dans le bloc qui se retourne et on ne voit rien

    du coup j'aimerai mettre les infos comme: ''Pseudo:'' ''Date d'inscription:'' en gris et souligné et la réponse qui suit en blanc.

    Je ne sais pas coder je ne m'y connais pas du tout j'espère que quelqu'un saura m'aider... merci d'avance
    Ykhar
    FémininAge : 19Messages : 23

    le Mer 6 Avr 2016 - 0:37

    Merci ♥
    Manwin
    MasculinAge : 18Messages : 24

    le Ven 29 Avr 2016 - 13:45

    Merci :)
    GuillaumeBETA
    MasculinAge : 20Messages : 17

    le Sam 30 Avr 2016 - 2:22

    Merci !
    JodieCravery
    FémininAge : 22Messages : 42

    le Lun 2 Mai 2016 - 15:33

    Je poste principalement pour m'excuser car mon ancienne graphiste m'avait donné ce code sans me dire que ça venait d'ici. On me l'a signalé aujourd'hui, donc j'ai corrigé les crédits de mon forum.

    Toutes mes excuses .o.
    Jane Bingum
    FémininAge : 18Messages : 75

    le Dim 8 Mai 2016 - 10:11

    Merci!
    Argimpasa
    FémininAge : 25Messages : 67

    le Lun 9 Mai 2016 - 0:11

    Merci beaucoup Very Happy
    Xernea
    FémininAge : 21Messages : 5

    le Sam 14 Mai 2016 - 7:14

    Sympa
    mikalus
    MasculinAge : 45Messages : 92

    le Jeu 19 Mai 2016 - 16:20

    Super sympa, même !

    Merci!



    Bunny Lune
    FémininAge : 27Messages : 134

    le Jeu 19 Mai 2016 - 22:48

    Merci beaucoup pour le partage. Très beau profil.
    Discorde
    FémininAge : 19Messages : 50

    le Sam 21 Mai 2016 - 20:26

    Thanks !
    Nyroc
    MasculinAge : 14Messages : 51

    le Dim 22 Mai 2016 - 10:48

    merci ^^



    Calkrys
    FémininAge : 19Messages : 47

    le Dim 22 Mai 2016 - 16:14

    Merci, c'est top !
    coconut groove
    FémininAge : 29Messages : 81

    le Jeu 26 Mai 2016 - 23:06

    Merci beaucoup!!
    Faïryna
    FémininAge : 13Messages : 54

    le Sam 28 Mai 2016 - 12:00

    Merci!!! Very Happy
    Lay
    FémininAge : 15Messages : 10

    le Mer 1 Juin 2016 - 1:49

    Merci! (:
    Contenu sponsorisé

    Aujourd'hui à 19:11


      La date/heure actuelle est Jeu 8 Déc 2016 - 19:11