Modèle de fiche relation


Modèle de fiche relation ASHITA NO SEKAI :: Administration :: Anos : les personnages


Maitre des lieux Compte fondateur
Messages : 621 Parmi nous depuis le : 20/07/2011	Jeu 8 Fév 2018 - 8:30 Fiche de relations Le modèle Salut toi ! Comme on se retrouve Règlement a écrit:La fiche relation est obligatoire avant de RP. Après validation de votre fiche de présentation, une sous-catégorie est créée au nom de votre personnage, et elle doit être postée dedans ! Ici aussi, vous avez carte blanche sur la mise en page mais pour les moins dégourdis en code et/ou fainéants, pas de panique, on a toujours un modèle à disposition que vous trouverez ci-dessous Si tu n'as pas d'idée pour les liens à insérer sur les petites icônes rouges, tu pourrais mettre le lien de son album pinterest, ses quiz si tu en fais, sa playlist musical, etc... Un problème avec ta fiche ? Choppe un admin par le colbac ! Merci de penser à la mettre à jour ! Avec qui tu fricotes ? On veut tout savoir ! Prénom Nom ● recherche... ● recherche... ● recherche... ● recherche... ● recherche... ● recherche... En cours Actuel Titre du rp feat Yvan Quoi FlashB Titre du rp feat Yvan Quoi Event Titre du rp feat Yvan Quoi Soon Titre du rp feat Yvan Quoi Terminés Actuel Titre du rp feat Yvan Quoi FlashB Titre du rp feat Yvan Quoi Event Titre du rp feat Yvan Quoi Abandon Titre du rp feat Yvan Quoi Halloween Code: <link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free.min.css" media="all"><link href="https://fonts.googleapis.com/css?family=Muli:400,400i\|Roboto+Condensed:400,700&display=swap" rel="stylesheet"><style>.suivi_ryvin {z-index: 2; position: relative; width: 500px; margin: 2rem auto; background: #fff; font-size: 12px; font-family: 'Roboto Condensed', sans-serif; display: grid; grid-template-columns: repeat(2,50%); grid-template-areas: 'a b' 'c d' 'e e';} .sr_intro {grid-area: a;} .sr_avatar {grid-area: b; text-align: center;} .sr_termines {grid-area: d;} .sr_uc {grid-area: c; width: 80%; } .sr_uc, .sr_termines {width: 80%; margin: 4rem auto 1rem;} .sr_end {grid-area: e;} .suivi_ryvin h2 {color: #000; border: 0; font-family: 'Roboto Condensed', sans-serif; font-size: 3em; line-height: 1; margin: 2rem 2rem 1rem; font-weight: bold; text-transform: uppercase;} .suivi_ryvin h2::after {display: inline-block; width: 50px; height: 20px; background: #dc3a2c; content: ""; margin: 0 0 0 1rem;} .sr_intro .sr_content {font-family: 'Roboto Condensed', sans-serif; font-size: 12px; width: 75%; height: 170px; overflow: hidden; box-sizing: border-box; margin: 0 auto; text-align: justify;} .sr_image img {width: 200px; height: 320px; object-fit: cover; position: relative; z-index: 2;} .sr_image {position: relative;} .sr_image::before {width: 300px; height: 300px; content: ""; display: block; background: #000; border-radius: 100%; position: absolute; z-index: 1; left: 0; top: .8rem;} .sr_links {display: flex; justify-content: center; font-size: 15px;} .sr_links a {margin: 0 1rem 1rem;} .sr_links a:nth-child(2) .fas {color: #dc3a2c;} .sr_intro .sr_content p {margin: 0; width: 100%; height: 100%; overflow: auto; padding: 0 1rem 0 0; font-family: 'Roboto Condensed', sans-serif;} .suivi_ryvin h3 {border: 0; font-style: initial; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: normal; font-size: 11px; letter-spacing: 1px; display: initial; padding: .5rem; margin: 0;} .sr_listing {width: 100%; display: flex; margin: 1rem 0 0;} span.statut_rp {color: #f3f3f3; text-transform: uppercase; font-weight: bold; font-size: 9px; padding: .5% 1%; width: 40px; display: inline-block; text-align: center; border-radius: 5px; font-family: 'Roboto Condensed', sans-serif; font-style: normal;} .sr_listing h4 {font-size: 12px; text-decoration: none; margin: 0 3%; border-bottom: 1px solid; color: #2d2c2c; text-transform: uppercase; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; font-style: normal;} .sr_content_listing {width: 100%; height: 180px; overflow: hidden;} .sr_cl {width: 100%; height: 100%; overflow: auto; padding: 0 1rem 0 0;} .sr_end::after {content: ""; display: block; width: 520px; height: 240px; position: absolute; background: #000; transform: rotate(-10deg); top: 54px; right: -25px;} .sr_end {display: flex; align-items: flex-end; height: 100px; position: relative; overflow: hidden;} .sr {position: relative; width: 600px; margin: auto;} .sr_debut {width: 300px; height: 300px; content: ""; display: block; background: #f5f5f5; transform: rotate(20deg); position: absolute; bottom: 3.8rem; left: -2rem; z-index: 2;} .sr_fin {width: 300px; height: 300px; content: ""; display: block; background: #f5f5f5; transform: rotate(-160deg); position: absolute; top: 3.8rem; right: -2rem; z-index: 1;} a.h_credits {text-decoration: none; text-transform: lowercase; font-style: italic; color: #dedede; padding: 0 0 .3rem 3rem; font-size: 10px;}</style><!-- FIN CSS --><div class="sr"><div class="sr_debut"></div><div class="suivi_ryvin"><!-- NOM ADJECTIFS FACTS --><div class="sr_intro"><h2>Prénom Nom</h2><!-- --><div class="sr_links"><a href="#"><i class="fas fa-bookmark" aria-hidden="true"></i></a> <a href="#"><i class="fas fa-heart-broken" aria-hidden="true"></i></a> <a href="#"><i class="fas fa-mobile-alt" aria-hidden="true"></i></a></div><!-- --><div class="sr_content"><p>● recherche... ● recherche... ● recherche... ● recherche... ● recherche... ● recherche...</p></div></div><!-- AVATARS ET LIENS --><div class="sr_avatar"><div class="sr_image"><img src="https://nsa40.casimages.com/img/2021/07/16/210716034701653453.png" alt="" /></div></div><!-- RP EN COURS --><div class="sr_uc"><h3 style="background: #000; color: #fff;"><i class="fas fa-forward"></i> En cours</h3> <div class="sr_content_listing"><div class="sr_cl"><div class="sr_listing"><span class="statut_rp" style="background: #dc3a2c;">Actuel</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div><!-- --><div class="sr_listing"><span class="statut_rp" style="background: #dc3a2c;">FlashB</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div><!-- --><div class="sr_listing"><span class="statut_rp" style="background: #dc3a2c;">Event</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div><!-- --><div class="sr_listing"><span class="statut_rp" style="background: #dc3a2c;">Soon</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div></div></div></div><!-- RP TERMINES --><div class="sr_termines"><h3 style="background: #000; color: #fff;"><i class="fas fa-check"></i> Terminés</h3> <div class="sr_content_listing"><div class="sr_cl"><div class="sr_listing"><span class="statut_rp" style="background: #dc3a2c;">Actuel</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div><!-- --><div class="sr_listing"><span class="statut_rp" style="background: #dc3a2c;">FlashB</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div><!-- --><div class="sr_listing"><span class="statut_rp" style="background: #dc3a2c;">Event</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div><!-- --><div class="sr_listing"><span class="statut_rp" style="background: #dc3a2c;">Abandon</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div></div></div></div><!-- --><div class="sr_end"><a href="http://ls-halloween.fr/" class="h_credits" target="_blank">Halloween</a></div></div><div class="sr_fin"></div></div> GUIDE FICHE RELATION PARTIE HAUTE: NOM Prénom relationTexte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte NOM Prénom relationDescription. NOM Prénom relationDescription. NOM Prénom relationDescription. NOM Prénom relationDescription. NOM Prénom relationDescription. Code: <link href="https://www.aht.li/3570962/RS_ORN.css" rel="stylesheet" type="text/css"><!-- TOUTES COULEURS PERSONNALISABLES \| IMAGES EN 150*225 MINIMUM - RECADRAGE AUTOMATIQUE --><div class="ORN"><!-- CREDIT --><a class="cdtORN" href="http://crushcrushcrush.actifforum.com" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- LIEN I --><div class="flipORN" style="border-color:white; background:white;"><div class="lksORN"><div class="cardORN"><!-- IMAGE I --><img src="https://www.aht.li/3313522/150225BW.png"/></div><!-- CONTENU I --><div class="cardORN backORN" style="background:#F6F6F6; color:black;"><!-- NOM PRENOM I --><div>NOM Prénom</div><!-- RELATION I --><span style="border-top-color:black;">relation</span><!-- DESCRIPTION I -->Texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte</div></div></div><!-- LIEN II --><div class="flipORN" style="border-color:white; background:white;"><div class="lksORN"><div class="cardORN"><!-- IMAGE II --><img src="https://www.aht.li/3313522/150225BW.png"/></div><!-- CONTENU II --><div class="cardORN backORN" style="background:#F6F6F6; color:black;"><!-- NOM PRENOM II --><div>NOM Prénom</div><!-- RELATION II --><span style="border-top-color:black;">relation</span><!-- DESCRIPTION II -->Description.</div></div></div><!-- LIEN III --><div class="flipORN" style="border-color:white; background:white;"><div class="lksORN"><div class="cardORN"><!-- IMAGE III --><img src="https://www.aht.li/3313522/150225BW.png"/></div><!-- CONTENU III --><div class="cardORN backORN" style="background:#F6F6F6; color:black;"><!-- NOM PRENOM III --><div>NOM Prénom</div><!-- RELATION III --><span style="border-top-color:black;">relation</span><!-- DESCRIPTION III -->Description.</div></div></div><!-- LIEN IV --><div class="flipORN" style="border-color:white; background:white;"><div class="lksORN"><div class="cardORN"><!-- IMAGE IV --><img src="https://www.aht.li/3313522/150225BW.png"/></div><!-- CONTENU IV --><div class="cardORN backORN" style="background:#F6F6F6; color:black;"><!-- NOM PRENOM IV --><div>NOM Prénom</div><!-- RELATION IV --><span style="border-top-color:black;">relation</span><!-- DESCRIPTION IV -->Description.</div></div></div><!-- LIEN V --><div class="flipORN" style="border-color:white; background:white;"><div class="lksORN"><div class="cardORN"><!-- IMAGE V --><img src="https://www.aht.li/3313522/150225BW.png"/></div><!-- CONTENU V --><div class="cardORN backORN" style="background:#F6F6F6; color:black;"><!-- NOM PRENOM V --><div>NOM Prénom</div><!-- RELATION V --><span style="border-top-color:black;">relation</span><!-- DESCRIPTION V -->Description.</div></div></div><!-- LIEN VI --><div class="flipORN" style="border-color:white; background:white;"><div class="lksORN"><div class="cardORN"><!-- IMAGE VI --><img src="https://www.aht.li/3313522/150225BW.png"/></div><!-- CONTENU VI --><div class="cardORN backORN" style="background:#F6F6F6; color:black;"><!-- NOM PRENOM VI --><div>NOM Prénom</div><!-- RELATION VI --><span style="border-top-color:black;">relation</span><!-- DESCRIPTION VI -->Description.</div></div></div></div> GUIDE FICHE RELATION PARTIE BASSE:
Maitre des lieux