Pour aller avec la fiche de liens, voici la fiche de sujets (ou topics) qui reprend le design un peu inspiré de Watch Dogs. Code simple, et description des sujets visible au survol (Ou pas de description si vous n'en voulez pas ^^)
Taille : 500px de large Code modifiable : Non Image modifiable : Oui Contenu modifiable : Oui
Conseil de modifications :
¤ Repérez les balises “START” et “END” pour ajouter de nouveaux topics.
¤ Evitez de passer des lignes là où il n’y en a pas de base, ça risque de déformer la fiche vu que forumactif ne compte pas ça comme du HTML.
¤ Vous pouvez modifier le code en live sur codepen (C'est même conseillé, c'est cool, y a des couleurs !)
¤ /!\ NE PAS COPIER OU MODIFIER LE CSS : Normalement, vous pouvez pas le voir. Sinon, laissez le tranquille. Vous verrez, c’est magique. Copiez/collez juste le HTML.
¤ /!\ ET NE PAS ENLEVER LES CREDITS. Si j’en vois un qui enlève encore les crédits, je lui pète les jambes. (J’en ai vu, je n’aime pas ça ! J’vous ai à l’oeil O_O)
CODE:
Code:
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,900' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Russo+One' rel='stylesheet' type='text/css'><link href='http://codepen.io/devnerdgirl/pen/JoLLoK.css' rel='stylesheet' type='text/css'><div class="gly-fiche-rp-01-wd"><div class="body"><div class="title-img"><img src="https://40.media.tumblr.com/4b730784d652fec2b1d64b463f87ad1f/tumblr_nispqv3Lpv1qz62xqo5_1280.jpg" alt=""/></div><div class="title"><span class="primary">Statut</span><br/><span class="secondary">Disponible</span></div><div class="block"><div class="block-text"><div style="max-height: 200px; padding: 0 5px; overflow: auto;"><center>RP en cours : ?? / ??<br/><br/><a href="#">Fiche</a> ♦ <a href="#">Liens</a> ♦ <a href="#">Contact</a></center></div></div></div><div class="title"><span class="primary">Sujets</span><br/><span class="secondary">En cours</span></div><div class="block"><!-- START --><div class="block-text"><span>// [ <a href="#">www</a> ] _ Nom du sujet { personnages }</span><div class="rp-desc">Entre ce que je pense, ce que je veux dire, ce que je crois dire, ce que je dis, ce que vous avez envie d'entendre, ce que vous croyez entendre, ce que vous entendez, ce que vous avez envie de comprendre, ce que vous comprenez, il y a dix possibilités qu'on ait des difficultés à communiquer. Mais essayons quand même...</div></div><!-- END --></div> <div class="title"><span class="primary">Sujets</span><br/><span class="secondary">Terminés</span></div><div class="block"><!-- START --><div class="block-text"><span>// [ <a href="#">www</a> ] _ Nom du sujet { personnages }</span><div class="rp-desc">Entre ce que je pense, ce que je veux dire, ce que je crois dire, ce que je dis, ce que vous avez envie d'entendre, ce que vous croyez entendre, ce que vous entendez, ce que vous avez envie de comprendre, ce que vous comprenez, il y a dix possibilités qu'on ait des difficultés à communiquer. Mais essayons quand même...</div></div><!-- END --></div><div class="title"><span class="primary">Sujets</span><br/><span class="secondary">Abandonnés</span></div><div class="block"><!-- START --><div class="block-text"><span>// [ <a href="#">www</a> ] _ Nom du sujet { personnages }</span><div class="rp-desc">Entre ce que je pense, ce que je veux dire, ce que je crois dire, ce que je dis, ce que vous avez envie d'entendre, ce que vous croyez entendre, ce que vous entendez, ce que vous avez envie de comprendre, ce que vous comprenez, il y a dix possibilités qu'on ait des difficultés à communiquer. Mais essayons quand même...</div></div><!-- END --></div><div class="title"><span class="primary">Sujets</span><br/><span class="secondary">Réservés</span></div><div class="block"><!-- START --><div class="block-text">- Personnage</div><!-- END --></div></div><div class="credits">Fiche by <a href="http://devnerdgirl-rpgstuff.tumblr.com">Dev Nerd Girl</a></div></div>
Entre ce que je pense, ce que je veux dire, ce que je crois dire, ce que je dis, ce que vous avez envie d'entendre, ce que vous croyez entendre, ce que vous entendez, ce que vous avez envie de comprendre, ce que vous comprenez, il y a dix possibilités qu'on ait des difficultés à communiquer. Mais essayons quand même...
Entre ce que je pense, ce que je veux dire, ce que je crois dire, ce que je dis, ce que vous avez envie d'entendre, ce que vous croyez entendre, ce que vous entendez, ce que vous avez envie de comprendre, ce que vous comprenez, il y a dix possibilités qu'on ait des difficultés à communiquer. Mais essayons quand même...
Entre ce que je pense, ce que je veux dire, ce que je crois dire, ce que je dis, ce que vous avez envie d'entendre, ce que vous croyez entendre, ce que vous entendez, ce que vous avez envie de comprendre, ce que vous comprenez, il y a dix possibilités qu'on ait des difficultés à communiquer. Mais essayons quand même...