[Commande codage] Mise en page de fiche lien, partie 1

Jeu 3 Oct 2019 - 2:09

Coucou !

Me revoilà pour une nouvelle commande, cette fois il s'agit d'une partie de fiche de liens pour un forum RPG. Very Happy

Type de commande (modification de templates, en-tête, qeel, mise en page de messages, pub, autres) : Mise en page présentation fiche de liens
Pour quel forum : lui
Maquette graphique/schéma/croquis : Cette fois j'ai ça !

Spoiler:

Informations utiles (couleurs, images, etc, …) : Pour la taille je dirai que celle du schéma est pas mal, peut-être un tantinet moins long ? Je crois que la taille est de 545*705, peut-être que baisser de 100 est possible ? Je ne me rend pas bien compte.
Image de fond :

Spoiler:

Oui, j'ai foiré à droite, mais comme il y aura une bordure ... xD

Pour les bordures bleu je n'ai pas pensé à vérifier la taille, mais je dirais que c'est un peu à l’œil ? Pas trop gros, mais pas trop fin ?
Question typo, j'accroche à l'idée d'une police arrondi pour le pseudo et du classique pour le reste, mais comme j'ignore les polices arrondies qui sont là de base je ne sais pas quoi demander. Comment je peux savoir ce qui est présent de base ?
Présentation et Hiboux sont des liens, mais le premier mot pas du tout.

Le code pourra-t-il être mis en libre service ensuite ? Bien sûr

Voilà, je pense avoir tout donné ! Merci d'avance à qui pourra s'en charger <3

Jeu 3 Oct 2019 - 7:58

Coucou !

Demande bien complète =)
Pour les polices tu peux les retrouver ici https://fonts.google.com/

Tu auras l'image du haut de la fiche aussi stp ?

Je vais prendre ne charge, je te rends ça dans la journée =)

Jeu 3 Oct 2019 - 12:50

Hey !

J'ai internet pour le moment alors j'en profite pour te donner l'image manquante : https://www.zupimages.net/up/19/40/k1pa.png
Question police j'ai trouvé celles-ci : https://fonts.google.com/specimen/Mansalva ; https://fonts.google.com/specimen/Dancing+Script ; https://fonts.google.com/specimen/Satisfy.

Je n'ai pas précisé pour l'encadré texte, mais là aussi la police simple de Time new roman ou Arial devrait suffit. Pas trop de restriction à ce sujet finalement.

Jeu 3 Oct 2019 - 14:38

Hello !

Merci pour ces précisions Wink

Du coup dernière question, c'est pour un forum où tu es membre ou c'est un forum où tu as accès au Panneau d'admin ?

Jeu 3 Oct 2019 - 14:55

Un forum où je suis membre, je ne pourrais pas séparer CSS et HTML :/

Sam 5 Oct 2019 - 17:46

Hello @Cappuccino !

Voilà ce que je te propose :

