Carnet - Libre Service

Carnet - Libre Service
Jeu 13 Fév - 18:08






Dei
enchanté, moi c'est
informations du personnage
• Dit : Heaven
• Descendant de : Thot
• Origine : Égyptienne
• Héritage : La connaissance. Dei sait tout de vous, de ce que vous pensez jusqu'à votre passé. Cela n'affecte pas le futur.

Divin
Voir le profil de l'utilisateur
http://dei-cataclysm.forumactif.org
Carnet - Libre Service Empty

Modèle de fiche

Carnet de bord en libre-service

Pour les membres pas trop doués au code, ou qui ont juste la flemme de se faire une petite fiche, voilà un modèle rien que pour vous ! J'ai voulu faciliter au maximum l'utilisation de ce code par les novices, tout en le laissant un minimum personnalisable. Vous pouvez donc changer toutes les couleurs à votre guise, et c'est tout puisque le reste est par défaut afin de diminuer la longueur du code. Optimisation o/

Les emplacements bleus sont réservés aux icônes du personnage. N'hésitez pas si vous avez des questions ou des problèmes avec ce code !


Prénom et nom
traitblanc
you told me that you need a  ‘‘little’’ quote.

Synopsis
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod ornare aliquet. Suspendisse imperdiet arcu quis mauris lobortis aliquam. Aliquam viverra egestas iaculis. Donec nisl purus, varius fermentum sem at, congue laoreet est.Sed ligula orci, imperdiet vel diam ut, ultricies posuere nisi. Vestibulum sit amet auctor mi. Aliquam fermentum quam vel orci sagittis auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo tortor pellentesque interdum elementum. Suspendisse nec nibh dui.
iconeperso
Role-Plays
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod ornare aliquet. Suspendisse imperdiet arcu quis mauris lobortis aliquam. Aliquam viverra egestas iaculis. Donec nisl purus, varius fermentum sem at, congue laoreet est.Sed ligula orci, imperdiet vel diam ut, ultricies posuere nisi. Vestibulum sit amet auctor mi. Aliquam fermentum quam vel orci sagittis auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo tortor pellentesque interdum elementum. Suspendisse nec nibh dui.
Liens recherchés
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod ornare aliquet. Suspendisse imperdiet arcu quis mauris lobortis aliquam. Aliquam viverra egestas iaculis. Donec nisl purus, varius fermentum sem at, congue laoreet est.Sed ligula orci, imperdiet vel diam ut, ultricies posuere nisi. Vestibulum sit amet auctor mi. Aliquam fermentum quam vel orci sagittis auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo tortor pellentesque interdum elementum. Suspendisse nec nibh dui.

elzac © dc

iconepersoiconepersoiconepersoiconeperso


