Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

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.


    Fiche de présentation - Steampunk et vieux livre

    Partagez
    FémininAge : 20Message(s) : 667

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    2/10  (2/10)
    Guilde des Architectes:
    6/10  (6/10)
    Shaneliae
    le Mar 19 Mai 2015 - 16:02
    Rappel du premier message :

    Fiche de présentation de style Steampunk à effet "livre"



    Bonjour à vous !

    Je vous présente ci-dessous un LS fait à partir d'une demande de Matthew Williams.

    Nous avons donc ici une fiche de présentation de style "steampunk" avec un effet "vieux livre". Nous avons donc une première couverture qui recouvre la présentation et quand on passe le curseur sur la couverture on obtient la présentation. Bref ! Assez parlé, voici les visuels !

    Le contour bleu foncé des screens ci-dessous correspondent au fond actuel de mon forum test.
    Ici, un aperçu de la présentation au repos.
    Maintenant, la présentation "ouverte"
    Et enfin, lorsque l'on passe le curseur sur les différentes catégories.
    Il y a aussi un effet en hover sur les URL.


    Informations complémentaires



    Je propose deux versions de ce LS : une pour les admin qui vont placer les codes dans leur feuille de style CSS, et une pour les membres lambda qui souhaitent poster une présentation avec un style particulier.

    La présentation fait en tout 530*950 px (530px de largeur, et 950 de hauteur).
    Les petites images font 120*200px et sont codées pour ne faire que cette taille. Mettez donc des images de cette dimension, ou si elles sont plus grandes, avec un rapport de taille équivalent.

    La fiche est entièrement en HTML, vérifié donc que le HTML n'est pas désactivé dans vos messages et sur votre forum !

    Le crédit vers Never Utopia ne doit pas être retiré !


    Voilà donc maintenant les codes ! Un petit merci pour les voir Wink

    Fiche officielle avec CSS





    Fiche uniquement en HTML





    Merci d'avoir lu ce LS et n'hésitez pas à donner des commentaires.

    Si vous avez des problèmes avec les codes, je rappelle que les demandes d'aide c'est par ici.


    FémininAge : 26Message(s) : 472

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Dydy
    le Mar 22 Mar 2016 - 18:16
    merci du partage, j'adore ♥


    MasculinAge : 17Message(s) : 35
    Borée
    le Sam 26 Mar 2016 - 19:33
    MERCIIII!
    FémininAge : 20Message(s) : 29

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    MarieMou
    le Dim 10 Avr 2016 - 23:06
    Nice thanks Very Happy
    MasculinAge : 34Message(s) : 423
    P'tit loup
    le Lun 11 Avr 2016 - 10:59
    merci ^^


    FémininAge : 34Message(s) : 33
    Isyndra
    le Sam 16 Avr 2016 - 1:37
    Whaaaa!
    Merci!! Very Happy
    FémininAge : 23Message(s) : 13
    SillyDoo
    le Jeu 21 Avr 2016 - 21:33
    Joli (: Merci !
    MasculinAge : 26Message(s) : 8
    donov89
    le Ven 22 Avr 2016 - 0:22
    Merci, effets très sympathiques !
    MasculinAge : 21Message(s) : 11
    Jaunus
    le Sam 23 Avr 2016 - 12:08
    Très joli tout ça, bravo ! :')
    FémininAge : 22Message(s) : 7
    Cruella
    le Mar 26 Avr 2016 - 2:09
    Woh c'est l'une des plus belles présentations que j'ai vu *-* Bravo !


    FémininAge : 16Message(s) : 19
    Blueflyght
    le Mar 26 Avr 2016 - 13:39
    Merci :3
    FémininAge : 24Message(s) : 136

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Yumeki
    le Jeu 28 Avr 2016 - 2:05
    superbe fiche !
    merci ^^
    FémininAge : 22Message(s) : 44
    RPG Maker
    le Jeu 28 Avr 2016 - 10:10
    C'est cool, merci. ^^
    FémininAge : 20Message(s) : 44
    R.Falsworth
    le Dim 1 Mai 2016 - 17:37
    merci !
    FémininAge : 30Message(s) : 137
    Christtinne
    le Lun 9 Mai 2016 - 4:57
    Merci
    FémininAge : 19Message(s) : 47
    Calkrys
    le Dim 22 Mai 2016 - 15:51
    C'est énorme ! °o° Merci beaucoup !
    MasculinAge : 23Message(s) : 12
    Kaei
    le Dim 5 Juin 2016 - 0:40
    Vraiment, j'suis impressionné!
    FémininAge : 19Message(s) : 34
    SectumSempra
    le Dim 5 Juin 2016 - 6:49
    Magique ! Merci ! :coeur:
    FémininAge : 25Message(s) : 5
    Nyptia
    le Ven 10 Juin 2016 - 12:46
    Merci !
    FémininAge : 32Message(s) : 8
    WolfEla
    le Dim 12 Juin 2016 - 17:28
    merci
    FémininAge : 23Message(s) : 40
    Evalla
    le Ven 17 Juin 2016 - 23:07
    merci
    FémininAge : 17Message(s) : 44
    Amaliiah
    le Mar 21 Juin 2016 - 17:45
    Merci :)
    FémininAge : 33Message(s) : 4
    Merylangel
    le Dim 3 Juil 2016 - 18:21
    superbe fiche très belle merci
    FémininAge : 16Message(s) : 52
    hippolytta
    le Mar 5 Juil 2016 - 23:27
    Merci beaucoup pour cette oeuvre magnifique *ù*
    FémininAge : 15Message(s) : 31

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    thidabou
    le Lun 25 Juil 2016 - 0:32
    Un travail vraiment splendide ! Merci beaucoup !
    FémininAge : 15Message(s) : 7
    Miminette62
    le Mer 27 Juil 2016 - 18:49
    Pas mal du tout ! Merci !!
    Contenu sponsorisé
    Aujourd'hui à 3:28

      La date/heure actuelle est Sam 3 Déc 2016 - 3:28