Code:: <link href="https://fonts.googleapis.com/css?family=Mansalva&display=swap" rel="stylesheet"> <style>#MVN_fiche_lien{background:url(https://www.zupimages.net/up/19/40/li40.png) no-repeat;width:545px;height:605px;margin:auto;padding:20px 5px;box-sizing:border-box;font-family:'Times New Roman';border-left:#1a3b58 5px solid;border-right:#1a3b58 8px solid;color:#fff}#MVN_fiche_lien #header{margin:auto;text-align:center;position:relative}#MVN_fiche_lien #header #nom{font-family:Mansalva,cursive;font-size:30px;line-height:20px;position:absolute;bottom:-25px;left:35%;text-transform:uppercase}#MVN_fiche_lien #header #sous-titre{font-family:'Times New Roman';display:block;font-size:20px}#MVN_fiche_lien #zone_texte{width:90%;height:180px;margin:50px auto auto;background:rgba(255,255,255,.2);overflow:auto;padding:5px;text-align:justify}#MVN_fiche_lien #zone_texte p{text-indent:15px;font-family:'Times New Roman' !important;font-size:14px !important}#MVN_fiche_lien .zone-flex{display:flex;justify-content:space-between;align-items:center;height:50px;align-content:center}#MVN_fiche_lien .zone-flex div{text-transform:uppercase;width:33%;color:#fff;line-height:50px;text-align:center;font-weight:700;font-size:13px}#MVN_fiche_lien .zone-flex div a{color:#fff;text-decoration:none;font-weight:700;font-size:13px}</style><div id="MVN_fiche_lien"><div id="header"><div id="image"><img src="https://www.zupimages.net/up/19/40/k1pa.png" alt="Roan Heller" /></div><div id="nom">Roan Helle<span id="sous-titre">Professeur de DCFM</span></div></div><div id="zone_texte"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris commodo eros ac ex imperdiet gravida. Phasellus dapibus dictum magna, nec laoreet nulla aliquam sed. Suspendisse nisl lorem, tempor quis elit sed, cursus convallis odio. Praesent malesuada augue magna, sed vulputate nisi interdum sed. Cras aliquet erat non fermentum scelerisque. Mauris viverra purus non leo malesuada efficitur. Sed ut magna sit amet lectus condimentum imperdiet. Proin vel pulvinar metus. Pellentesque neque turpis, lacinia eget risus eget, bibendum suscipit felis. Mauris dapibus ultrices justo, a tincidunt purus. Nullam augue metus, accumsan nec sem ut, aliquam finibus metus. Duis arcu purus, ultricies nec auctor pretium, commodo non nulla.</p><p>Curabitur nec euismod urna. Cras eget dignissim felis, vitae sollicitudin felis. Nulla gravida nisi ut nunc egestas laoreet. Aliquam erat volutpat. Aliquam semper aliquet ipsum, et rhoncus orci convallis eu. Nunc massa ex, convallis eget enim aliquet, tempor laoreet dui. Fusce id metus accumsan, semper risus at, luctus neque. Integer finibus pharetra faucibus.</p><p>Integer congue ligula libero, vitae sagittis odio mattis in. Donec molestie orci et neque mollis, eu gravida nulla fringilla. Quisque faucibus pulvinar nisl, non blandit erat tempus a. Proin a dapibus lacus. Quisque cursus diam non placerat rhoncus. Fusce in rutrum elit, quis tristique quam. Maecenas feugiat ante vel ipsum pharetra, in posuere lectus euismod. Nunc consectetur ac sem mollis euismod.</p><p>Quisque accumsan venenatis ornare. Ut vel blandit ipsum. Vestibulum ullamcorper vitae ligula a pulvinar. Nulla laoreet, orci ut commodo mattis, justo elit imperdiet mauris, vitae faucibus ipsum ante et purus. Etiam sit amet ligula vel libero placerat pellentesque. Pellentesque condimentum, sapien et condimentum tristique, mi metus cursus diam, nec rutrum nibh lectus vitae risus. Phasellus nulla sem, scelerisque nec mi sed, iaculis vestibulum neque. Sed fringilla blandit elementum. Nam eleifend facilisis fringilla. Nam mattis velit et augue ultrices, sit amet tincidunt turpis dignissim. Nam vulputate neque in magna dictum, at auctor orci lobortis. Nullam mollis dolor sed pharetra sollicitudin. Nulla pellentesque interdum libero eget tempor. Proin sit amet efficitur felis, gravida consectetur tortor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus dapibus, dui ut efficitur mollis, risus lorem vestibulum sapien, a tincidunt felis sem in metus. Nam nec orci sed ante venenatis molestie. Nulla in ligula nec arcu pretium tristique. Sed accumsan ex eu dolor tincidunt, quis euismod eros cursus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla a placerat erat. Nam venenatis lacus urna, sed aliquam quam maximus eu. Donec tempus consectetur leo, eu luctus metus cursus in. Quisque id lacus sit amet lectus gravida semper et eu lacus. </p></div><div class="zone-flex"><div>Disponible pour RP</div><div><a href="">Présentation</a></div><div><a href="">Envoyer un hibou</a></div></div></div> [code]<link href="https://fonts.googleapis.com/css?family=Mansalva&display=swap" rel="stylesheet"> <style>#MVN_fiche_lien{background:url(https://www.zupimages.net/up/19/40/li40.png) no-repeat;width:545px;height:605px;margin:auto;padding:20px 5px;box-sizing:border-box;font-family:'Times New Roman';border-left:#1a3b58 5px solid;border-right:#1a3b58 8px solid;color:#fff}#MVN_fiche_lien #header{margin:auto;text-align:center;position:relative}#MVN_fiche_lien #header #nom{font-family:Mansalva,cursive;font-size:30px;line-height:20px;position:absolute;bottom:-25px;left:35%;text-transform:uppercase}#MVN_fiche_lien #header #sous-titre{font-family:'Times New Roman';display:block;font-size:20px}#MVN_fiche_lien #zone_texte{width:90%;height:180px;margin:50px auto auto;background:rgba(255,255,255,.2);overflow:auto;padding:5px;text-align:justify}#MVN_fiche_lien #zone_texte p{text-indent:15px;font-family:'Times New Roman' !important;font-size:14px !important}#MVN_fiche_lien .zone-flex{display:flex;justify-content:space-between;align-items:center;height:50px;align-content:center}#MVN_fiche_lien .zone-flex div{text-transform:uppercase;width:33%;color:#fff;line-height:50px;text-align:center;font-weight:700;font-size:13px}#MVN_fiche_lien .zone-flex div a{color:#fff;text-decoration:none;font-weight:700;font-size:13px}</style><div id="MVN_fiche_lien"><div id="header"><div id="image"><img src="https://www.zupimages.net/up/19/40/k1pa.png" alt="Roan Heller" /></div><div id="nom">Roan Helle<span id="sous-titre">Professeur de DCFM</span></div></div><div id="zone_texte"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris commodo eros ac ex imperdiet gravida. Phasellus dapibus dictum magna, nec laoreet nulla aliquam sed. Suspendisse nisl lorem, tempor quis elit sed, cursus convallis odio. Praesent malesuada augue magna, sed vulputate nisi interdum sed. Cras aliquet erat non fermentum scelerisque. Mauris viverra purus non leo malesuada efficitur. Sed ut magna sit amet lectus condimentum imperdiet. Proin vel pulvinar metus. Pellentesque neque turpis, lacinia eget risus eget, bibendum suscipit felis. Mauris dapibus ultrices justo, a tincidunt purus. Nullam augue metus, accumsan nec sem ut, aliquam finibus metus. Duis arcu purus, ultricies nec auctor pretium, commodo non nulla.</p><p>Curabitur nec euismod urna. Cras eget dignissim felis, vitae sollicitudin felis. Nulla gravida nisi ut nunc egestas laoreet. Aliquam erat volutpat. Aliquam semper aliquet ipsum, et rhoncus orci convallis eu. Nunc massa ex, convallis eget enim aliquet, tempor laoreet dui. Fusce id metus accumsan, semper risus at, luctus neque. Integer finibus pharetra faucibus.</p><p>Integer congue ligula libero, vitae sagittis odio mattis in. Donec molestie orci et neque mollis, eu gravida nulla fringilla. Quisque faucibus pulvinar nisl, non blandit erat tempus a. Proin a dapibus lacus. Quisque cursus diam non placerat rhoncus. Fusce in rutrum elit, quis tristique quam. Maecenas feugiat ante vel ipsum pharetra, in posuere lectus euismod. Nunc consectetur ac sem mollis euismod.</p><p>Quisque accumsan venenatis ornare. Ut vel blandit ipsum. Vestibulum ullamcorper vitae ligula a pulvinar. Nulla laoreet, orci ut commodo mattis, justo elit imperdiet mauris, vitae faucibus ipsum ante et purus. Etiam sit amet ligula vel libero placerat pellentesque. Pellentesque condimentum, sapien et condimentum tristique, mi metus cursus diam, nec rutrum nibh lectus vitae risus. Phasellus nulla sem, scelerisque nec mi sed, iaculis vestibulum neque. Sed fringilla blandit elementum. Nam eleifend facilisis fringilla. Nam mattis velit et augue ultrices, sit amet tincidunt turpis dignissim. Nam vulputate neque in magna dictum, at auctor orci lobortis. Nullam mollis dolor sed pharetra sollicitudin. Nulla pellentesque interdum libero eget tempor. Proin sit amet efficitur felis, gravida consectetur tortor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus dapibus, dui ut efficitur mollis, risus lorem vestibulum sapien, a tincidunt felis sem in metus. Nam nec orci sed ante venenatis molestie. Nulla in ligula nec arcu pretium tristique. Sed accumsan ex eu dolor tincidunt, quis euismod eros cursus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla a placerat erat. Nam venenatis lacus urna, sed aliquam quam maximus eu. Donec tempus consectetur leo, eu luctus metus cursus in. Quisque id lacus sit amet lectus gravida semper et eu lacus. </p></div><div class="zone-flex"><div>Disponible pour RP</div><div><a href="">Présentation</a></div><div><a href="">Envoyer un hibou</a></div></div></div>[/code]