Code:
<div class="cadrers"><div style="background-color:#bca0fd;width:363px;height:45px;display:inline-block;margin-left:10px;padding-left:3px;padding-top:8px;"><span class="titlers1">Prénom et nom</span><br/><img src="http://i.imgur.com/8xtvUCG.png" class="separationtitlers" alt="traitblanc" /><br/><span class="citationrs">you told me that you need a  ‘‘little’’ quote.</span></div><div style="background-color:#fdc163;width:100px;height:53px;display:inline-block;float:left;"></div>
<div style="background-color:#abf37b;width:361px;height:94px;display:inline-block;margin-left:10px;margin-top:10px;padding-left:5px;padding-top:6px;"><span class="titlers2">Synopsis</span><div class="descriptionrs1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod ornare aliquet. Suspendisse imperdiet arcu quis mauris lobortis aliquam. Aliquam viverra egestas iaculis. Donec nisl purus, varius fermentum sem at, congue laoreet est.Sed ligula orci, imperdiet vel diam ut, ultricies posuere nisi. Vestibulum sit amet auctor mi. Aliquam fermentum quam vel orci sagittis auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo tortor pellentesque interdum elementum. Suspendisse nec nibh dui.</div></div><img src="http://i.imgur.com/pnZEFDH.png" class="iconers1 " alt="iconeperso" /><div style="background-color:#a8dce5;width:228px;height:134px;display:inline-block;margin-top:10px;padding-left:5px;padding-top:6px;margin-left:10px;"><span class="titlers2">Role-Plays</span><div class="descripionrs2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod ornare aliquet. Suspendisse imperdiet arcu quis mauris lobortis aliquam. Aliquam viverra egestas iaculis. Donec nisl purus, varius fermentum sem at, congue laoreet est.Sed ligula orci, imperdiet vel diam ut, ultricies posuere nisi. Vestibulum sit amet auctor mi. Aliquam fermentum quam vel orci sagittis auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo tortor pellentesque interdum elementum. Suspendisse nec nibh dui.</div></div><div style="background-color:#fdc163;width:228px;height:134px;display:inline-block;margin-top:10px;padding-left:5px;padding-top:6px;float:left;"><span class="titlers2">Liens recherchés</span><div class="descripionrs2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod ornare aliquet. Suspendisse imperdiet arcu quis mauris lobortis aliquam. Aliquam viverra egestas iaculis. Donec nisl purus, varius fermentum sem at, congue laoreet est.Sed ligula orci, imperdiet vel diam ut, ultricies posuere nisi. Vestibulum sit amet auctor mi. Aliquam fermentum quam vel orci sagittis auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo tortor pellentesque interdum elementum. Suspendisse nec nibh dui.</div></div>
<div style="background-color:#abf37b;width:100px;height:19px;display:inline-block;margin-top:10px;margin-left:10px;padding-top:5px;text-align:center;"><span class="copyrs">elzac © dc</span></div><div style="background-color:#bca0fd;margin-top:10px;width:363px;height:19px;display:inline-block;padding-left:3px;float:left;padding-top:5px;padding-left:2px;"><span class="liensutilesrs"><a href="urldulien" target="_blank" class="lienrs">présentation</a> ◊ <a href="urldulien" target="_blank" class="lienrs">contacter par mp</a> ◊ <a href="urldulien" target="_blank" class="lienrs">profil</a></span></div>
<img src="http://i.imgur.com/pnZEFDH.png" class="iconers2" alt="iconeperso" /><img src="http://i.imgur.com/pnZEFDH.png" class="iconers2" alt="iconeperso" /><img src="http://i.imgur.com/pnZEFDH.png" class="iconers2" alt="iconeperso" /><img src="http://i.imgur.com/pnZEFDH.png" class="iconers2" alt="iconeperso" /><div style="background-color:#fdc163;width:32px;height:100px;display:inline-block;float:left;margin-top:10px;margin-right:13px;"></div></div>
Re: Carnet - Libre Service
Jeu 13 Fév - 21:12






Dei
enchanté, moi c'est
informations du personnage
• Dit : Heaven
• Descendant de : Thot
• Origine : Égyptienne
• Héritage : La connaissance. Dei sait tout de vous, de ce que vous pensez jusqu'à votre passé. Cela n'affecte pas le futur.

Divin
Voir le profil de l'utilisateur
http://dei-cataclysm.forumactif.org
Carnet - Libre Service Empty

Les liens

Ici rien n'est personnalisable : les couleurs sont associées à chaque groupe du forum. Je vous conseille ainsi de réserver un post pour les Heavs avec l'utilisation du premier code, un post pour les Deasks en utilisant seulement le second, et un post pour les Dehistes en employant juste le dernier des codes o/ (ou de les mélanger en mode fille / garçon yolo hein)

J'ai également essayé d'optimiser le code, et j'ai ainsi évité l'effet "pavé", c'est à dire les liens tous à la suite, tous serrés, où on s'y perd. Ainsi vous pouvez retourner à la ligne ET sauter une ligne entre chaque lien o/ (vous devez même, sinon le rendu ne sera pas beau)


