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.


    Fiche de présentation - Steampunk et vieux livre

    Partagez
    Shaneliae
    FémininAge : 20Messages : 667

    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.



    Hopyes
    FémininAge : 28Messages : 77

    le Mar 10 Nov 2015 - 20:58

    J'adore merci c'est splendide.
    ELLAENYS
    FémininAge : 31Messages : 127

    le Mer 11 Nov 2015 - 14:56

    Merci du partage Very Happy



    MissDream
    FémininAge : 21Messages : 144

    le Jeu 12 Nov 2015 - 22:12

    superbe merci *.*

    Inoue Musaki
    FémininAge : 27Messages : 147

    le Sam 14 Nov 2015 - 13:05

    merci
    Alouarn
    MasculinAge : 25Messages : 81

    le Sam 14 Nov 2015 - 15:02

    Merci beaucoup pour le partage ! ^^
    C'est trop beau ! *_*
    Démo
    FémininAge : 17Messages : 35

    le Jeu 19 Nov 2015 - 18:20

    C'est une idée de fou, merci!♥
    Aeternum
    FémininAge : 21Messages : 32

    le Ven 20 Nov 2015 - 23:51

    merci beaucoup c'est juste magnifique et ça s'accorde hyper bien avec le thème du forum!
    Zoé
    FémininAge : 17Messages : 175

    le Sam 21 Nov 2015 - 15:27

    miciiii



    Dante Le Magnifique
    MasculinAge : 30Messages : 48

    le Dim 29 Nov 2015 - 21:29

    C'est tellement beau que ça me donne envie d'aller jouer sur un fow' Steampunk !

    Merci pour ce superbe boulot.
    Caiomhe
    FémininAge : 23Messages : 6

    le Jeu 17 Déc 2015 - 16:55

    C'est superbe ! J'adore le principe du "livre", super idée !
    CECILE362
    FémininAge : 27Messages : 174

    le Sam 19 Déc 2015 - 20:38

    Merci pour le partage Very Happy
    Shanoa
    FémininAge : 18Messages : 64

    le Lun 21 Déc 2015 - 19:11

    Merci beaucoup très original !
    Kaisuruko
    MasculinAge : 23Messages : 26

    le Mer 30 Déc 2015 - 23:40

    Merci o/
    Sly King
    FémininAge : 20Messages : 72

    le Sam 2 Jan 2016 - 1:34

    Mon Dieu c'est magnifique ! *w*
    Nearween
    FémininAge : 18Messages : 196

    le Sam 2 Jan 2016 - 10:54

    Oooh cette fiche *w* merci !



    Jack Frost



           

    I not a dream, I reality


    Matthew Williams
    FémininAge : 21Messages : 35

    le Mar 5 Jan 2016 - 12:08

    vraiment super , t'as fait du bon travail je te remercie (oui je n'ai un ordi que maintenant XD ) :)
    olibo31
    MasculinAge : 31Messages : 14

    le Mar 5 Jan 2016 - 13:21

    ta fiche est vraiment superbe, merci, c'est exactement ce que je cherche (avec modifications de quelques images). Si j'arrive à la mettre en place, évidemment que je laisse le lien vers son créateur :)
    Silver Angel
    MasculinAge : 101Messages : 72

    le Mar 5 Jan 2016 - 21:05

    Elle est vraiment très stylée!

    bravo
    Junnesekiin
    FémininAge : 21Messages : 5

    le Mer 6 Jan 2016 - 18:57

    super awesome! *^*
    Saya Shirayuki
    FémininAge : 24Messages : 149

    le Dim 28 Fév 2016 - 13:33

    Vraiment magique ! Merci !
    ryry0013
    FémininAge : 22Messages : 127

    le Dim 28 Fév 2016 - 22:15

    Super beau merci
    Orochimaru
    FémininAge : 26Messages : 173

    le Lun 7 Mar 2016 - 1:03

    Génial ça. Bravo. J'adore la fiche. Merci du partage ^^



    Orochimaru

    " Les proies doivent toujours faire preuve de la plus grande vigilance, lorsqu'elles tentent d'échapper à leur prédateur. Tout ce qu'une proie peut espérer de son prédateur, c'est qu'il daigne la laisser tranquille après avoir eu ce qu'il voulait."
    Nardco
    MasculinAge : 55Messages : 44

    le Lun 7 Mar 2016 - 9:48

    Merci a toi :popcorn:
    Yami'
    FémininAge : 16Messages : 24

    le Lun 7 Mar 2016 - 14:38

    Merci
    Sydeale
    FémininAge : 19Messages : 94

    le Dim 20 Mar 2016 - 23:14

    Merci, j'ai un autre projet d'utilisation de ton LS, mais merci quand même !
    Contenu sponsorisé

    Aujourd'hui à 1:14


      La date/heure actuelle est Dim 11 Déc 2016 - 1:14