Qu'en penses-tu ?

Sam 5 Oct 2019 - 17:51

C'est tout à fait ce que je voulais, merci ! <3

Edit : C'est moi ou le pseudo + le rôle ne sont pas centrés ? ^^'

Sam 5 Oct 2019 - 17:59

Non pas tout à fait :/ C'est du à un test que j'ai fait que j'ai oublié de corriger...

HOP voilà

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris commodo eros ac ex imperdiet gravida. Phasellus dapibus dictum magna, nec laoreet nulla aliquam sed. Suspendisse nisl lorem, tempor quis elit sed, cursus convallis odio. Praesent malesuada augue magna, sed vulputate nisi interdum sed. Cras aliquet erat non fermentum scelerisque. Mauris viverra purus non leo malesuada efficitur. Sed ut magna sit amet lectus condimentum imperdiet. Proin vel pulvinar metus. Pellentesque neque turpis, lacinia eget risus eget, bibendum suscipit felis. Mauris dapibus ultrices justo, a tincidunt purus. Nullam augue metus, accumsan nec sem ut, aliquam finibus metus. Duis arcu purus, ultricies nec auctor pretium, commodo non nulla.

Curabitur nec euismod urna. Cras eget dignissim felis, vitae sollicitudin felis. Nulla gravida nisi ut nunc egestas laoreet. Aliquam erat volutpat. Aliquam semper aliquet ipsum, et rhoncus orci convallis eu. Nunc massa ex, convallis eget enim aliquet, tempor laoreet dui. Fusce id metus accumsan, semper risus at, luctus neque. Integer finibus pharetra faucibus.

