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

Le Deal du moment : -20%
-100€ sur Roborock S5 Max Aspirateur Robot
Voir le deal
399.99 €

    Fiche RP - Cyberpunk

    elfyqchan
    elfyqchan
    FémininAge : 23Messages : 128

    le Dim 19 Avr 2020 - 11:46


    Bonjour !

    Je vous propose aujourd'hui un codage de fiche RP un peu futuriste inspiré de Cyberpunk, avec de jolis néons. J'espère qu'il fera quelques heureux !

    Vous trouverez un aperçu ici : tadam.


    L'image d'entête est de dimensions 400px par 150px.


    Bien que le code soit en libre accès, n'hésitez pas à laisser un petit message sous celui-ci ! Wink

    Code:
    <link href="https://fonts.googleapis.com/css2?family=Covered+By+Your+Grace&family=Quicksand&display=swap" rel="stylesheet"><style>.strct-cbrpnk{margin:auto;width:500px}.hdr-cbpnk{width:400px;height:150px;-moz-box-shadow:0 0 10px #D91AC0;-webkit-box-shadow:0 0 10px #D91AC0;box-shadow:0 0 15px #D91AC0}.ttl-cbrpnk{font-family:'Covered By Your Grace',cursive;color:#F0FE26;text-align:center;margin:50px;font-size:36px;text-shadow:0px 0px 8px #A3FDFD;line-height:30px}.bd-cbrpnk{text-align:justify;padding:30px;backdrop-filter:blur(3px);background-color:rgba(0, 0, 0, 0.4);color:white;font-size:13px;font-family:'Quicksand',sans-serif;-moz-box-shadow:0 0 10px #08BDA5;-webkit-box-shadow:0 0 10px #08BDA5;box-shadow:0 0 10px #08BDA5}.bckgrnd-cbpnk{padding:50px 50px 25px;background-image:url('https://i.servimg.com/u/f77/19/35/98/81/backgr10.jpg')} .dlg-cbpnk{margin: 20px 50px 0px; color:#F0FE26;} #crdts-cbpnk{text-align:center;margin:30px 0px 0px;color:#F0FE26;font-size:12px;font-variant:small-caps;text-shadow:0px 0px 4px #A3FDFD;font-family:'Quicksand',sans-serif}#NU-lnk-cbpnk{color:#F0FE26;text-decoration:none}</style><div class="strct-cbrpnk"><div class="bckgrnd-cbpnk"><img src="https://i.servimg.com/u/f77/19/35/98/81/sombra10.jpg" class="hdr-cbpnk"/><div class="ttl-cbrpnk">Cyberpunk</div><div class="bd-cbrpnk"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non faucibus nisl. Morbi suscipit viverra erat vel scelerisque. Ut ornare, est id egestas tempus, elit diam mollis magna, id malesuada turpis erat sed ex. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce a libero ante. Vivamus a purus orci. Fusce vulputate nisi sit amet commodo convallis. Donec maximus mauris felis, quis cursus leo fringilla ac. Proin finibus lacus tortor, eu feugiat massa vulputate sit amet. Mauris varius velit tortor, quis vestibulum nisl lobortis sit amet. Nullam euismod ipsum sit amet mollis porttitor.
    <div class="dlg-cbpnk">- Lorem ipsum dolor sit amet.</div>
    Aliquam vel ipsum nulla. Mauris vestibulum risus a lacus sollicitudin molestie. Nullam leo sapien, tempus sit amet auctor consectetur, fermentum ultrices justo. Sed quam risus, gravida quis pretium consectetur, condimentum et metus. Pellentesque tempus diam in auctor sollicitudin. Cras condimentum augue id nulla sodales auctor. Quisque finibus mollis massa at feugiat. Fusce auctor tortor id sem scelerisque, quis dignissim nulla vestibulum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

    Donec in varius elit. Suspendisse potenti. Integer est odio, condimentum at erat sit amet, bibendum maximus purus. Fusce commodo mi nulla, sit amet congue nunc ultrices vitae. Fusce eros tortor, hendrerit id tortor eu, ullamcorper imperdiet lorem. Etiam erat mi, gravida ac massa eu, ultricies sollicitudin nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec eget porttitor nisl. Cras lacinia porta lectus, at elementum odio finibus sed. Nunc odio est, viverra fermentum arcu vitae, elementum finibus enim. Cras sed aliquet ligula, vitae laoreet leo. Proin dui tortor, vulputate in tellus sed, volutpat aliquam libero. Donec vehicula faucibus mauris in semper. Proin sodales nibh ac nibh posuere, ut pretium dui consequat. Praesent non nibh rutrum, condimentum mi eget, ultricies felis.

    Cras auctor faucibus elit, ut placerat tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed hendrerit ante nec ante sagittis lobortis. Vivamus sollicitudin vel orci dignissim vehicula. Curabitur posuere tellus a euismod accumsan. Curabitur vestibulum libero ac tortor gravida semper. Nulla maximus quis ante molestie aliquet. Morbi eget interdum diam, at fringilla elit.

    Cras id leo commodo, ultrices velit sed, placerat ex. Nullam sit amet neque at dui rhoncus consectetur ut at dui. Mauris sed erat ut est rhoncus blandit. Etiam iaculis porta faucibus. Quisque augue sapien, ultrices nec congue ac, tristique et erat. Praesent vel consequat metus. Maecenas fermentum dui elit, non fringilla ex commodo sit amet.</div><div id="crdts-cbpnk">@elfyqchan - <a id="NU-lnk-cbpnk" href="https://www.never-utopia.com" target="_blank">Never Utopia</a></div></div></div>


    Dernière édition par elfyqchan le Lun 27 Avr 2020 - 19:38, édité 1 fois



    Fiche RP - Cyberpunk Tumblr_p9lzpiYpDY1rh0thmo1_500
    Shaneliae
    Shaneliae
    FémininAge : 23Messages : 287

    le Lun 27 Avr 2020 - 18:57

    Re-bonjour :toto:

    Encore merci pour ce LS ! Il est génial et je n'ai rien à redire mise à part sur le blockquote. Tu sembles déjà avoir un peu plus anticipé sur celui-ci. Dans le doute, je laisse le sujet encore là voir si tu veux le corriger comme pour ton autre LS.

    J’ajoute les tags, et je transfère dans les LS dès que j'ai ton feu vert 😄



    elfyqchan
    elfyqchan
    FémininAge : 23Messages : 128

    le Lun 27 Avr 2020 - 19:40

    Re coucou !

    J'ai changé le blockquote, comme sur l'autre LS, et j'ai fait de même par rapport à la remarque sur l'aperçu ! (comme ça, tout est en règles normalement ! Wink )



    Fiche RP - Cyberpunk Tumblr_p9lzpiYpDY1rh0thmo1_500
    Shaneliae
    Shaneliae
    FémininAge : 23Messages : 287

    le Mar 28 Avr 2020 - 0:46

    Ce LS est validé !Il va être déplacé et ajouté à l'index adéquat.

    N'oublie pas d'ajouter les XP correspondant sur ton profil.



    Kelalin
    Kelalin
    FémininAge : 27Messages : 2234

    le Mar 28 Avr 2020 - 21:52

    Très belle fiche ! Merci pour le partage *_*
    Contenu sponsorisé


      La date/heure actuelle est Mer 5 Aoû 2020 - 3:09