[#1] Bottin/Liste pour les multi-compes.
Mar 31 Déc 2019 - 12:28
- InvitéInvité
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.
Voilà, amusez-vous bien.
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.
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|