Integer congue ligula libero, vitae sagittis odio mattis in. Donec molestie orci et neque mollis, eu gravida nulla fringilla. Quisque faucibus pulvinar nisl, non blandit erat tempus a. Proin a dapibus lacus. Quisque cursus diam non placerat rhoncus. Fusce in rutrum elit, quis tristique quam. Maecenas feugiat ante vel ipsum pharetra, in posuere lectus euismod. Nunc consectetur ac sem mollis euismod.

Quisque accumsan venenatis ornare. Ut vel blandit ipsum. Vestibulum ullamcorper vitae ligula a pulvinar. Nulla laoreet, orci ut commodo mattis, justo elit imperdiet mauris, vitae faucibus ipsum ante et purus. Etiam sit amet ligula vel libero placerat pellentesque. Pellentesque condimentum, sapien et condimentum tristique, mi metus cursus diam, nec rutrum nibh lectus vitae risus. Phasellus nulla sem, scelerisque nec mi sed, iaculis vestibulum neque. Sed fringilla blandit elementum. Nam eleifend facilisis fringilla. Nam mattis velit et augue ultrices, sit amet tincidunt turpis dignissim. Nam vulputate neque in magna dictum, at auctor orci lobortis. Nullam mollis dolor sed pharetra sollicitudin. Nulla pellentesque interdum libero eget tempor. Proin sit amet efficitur felis, gravida consectetur tortor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus dapibus, dui ut efficitur mollis, risus lorem vestibulum sapien, a tincidunt felis sem in metus. Nam nec orci sed ante venenatis molestie. Nulla in ligula nec arcu pretium tristique. Sed accumsan ex eu dolor tincidunt, quis euismod eros cursus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla a placerat erat. Nam venenatis lacus urna, sed aliquam quam maximus eu. Donec tempus consectetur leo, eu luctus metus cursus in. Quisque id lacus sit amet lectus gravida semper et eu lacus.

