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

    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 : 23Message(s) : 4506

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    6/10  (6/10)
    Guilde des Architectes:
    3/10  (3/10)
    Ehawee
    le Dim 30 Aoû 2015 - 20:10
    Hello miss =)

    En premier lieu, désolée de l'attente, et merci de cette superbe proposition de code très classe et très innovante =)

    Tout fonctionne parfaitement de mon côté, et ton code est plutôt propre =) Pour l'améliorer, (et t'éviter l'usage intempestif des mentions !important), n'hésite pas à consulter ce tuto qui est certes très théorique, mais qui pourra t'aider à améliorer tes futurs bébés ^^)

    Merci encore pour cette contribution =)




    gif1gif2
    FémininAge : 24Message(s) : 1399

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kelalin
    le Dim 30 Aoû 2015 - 23:34
    Merci ! \(T∇T)/
    FémininAge : 13Message(s) : 15
    Ice Cream'
    le Lun 31 Aoû 2015 - 22:14
    Wouah ! Magnifique fiche ! *0* *bave*
    Merci beaucoup pour ce partage Very Happy
    FémininAge : 20Message(s) : 59
    Cherry'
    le Mer 16 Sep 2015 - 22:07
    Magnifique merci beaucoup ! ♥
    FémininAge : 25Message(s) : 72
    MeowLowDee
    le Sam 19 Sep 2015 - 14:05
    Génial !
    FémininAge : 20Message(s) : 192
    Sokaro
    le Dim 20 Sep 2015 - 2:39
    Très classe! Merci beaucoup du partage :3



    (Signature provisoire.)
    FémininAge : 20Message(s) : 27
    Lena Choux
    le Dim 20 Sep 2015 - 22:54
    Très beau *-*
    MasculinAge : 22Message(s) : 41
    -Madara Uchiha-
    le Lun 21 Sep 2015 - 4:09
    Wow, merci!
    FémininAge : 26Message(s) : 9
    Renarde
    le Mer 30 Sep 2015 - 19:13
    Waw !
    Merci !
    FémininAge : 23Message(s) : 30
    Kuvera
    le Mer 30 Sep 2015 - 19:58
    Merci !
    FémininAge : 26Message(s) : 761

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Chocolakato
    le Mer 30 Sep 2015 - 20:13
    Oh mon dieu, Woaw !
    Je ne pense pas l'utiliser, mais c'est vraiment beau et ça mérite un bravo !


    FémininAge : 22Message(s) : 87
    Phoenix Elen
    le Sam 3 Oct 2015 - 20:10
    Oh... Elle est magnifique ! Merci :)


    MasculinAge : 21Message(s) : 40
    Zealanders
    le Lun 5 Oct 2015 - 18:50
    Merci !
    FémininAge : 25Message(s) : 15
    Bellatrix
    le Ven 9 Oct 2015 - 17:15
    Magnifique ! Merci !
    FémininAge : 19Message(s) : 46
    mmorgo
    le Mar 13 Oct 2015 - 8:44
    C'est super, merci ! Very Happy
    FémininAge : 16Message(s) : 113
    Kanra
    le Sam 17 Oct 2015 - 15:22
    merci
    FémininAge : 22Message(s) : 7
    KyoShinya
    le Mer 21 Oct 2015 - 23:36
    Merci beaucoup !
    Je compte l'utiliser pour un forum type futuriste, donc les images sont à changer, mais l'ensemble est magnifique !
    MasculinAge : 27Message(s) : 63
    Anaruth
    le Jeu 22 Oct 2015 - 10:25
    sublime, waouh tu es un génie *-*

    merci merci merci *-*
    MasculinAge : 20Message(s) : 33
    #FifuKing.
    le Dim 25 Oct 2015 - 20:16
    merci merci :B
    FémininAge : 26Message(s) : 143
    Patdrue
    le Ven 6 Nov 2015 - 0:35
    Je suis bluffée! magnifique!!!
    FémininAge : 24Message(s) : 65
    Cassisse
    le Ven 6 Nov 2015 - 20:50
    beau travail ! J'adore merci !
    FémininAge : 15Message(s) : 115
    Pikabouh
    le Ven 6 Nov 2015 - 21:08
    Merci, elle est magnifique **
    MasculinAge : 14Message(s) : 68
    Sparryx
    le Sam 7 Nov 2015 - 21:12
    Merci
    FémininAge : 18Message(s) : 26
    Roxane.D
    le Lun 9 Nov 2015 - 20:17
    Merci :)
    Contenu sponsorisé
    Aujourd'hui à 12:41

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