Heavs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod ornare aliquet. Suspendisse imperdiet arcu quis mauris lobortis aliquam. Aliquam viverra egestas iaculis. Donec nisl purus, varius fermentum sem at, congue laoreet est.Sed ligula orci, imperdiet vel diam ut, ultricies posuere nisi. Vestibulum sit amet auctor mi. Aliquam fermentum quam vel orci sagittis auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo tortor pellentesque interdum elementum. Suspendisse nec nibh dui.
nom prénom ◊ son héritage
iconeheavs

Code:
<div class="cadrers2"><div class="lienheavs"><div class="descriptionheavs">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod ornare aliquet. Suspendisse imperdiet arcu quis mauris lobortis aliquam. Aliquam viverra egestas iaculis. Donec nisl purus, varius fermentum sem at, congue laoreet est.Sed ligula orci, imperdiet vel diam ut, ultricies posuere nisi. Vestibulum sit amet auctor mi. Aliquam fermentum quam vel orci sagittis auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo tortor pellentesque interdum elementum. Suspendisse nec nibh dui.</div>nom prénom ◊ son héritage</div><img src="http://i.imgur.com/4DVASdo.png" class="iconers1" alt="iconeheavs" /></div>


Deasks

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod ornare aliquet. Suspendisse imperdiet arcu quis mauris lobortis aliquam. Aliquam viverra egestas iaculis. Donec nisl purus, varius fermentum sem at, congue laoreet est.Sed ligula orci, imperdiet vel diam ut, ultricies posuere nisi. Vestibulum sit amet auctor mi. Aliquam fermentum quam vel orci sagittis auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo tortor pellentesque interdum elementum. Suspendisse nec nibh dui.
nom prénom ◊ son héritage
iconedeasks

Code:
<div class="cadrers2"><div class="liendeasks"><div class="descriptiondeasks">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod ornare aliquet. Suspendisse imperdiet arcu quis mauris lobortis aliquam. Aliquam viverra egestas iaculis. Donec nisl purus, varius fermentum sem at, congue laoreet est.Sed ligula orci, imperdiet vel diam ut, ultricies posuere nisi. Vestibulum sit amet auctor mi. Aliquam fermentum quam vel orci sagittis auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo tortor pellentesque interdum elementum. Suspendisse nec nibh dui.</div>nom prénom ◊ son héritage</div><img src="http://i.imgur.com/KL16es6.png" class="iconers1" alt="iconedeasks" /></div>

Dehistes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod ornare aliquet. Suspendisse imperdiet arcu quis mauris lobortis aliquam. Aliquam viverra egestas iaculis. Donec nisl purus, varius fermentum sem at, congue laoreet est.Sed ligula orci, imperdiet vel diam ut, ultricies posuere nisi. Vestibulum sit amet auctor mi. Aliquam fermentum quam vel orci sagittis auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo tortor pellentesque interdum elementum. Suspendisse nec nibh dui.
nom prénom ◊ son héritage
iconedehiste


Code:
<div class="cadrers2"><div class="liendehistes"><div class="descriptiondehistes">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod ornare aliquet. Suspendisse imperdiet arcu quis mauris lobortis aliquam. Aliquam viverra egestas iaculis. Donec nisl purus, varius fermentum sem at, congue laoreet est.Sed ligula orci, imperdiet vel diam ut, ultricies posuere nisi. Vestibulum sit amet auctor mi. Aliquam fermentum quam vel orci sagittis auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque commodo tortor pellentesque interdum elementum. Suspendisse nec nibh dui.</div>nom prénom ◊ son héritage</div><img src="http://i.imgur.com/WI3Cu84.png" class="iconers1" alt="iconedehiste" /></div>
 

Carnet - Libre Service

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Libre Service
» LIBRE SERVICE — codage uniquement
» Libre-service : la boîte à RP
» La Prophétie - RPG lupin
» Règlement Général

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
-