Disponible pour RP

Présentation

Envoyer un hibou

Fiche par © Mäven sur La Tambouille

Code:: <link href="https://fonts.googleapis.com/css?family=Mansalva&display=swap" rel="stylesheet"> <style>#MVN_fiche_lien{background:url(https://www.zupimages.net/up/19/40/li40.png) no-repeat;width:545px;height:605px;margin:auto;padding:20px 5px;box-sizing:border-box;font-family:'Times New Roman';border-left:#1a3b58 5px solid;border-right:#1a3b58 8px solid;color:#fff}#MVN_fiche_lien #header{margin:auto;text-align:center;position:relative}#MVN_fiche_lien #header #nom{font-family:Mansalva,cursive;font-size:30px;line-height:20px;position:absolute;bottom:-25px;width:100%;text-align:center;text-transform:uppercase}#MVN_fiche_lien #header #sous-titre{font-family:'Times New Roman';display:block;font-size:20px}#MVN_fiche_lien #zone_texte{width:90%;height:180px;margin:50px auto auto;background:rgba(255,255,255,.2);overflow:auto;padding:5px;text-align:justify}#MVN_fiche_lien #zone_texte p{text-indent:15px;font-family:'Times New Roman' !important;font-size:14px !important}#MVN_fiche_lien .zone-flex{display:flex;justify-content:space-between;align-items:center;height:50px;align-content:center}#MVN_fiche_lien .zone-flex div{text-transform:uppercase;width:33%;color:#fff;line-height:50px;text-align:center;font-weight:700;font-size:13px}#MVN_fiche_lien .zone-flex div a{color:#fff;text-decoration:none;font-weight:700;font-size:13px}#MVN_fiche_lien #copy{font-size:10px;text-align:center}</style><div id="MVN_fiche_lien"><div id="header"><div id="image"><img src="https://www.zupimages.net/up/19/40/k1pa.png" alt="Roan Heller" /></div><div id="nom">Roan Helle<span id="sous-titre">Professeur de DCFM</span></div></div><div id="zone_texte"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris commodo eros ac ex imperdiet gravida. Phasellus dapibus dictum magna, nec laoreet nulla aliquam sed. Suspendisse nisl lorem, tempor quis elit sed, cursus convallis odio. Praesent malesuada augue magna, sed vulputate nisi interdum sed. Cras aliquet erat non fermentum scelerisque. Mauris viverra purus non leo malesuada efficitur. Sed ut magna sit amet lectus condimentum imperdiet. Proin vel pulvinar metus. Pellentesque neque turpis, lacinia eget risus eget, bibendum suscipit felis. Mauris dapibus ultrices justo, a tincidunt purus. Nullam augue metus, accumsan nec sem ut, aliquam finibus metus. Duis arcu purus, ultricies nec auctor pretium, commodo non nulla.</p><p>Curabitur nec euismod urna. Cras eget dignissim felis, vitae sollicitudin felis. Nulla gravida nisi ut nunc egestas laoreet. Aliquam erat volutpat. Aliquam semper aliquet ipsum, et rhoncus orci convallis eu. Nunc massa ex, convallis eget enim aliquet, tempor laoreet dui. Fusce id metus accumsan, semper risus at, luctus neque. Integer finibus pharetra faucibus.</p><p>Integer congue ligula libero, vitae sagittis odio mattis in. Donec molestie orci et neque mollis, eu gravida nulla fringilla. Quisque faucibus pulvinar nisl, non blandit erat tempus a. Proin a dapibus lacus. Quisque cursus diam non placerat rhoncus. Fusce in rutrum elit, quis tristique quam. Maecenas feugiat ante vel ipsum pharetra, in posuere lectus euismod. Nunc consectetur ac sem mollis euismod.</p><p>Quisque accumsan venenatis ornare. Ut vel blandit ipsum. Vestibulum ullamcorper vitae ligula a pulvinar. Nulla laoreet, orci ut commodo mattis, justo elit imperdiet mauris, vitae faucibus ipsum ante et purus. Etiam sit amet ligula vel libero placerat pellentesque. Pellentesque condimentum, sapien et condimentum tristique, mi metus cursus diam, nec rutrum nibh lectus vitae risus. Phasellus nulla sem, scelerisque nec mi sed, iaculis vestibulum neque. Sed fringilla blandit elementum. Nam eleifend facilisis fringilla. Nam mattis velit et augue ultrices, sit amet tincidunt turpis dignissim. Nam vulputate neque in magna dictum, at auctor orci lobortis. Nullam mollis dolor sed pharetra sollicitudin. Nulla pellentesque interdum libero eget tempor. Proin sit amet efficitur felis, gravida consectetur tortor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus dapibus, dui ut efficitur mollis, risus lorem vestibulum sapien, a tincidunt felis sem in metus. Nam nec orci sed ante venenatis molestie. Nulla in ligula nec arcu pretium tristique. Sed accumsan ex eu dolor tincidunt, quis euismod eros cursus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla a placerat erat. Nam venenatis lacus urna, sed aliquam quam maximus eu. Donec tempus consectetur leo, eu luctus metus cursus in. Quisque id lacus sit amet lectus gravida semper et eu lacus. </p></div><div class="zone-flex"><div>Disponible pour RP</div><div><a href="">Présentation</a></div><div><a href="">Envoyer un hibou</a></div></div><div id="copy">Fiche par © Mäven sur <a href="http://tambouille-raleuses.forumactif.com">La Tambouille</a></div></div>

