[#1] Bottin/Liste pour les multi-compes.

Helloooow. :D

Après avoir bataillé quelques heures dessus, je viens partager mon dernier codage. C'est un bottin pour référencer les multi-comptes de vos forums, mais il est quelque peu "spécial" par ce qu'il est "participatif". Sur mon fow, chaque membre poste à la suite du message initial et le tiennent à jour en fonction de leur nouveau compte créé. Aussi, c'est un code en deux partie, le CSS à mettre dans la feuille de style de votre forum et le HTML pour votre message.

Aperçus du codage:

• Si vous souhaitez de l'aide pour la personnalisation n'hésitez pas à poster dans la section "Aide au codage".
  

Le CSS :

Code:

/** Fiche Multi-comptes **/
.bloc_mc {  position: relative; margin: auto;width: 610px;height: 450px;overflow: auto;scrollbar-width: thin;   /* Les valeurs en px ne fonctionnent pas */}
.mc_alias { position: relative; top: 15px;width:600px; height: 25px;color: #e59b0d;font-size: 24px; text-shadow: 0 1px 2px black;text-align: center; font-family: 'Special Elite', verdana;}
.blocmc_rylm { position: relative; top: 10px;width:580px; height: 175px;}
.ry_title {position: absolute;left: 15px;width:280px; height: 15px;font-size: 15px;text-shadow: 0 1px 2px black;}
.lm_title {position: absolute; left: 305px;width:280px; height: 15px;font-size: 15px;text-shadow: 0 1px 2px black;}
.bloc_ry{  position: absolute;left: 15px;  width:280px; height: 150px;border: 1px solid #484747;background: #333333;padding:5px;overflow: auto;scrollbar-width: thin;   /* Les valeurs en px ne fonctionnent pas */}
.bloc_lm{  position: absolute; left: 305px; width:280px; height: 150px;border: 1px solid #484747;background: #333333;padding:5px;overflow: auto;scrollbar-width: thin;   /* Les valeurs en px ne fonctionnent pas */}
.bloc_perso { position: relative;top: 5px;left: 10px;margin: 5px;width:570px; height: 55px; border: 1px solid #e59b0d;padding: 5px;}
.alias_persobx {width:560px; height: 20px;font-size: 22px;color: #DEDEDE; text-shadow: 0 1px 2px black;text-align: center; font-family: 'Special Elite', verdana;}
.alias_persoco {width:560px; height: 20px;font-size: 22px;color: #D40101; text-shadow: 0 1px 2px black;text-align: center; font-family: 'Special Elite', verdana;}
.alias_persocp {width:560px; height: 20px;font-size: 22px;color: #965EE0; text-shadow: 0 1px 2px black;text-align: center; font-family: 'Special Elite', verdana;}
.alias_persoct {width:560px; height: 20px;font-size: 22px;color: #A3A3A3; text-shadow: 0 1px 2px black;text-align: center; font-family: 'Special Elite', verdana;}
.mcperso_infos {width:550px; height: 20px;text-align: center;}
/** Fin Fiche Multi-comptes **/

Le HTML :

Code:

<div class="bloc_mc"><div class="mc_alias">Pseudo du premier compte ou pseudo personnel</div><div class="blocmc_rylm"><div class="rylm_title"><div class="ry_title">Mon rythme rp</div><div class="lm_title">Mes limites rp</div></div>
<div class="bloc_rylm"><div class="bloc_ry">Expliquez si vous avez tendance à écrire beaucoup, pas beaucoup, à répondre vite ou plus lentement, etc.</div><div class="bloc_lm">Expliquez vos thèmes limites en rp (viol, drogue, une phobie personnelle, etc).</div></div></div> <!-- Le bloc des personnage se met entre ces balises --><div class="bloc_perso"><div class="alias_persobx">Prénom&Nom ou Pseudo du personnage</div><div class="mcperso_infos"><a href="#" target="_blank">Sa présentation</a> / Faction / Fonction / <a href="#" target="_blank">Envoyer un MP</a></div></div><div class="bloc_perso"><div class="alias_persoco">Prénom&Nom ou Pseudo du personnage</div><div class="mcperso_infos"><a href="#" target="_blank">Sa présentation</a> / Faction / Fonction / <a href="#" target="_blank">Envoyer un MP</a></div></div><div class="bloc_perso"><div class="alias_persoct">Prénom&Nom ou Pseudo du personnage</div><div class="mcperso_infos"><a href="#" target="_blank">Sa présentation</a> / Faction / Fonction / <a href="#" target="_blank">Envoyer un MP</a></div></div><div class="bloc_perso"><div class="alias_persocp">Prénom&Nom ou Pseudo du personnage</div><div class="mcperso_infos"><a href="#" target="_blank">Sa présentation</a> / Faction / Fonction / <a href="#" target="_blank">Envoyer un MP</a></div></div><!-- Fin des blocs personnages --></div>

Voilà, amusez-vous bien.