Explications
Ici, vous pourrez poster les fiches de liens de vos personnages. Vous pouvez poster dans les fiches d'autres personnes pour quémander des liens etc, c'est free ! ♡ Vous pouvez les présenter comme bon vous semble, coder vous même, prendre un LS... Pour ceux qui ne savent pas coder (ou auraient la flemme), un modèle a été mis à votre disposition !
Modèle - premier post
- Code:
-
<div class="modrs_aes_grosbloc"> <div class="modrs_aes_entete"> PRENOM P. NOM </div> <div class="modrs_aes_citation"> UNE CITATION ICI </div> <div class="modrs_aes_couleurg" style="background:#2C7472;"></div> <div class="all"><div class="modrs_aes_avabloc"> <img src="AVATAR200*320" class="modrs_aes_ava" /> <div class="modrs_aes_avat"> DES INFOS ICI ; il s'agit de la zone de texte qui apparaît au survol de l'avatar. Aucune info prédéfinie demandée, alors sentez-vous libre d'utiliser cette zone supplémentaire comme bon vous semble, pour d'autres infos, une liste des rp en cours... Peu importe, le client est roi ! </div> </div> </div> <div class="modrs_aes_blocinfos">DES INFOS ICI ; il s'agit du bloc d'informations à droite de l'avatar, où l'on espère lire une petite description de votre personnage, un résumé de son caractère, de son background, une liste d'adjectifs pour se faire une idée rapide et faciliter la recherche de liens pour vos partenaires ! </div> <div class="modrs_aes_couleurd" style="background:#8EE7E6;"></div> <div class="modrs_aes_blocicon"> <img src="ICON100*100" class="modrs_aes_icon" /><img src="ICON100*100" class="modrs_aes_icon" /><img src="ICON100*100" class="modrs_aes_icon" /><img src="ICON100*100" class="modrs_aes_icon" /> </div> <div class="modrs_aes_blocliens"> <ab>INTITULE DU LIEN //</ab> description du lien
<ab>INTITULE DU LIEN //</ab> description du lien
<ab>INTITULE DU LIEN //</ab> description du lien</div> </div>
- Ce que ça donne !:
PRENOM P. NOM
UNE CITATION ICI
DES INFOS ICI ; il s'agit de la zone de texte qui apparaît au survol de l'avatar. Aucune info prédéfinie demandée, alors sentez-vous libre d'utiliser cette zone supplémentaire comme bon vous semble, pour d'autres infos, une liste des rp en cours... Peu importe, le client est roi !
DES INFOS ICI ; il s'agit du bloc d'informations à droite de l'avatar, où l'on espère lire une petite description de votre personnage, un résumé de son caractère, de son background, une liste d'adjectifs pour se faire une idée rapide et faciliter la recherche de liens pour vos partenaires !
INTITULE DU LIEN // description du lien
INTITULE DU LIEN // description du lien
INTITULE DU LIEN // description du lien
Modèle - cadre de liens
- Code:
-
<div class="modrs_aes_lbloc"> <div class="modrs_aes_lentete">TITRE ICI</div> <div class="modrs_aes_lnom">PRENOM P. NOM</div> <div class="modrs_aes_lcouleur" style="background:#2C7472;"></div> <img src="ICON100x100" class="modrs_aes_licon" /> <div class="modrs_aes_ltexte"> <ab>INTITULE // </ab> DESCRIPTION DU LIEN</div> <div class="modrs_aes_lnom">PRENOM P. NOM</div> <div class="modrs_aes_lcouleur" style="background:#8EE7E6;"></div> <img src="ICON100x100" class="modrs_aes_licon" /> <div class="modrs_aes_ltexte"> <ab>INTITULE // </ab> DESCRIPTION DU LIEN</div> <div class="modrs_aes_lnom">PRENOM P. NOM</div> <div class="modrs_aes_lcouleur" style="background:#2C7472;"></div> <img src="ICON100x100" class="modrs_aes_licon" /> <div class="modrs_aes_ltexte"> <ab>INTITULE // </ab> DESCRIPTION DU LIEN</div> <div class="modrs_aes_lnom">PRENOM P. NOM</div> <div class="modrs_aes_lcouleur" style="background:#8EE7E6;"></div> <img src="ICON100x100" class="modrs_aes_licon" /> <div class="modrs_aes_ltexte"> <ab>INTITULE // </ab> DESCRIPTION DU LIEN</div> </div>
- Ce que ça donne !:
TITRE ICI
PRENOM P. NOM
INTITULE // DESCRIPTION DU LIEN
PRENOM P. NOM
INTITULE // DESCRIPTION DU LIEN
PRENOM P. NOM
INTITULE // DESCRIPTION DU LIEN
PRENOM P. NOM
INTITULE // DESCRIPTION DU LIEN
Les petits plus
Dans le
modèle des cadres de liens, pour rajouter un cadre à la suite des autres, il suffit de copier / coller CETTE partie juste avant
le dernier <*/div>
- Code:
-
<div class="modrs_aes_lnom">PRENOM P. NOM</div> <div class="modrs_aes_lcouleur" style="background:#8EE7E6;"></div> <img src="ICON100x100" class="modrs_aes_licon" /> <div class="modrs_aes_ltexte"> <ab>INTITULE // </ab> DESCRIPTION DU LIEN</div>
Toujours sur le
modèle des cadres de liens, vous remarquerez qu'à gauche de chaque icon se trouve un bloc de couleur. Par défaut, ils sont l'un après l'autre en
#8EE7E6 et
#2C7472. Si vous désirez changer la couleur et, sait-on jamais, pourquoi pas, y mettre la couleur du groupe de votre lien, il vous suffit de chercher ceci, dans le bloc de lien correspondant :
- Code:
-
<div class="modrs_aes_lcouleur" style="background:#8EE7E6;">
et d'y remplacer le code couleur !
De la même façon, pour modifier les couleurs des blocs du
modèle de premier post, il suffit de chercher :
- Code:
-
<div class="modrs_aes_couleurg" style="background:#2C7472;">
et
- Code:
-
<div class="modrs_aes_couleurd" style="background:#8EE7E6;">
représentant respectivement le bloc foncé à gauche du cadre et le bloc cyan à droite des icons, et encore une fois de remplacer les couleurs par celles de votre choix.
- RAPPEL DES COULEURS DE GROUPE:
#60C2F0 – super-héros
#DC143C – super-vilains
#40826D – révolutionnaires
#F88E55 – académiciens
#B3B191 – civils