Sam 5 Oct 2019 - 18:22

C'est placé et je rencontre un léger soucis avec le crédit :

[Commande codage] Mise en page de fiche lien, partie 1 5kr5

Sam 5 Oct 2019 - 18:27

Essaye avec ce code Smile

Code:: & copy;

Code:: <link href="https://fonts.googleapis.com/css?family=Mansalva&display=swap" rel="stylesheet"> <style>#MVN_fiche_lien{background:url(https://www.zupimages.net/up/19/40/li40.png) no-repeat;width:545px;height:605px;margin:auto;padding:20px 5px;box-sizing:border-box;font-family:'Times New Roman';border-left:#1a3b58 5px solid;border-right:#1a3b58 8px solid;color:#fff}#MVN_fiche_lien #header{margin:auto;text-align:center;position:relative}#MVN_fiche_lien #header #nom{font-family:Mansalva,cursive;font-size:30px;line-height:20px;position:absolute;bottom:-25px;width:100%;text-align:center;text-transform:uppercase}#MVN_fiche_lien #header #sous-titre{font-family:'Times New Roman';display:block;font-size:20px}#MVN_fiche_lien #zone_texte{width:90%;height:180px;margin:50px auto auto;background:rgba(255,255,255,.2);overflow:auto;padding:5px;text-align:justify}#MVN_fiche_lien #zone_texte p{text-indent:15px;font-family:'Times New Roman' !important;font-size:14px !important}#MVN_fiche_lien .zone-flex{display:flex;justify-content:space-between;align-items:center;height:40px;align-content:center}#MVN_fiche_lien .zone-flex div{text-transform:uppercase;width:33%;color:#fff;line-height:40px;text-align:center;font-weight:700;font-size:13px}#MVN_fiche_lien .zone-flex div a{color:#fff;text-decoration:none;font-weight:700;font-size:13px}#MVN_fiche_lien #copy{font-size:10px;text-align:center}</style><div id="MVN_fiche_lien"><div id="header"><div id="image"><img src="https://www.zupimages.net/up/19/40/k1pa.png" alt="Roan Heller" /></div><div id="nom">Roan Helle<span id="sous-titre">Professeur de DCFM</span></div></div><div id="zone_texte"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris commodo eros ac ex imperdiet gravida. Phasellus dapibus dictum magna, nec laoreet nulla aliquam sed. Suspendisse nisl lorem, tempor quis elit sed, cursus convallis odio. Praesent malesuada augue magna, sed vulputate nisi interdum sed. Cras aliquet erat non fermentum scelerisque. Mauris viverra purus non leo malesuada efficitur. Sed ut magna sit amet lectus condimentum imperdiet. Proin vel pulvinar metus. Pellentesque neque turpis, lacinia eget risus eget, bibendum suscipit felis. Mauris dapibus ultrices justo, a tincidunt purus. Nullam augue metus, accumsan nec sem ut, aliquam finibus metus. Duis arcu purus, ultricies nec auctor pretium, commodo non nulla.</p><p>Curabitur nec euismod urna. Cras eget dignissim felis, vitae sollicitudin felis. Nulla gravida nisi ut nunc egestas laoreet. Aliquam erat volutpat. Aliquam semper aliquet ipsum, et rhoncus orci convallis eu. Nunc massa ex, convallis eget enim aliquet, tempor laoreet dui. Fusce id metus accumsan, semper risus at, luctus neque. Integer finibus pharetra faucibus.</p><p>Integer congue ligula libero, vitae sagittis odio mattis in. Donec molestie orci et neque mollis, eu gravida nulla fringilla. Quisque faucibus pulvinar nisl, non blandit erat tempus a. Proin a dapibus lacus. Quisque cursus diam non placerat rhoncus. Fusce in rutrum elit, quis tristique quam. Maecenas feugiat ante vel ipsum pharetra, in posuere lectus euismod. Nunc consectetur ac sem mollis euismod.</p><p>Quisque accumsan venenatis ornare. Ut vel blandit ipsum. Vestibulum ullamcorper vitae ligula a pulvinar. Nulla laoreet, orci ut commodo mattis, justo elit imperdiet mauris, vitae faucibus ipsum ante et purus. Etiam sit amet ligula vel libero placerat pellentesque. Pellentesque condimentum, sapien et condimentum tristique, mi metus cursus diam, nec rutrum nibh lectus vitae risus. Phasellus nulla sem, scelerisque nec mi sed, iaculis vestibulum neque. Sed fringilla blandit elementum. Nam eleifend facilisis fringilla. Nam mattis velit et augue ultrices, sit amet tincidunt turpis dignissim. Nam vulputate neque in magna dictum, at auctor orci lobortis. Nullam mollis dolor sed pharetra sollicitudin. Nulla pellentesque interdum libero eget tempor. Proin sit amet efficitur felis, gravida consectetur tortor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus dapibus, dui ut efficitur mollis, risus lorem vestibulum sapien, a tincidunt felis sem in metus. Nam nec orci sed ante venenatis molestie. Nulla in ligula nec arcu pretium tristique. Sed accumsan ex eu dolor tincidunt, quis euismod eros cursus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla a placerat erat. Nam venenatis lacus urna, sed aliquam quam maximus eu. Donec tempus consectetur leo, eu luctus metus cursus in. Quisque id lacus sit amet lectus gravida semper et eu lacus. </p></div><div class="zone-flex"><div>Disponible pour RP</div><div><a href="">Présentation</a></div><div><a href="">Envoyer un hibou</a></div></div><div id="copy">Fiche par © Mäven sur <a href="http://tambouille-raleuses.forumactif.com">La Tambouille</a></div></div>

