ɤ Messages : 333
ɤ Allégeance réelle : Ealdor
| Sujet: ɤ Modèle de fiche de liens Dim 5 Aoû - 2:11 | |
|
formulaire non-obligatoire Dans cette section, vous êtes libres d'utiliser le code que vous voulez pour habiller vos fiches de liens et de rps, mais nous voulions tout de même vous proposer un codage adapté au forum pour mettre le tout en page, au cas où vous auriez envie d'en faire usage. Vous trouverez les codes dans le message ci-dessous. N'hésitez pas à les utiliser et à les modifier à loisir pour mettre en page votre fiche bien à vous.
Nous vous conseillons tout de même d'éviter d'y apporter trop de modifications, puisque les codes seront modifiés dans le CSS du forum lors des mises à jours. Nous souhaitons éviter toute déformation dans votre mise en page..
|
|
ɤ Messages : 333
ɤ Allégeance réelle : Ealdor
| Sujet: Re: ɤ Modèle de fiche de liens Dim 5 Aoû - 2:12 | |
| une petite citation par ici - Code:
-
<br /><center><div class="scfiche"><div class="sctitre"> <div class="sct">Prénom Nom</div></div> <div class="scst">une petite citation par ici</div><table><tr><td><div class="scimg"><div class="scimgtop" style="background:url('https://i.imgur.com/QQ7EWRP.png'); background-repeat: no-repeat; background-size: 100%;"></div><div class="scimgbot" style="background:url('https://i.imgur.com/UL64MUQ.png');background-repeat: no-repeat; background-size: 100%;"></div></div></td>
<td><div class="scong"><div class="scfdtxt"><div class="sconglet"><input type="radio" id="tab-1" name="tab-group-1" checked><label for="tab-1" style="margin-left: -127px; margin-top:53px; width:20px;"><div class="scongan"><div class="sctxtong"><img src="https://i.imgur.com/onFQ91f.png" width="20"></div></div></label> <div class="scbloc">Écrivez la biographie de votre personnage ici.</div></div>
<div class="sconglet"><input type="radio" id="tab-2" name="tab-group-1"><label for="tab-2" style="margin-left: -127px; margin-top: 123px; width: 20px;"><div class="scongan"><div class="sctxtong"><img src="https://i.imgur.com/onFQ91f.png" width="20"></div></div></label> <div class="scbloc">Écrivez les liens que vous recherchez ici</div></div>
<div class="sconglet"><input type="radio" id="tab-3" name="tab-group-1"><label for="tab-3" style="margin-left: -127px; margin-top: 193px; width: 20px;"><div class="scongan"><div class="sctxtong"><img src="https://i.imgur.com/onFQ91f.png" width="20"></div></div></label> <div class="scbloc"><center><tt>RPs en cours</tt></center> <ot>ɤ</ot> <a href="">Titre du rp</a> (ft. Partenaire) <ot>ɤ</ot> <a href="">Titre du rp</a> (ft. Partenaire)
<center><ot>RPs abandonnés</ot></center> <tt>ɤ</tt> <a href="">Titre du rp</a> (ft. Partenaire) <tt>ɤ</tt> <a href="">Titre du rp</a> (ft. Partenaire)
<center><tt>RPs terminés</tt></center> <ot>ɤ</ot> <a href="">Titre du rp</a> (ft. Partenaire) <ot>ɤ</ot> <a href="">Titre du rp</a> (ft. Partenaire) </div></div></td></tr></table>
</div></center> Un joli sous-titre
Prénom Nom Titre du lien Écrire ici. |
Prénom Nom Titre du lien Écrire ici. |
- Code:
-
<br /><center><div class="scfiche"><div class="sctitre"><div class="sct"> Les liens</div></div> <div class="scst">Un joli sous-titre</div><table><tr><td><div class="imgliensleft" style="background:url('URL D'UN GIF ICI'); background-size: cover; background-repeat: no-repeat; background-position: center;"></div> <div class="nameliens">Prénom Nom</div><div class="blocliensleft"><center><ot>Titre du lien</ot></center> Écrire ici.</div></td><td><div class="imgliensright" style="background:url('URL D'UN GIF ICI'); background-size: cover; background-repeat: no-repeat; background-position: center;"></div> <div class="nameliens">Prénom Nom</div><div class="blocliensright"><center><ot>Titre du lien</ot></center> Écrire ici.</div></td></tr></table></div></center> Copiez-collez le code suivent avant la fermeture de la balise table pour ajouter des liens : - Code:
-
<tr><td><div class="imgliensleft" style="background:url('URL D'UN GIF ICI'); background-size: cover; background-repeat: no-repeat; background-position: center;"></div> <div class="nameliens">Prénom Nom</div><div class="blocliensleft"><center><ot>Titre du lien</ot></center> Écrire ici.</div></td><td><div class="imgliensright" style="background:url('URL D'UN GIF ICI'); background-size: cover; background-repeat: no-repeat; background-position: center;"></div> <div class="nameliens">Prénom Nom</div><div class="blocliensright"><center><ot>Titre du lien</ot></center> Écrire ici.</div></td></tr>
Les liens
Prénom Nom Titre du lienLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | Prénom Nom Titre du lienLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | Prénom Nom Titre du lienLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | Prénom Nom Titre du lienLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | Prénom Nom Titre du lienLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | Prénom Nom Titre du lienLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | - Code:
-
<center><br /><div class="fchtitre">Les liens</div><br /><table><tr><td><div class="presimg"><div class="presava" style="background:url('https://i.imgur.com/QQ7EWRP.png'); background-repeat: no-repeat; background-size: 100%;"></div><div class="prescomp"><div class="loctit">Prénom Nom</div><center><ot>Titre du lien</ot></center>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></div></td><td><div class="presimg"><div class="presava" style="background:url('https://i.imgur.com/QQ7EWRP.png'); background-repeat: no-repeat; background-size: 100%;"></div><div class="prescomp"><div class="loctit">Prénom Nom</div><center><ot>Titre du lien</ot></center>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></div></td><td><div class="presimg"><div class="presava" style="background:url('https://i.imgur.com/QQ7EWRP.png'); background-repeat: no-repeat; background-size: 100%;"></div><div class="prescomp"><div class="loctit">Prénom Nom</div><center><ot>Titre du lien</ot></center>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></div></td></tr><tr><td><div class="presimg"><div class="presava" style="background:url('https://i.imgur.com/QQ7EWRP.png'); background-repeat: no-repeat; background-size: 100%;"></div><div class="prescomp"><div class="loctit">Prénom Nom</div><center><ot>Titre du lien</ot></center>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></div></td><td><div class="presimg"><div class="presava" style="background:url('https://i.imgur.com/QQ7EWRP.png'); background-repeat: no-repeat; background-size: 100%;"></div><div class="prescomp"><div class="loctit">Prénom Nom</div><center><ot>Titre du lien</ot></center>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></div></td><td><div class="presimg"><div class="presava" style="background:url('https://i.imgur.com/QQ7EWRP.png'); background-repeat: no-repeat; background-size: 100%;"></div><div class="prescomp"><div class="loctit">Prénom Nom</div><center><ot>Titre du lien</ot></center>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></div></td></tr></table></center> |
|