Sam 5 Oct 2019 - 18:32

Effectivement, tout va mieux ! Merci Mävent <3

Dim 6 Oct 2019 - 11:59

Super =)

J'archive du coup ? Ou tu veux le garder un peu encore ?

Dim 6 Oct 2019 - 16:48

Coucou

Tu peux archiver, c'est tout bon Smile

[Commande codage] Mise en page de fiche lien, partie 1

[Commande codage] Mise en page de fiche lien, partie 1

Re: [Commande codage] Mise en page de fiche lien, partie 1

Re: [Commande codage] Mise en page de fiche lien, partie 1

Re: [Commande codage] Mise en page de fiche lien, partie 1

Re: [Commande codage] Mise en page de fiche lien, partie 1

Re: [Commande codage] Mise en page de fiche lien, partie 1

Re: [Commande codage] Mise en page de fiche lien, partie 1

Re: [Commande codage] Mise en page de fiche lien, partie 1

Re: [Commande codage] Mise en page de fiche lien, partie 1

Re: [Commande codage] Mise en page de fiche lien, partie 1

Re: [Commande codage] Mise en page de fiche lien, partie 1

Re: [Commande codage] Mise en page de fiche lien, partie 1

Re: [Commande codage] Mise en page de fiche lien, partie 1

Re: [Commande codage] Mise en page de fiche lien, partie 1

Post-It des Râleuses