[ ] livre de bord - [X] message RP - [ ] autre, précisez :
Maquette : https://imgur.com/QtBcuz5
Images à mettre : Pour test, ce sera soit ce type d'image : https://s1.zerochan.net/Violet.Evergarden.%28Character%29.600.2514382.jpg
Soit celui là : https://www.zerochan.net/2256248
A voir ce qui fonctionne le mieux, c'est vous le chef
Précisions : J'aimerais bien une couleur qui va avec le fow, quelque chose de vert clair, beige... Je pense que je préfère si y'a pas de cadre apparent (la délimitation sera faite par le changement de couleur entre fow et code). Ce qui est montré dans le modèle, c'est surtout que je veux que l'image du haut se fonde dans le texte, en clair qu'il y ait de la transparence en bas. J'aimerai bien que le texte soit un peu écarté du bord, aussi, et j'aimerais bien une police d'écriture avec un petit peu de courbe (mais pas trop) pour le titre et un truc plus comme Lucida Fax pour le feat ou l'inverse. Voilà, désolée pour cette commande difficile ! Et merci d'avance !
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a blandit sapien. Morbi tincidunt placerat nunc, in ultrices libero placerat quis. In nec consequat elit. Suspendisse purus ipsum, dictum eget facilisis tempor, tempus in tellus. Sed vel euismod odio. Suspendisse cursus ex sed blandit accumsan. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse potenti. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sed tristique turpis. Quisque non sapien et orci sodales blandit non nec lorem.
Curabitur faucibus sapien sed mi dapibus, eget auctor augue molestie. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris dictum, metus eu accumsan pellentesque, velit odio eleifend massa, in scelerisque sapien metus ut elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam elementum nisl id nulla fermentum dictum. Nam ut dolor justo. Fusce finibus ligula eu dapibus tincidunt. Mauris pellentesque libero massa, id bibendum sem placerat id. Morbi tempor urna aliquet massa cursus, eu varius est tempor. Morbi placerat tincidunt purus at faucibus. Integer sit amet turpis sapien.
- Code:
[center]<div class="rpArya"><div class="imgArya divImg"><div class="title">Titre</div>
<div class="feat">Feat le bg</div></div><div class="backTxt"><div class="txt">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a blandit sapien. Morbi tincidunt placerat nunc, in ultrices libero placerat quis. In nec consequat elit. Suspendisse purus ipsum, dictum eget facilisis tempor, tempus in tellus. Sed vel euismod odio. Suspendisse cursus ex sed blandit accumsan. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse potenti. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sed tristique turpis. Quisque non sapien et orci sodales blandit non nec lorem.
Curabitur faucibus sapien sed mi dapibus, eget auctor augue molestie. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris dictum, metus eu accumsan pellentesque, velit odio eleifend massa, in scelerisque sapien metus ut elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam elementum nisl id nulla fermentum dictum. Nam ut dolor justo. Fusce finibus ligula eu dapibus tincidunt. Mauris pellentesque libero massa, id bibendum sem placerat id. Morbi tempor urna aliquet massa cursus, eu varius est tempor. Morbi placerat tincidunt purus at faucibus. Integer sit amet turpis sapien.</div></div></div>[/center]
<style>.rpArya{width: 97%;margin: 0 auto;} .imgArya{background: linear-gradient(to bottom, transparent, #e3ddd1),url("https://static.zerochan.net/Violet.Evergarden.%28Character%29.full.2256248.jpg");background-size:cover;} .divImg{width:500px;height: 265px; background-size: cover;}.backTxt{background:#e3ddd1;width:500px;} .txt{padding: 35px;text-align: justify;font-family: "Palladia";font-size: 15px;} .title{font-family: "Lucida Fax";font-size: 50px;text-align: center;color: #ffffff;padding-top: 65px;} .feat{text-align: center;font-family: "Lucida Fax";font-size: 15px;color: #ffffff;}
</style><link href="//db.onlinewebfonts.com/c/113ecf48e1eae740220b9827df027f25?family=Lucida+Fax" rel="stylesheet" type="text/css"/><link href="//db.onlinewebfonts.com/c/9ebbfc873b9fece62d533bd113fff7c6?family=Palladia" rel="stylesheet" type="text/css"/>
Bon du coup, comme dit sur la cb si tu as un soucis ou un rajout hésite pas. Surtout notamment pour les couleurs, comme j'ai aucun œil sur ça j'y ai pas vraiment touché
Sinon avec l'autre image en vrai :
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a blandit sapien. Morbi tincidunt placerat nunc, in ultrices libero placerat quis. In nec consequat elit. Suspendisse purus ipsum, dictum eget facilisis tempor, tempus in tellus. Sed vel euismod odio. Suspendisse cursus ex sed blandit accumsan. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse potenti. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sed tristique turpis. Quisque non sapien et orci sodales blandit non nec lorem.
Curabitur faucibus sapien sed mi dapibus, eget auctor augue molestie. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris dictum, metus eu accumsan pellentesque, velit odio eleifend massa, in scelerisque sapien metus ut elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam elementum nisl id nulla fermentum dictum. Nam ut dolor justo. Fusce finibus ligula eu dapibus tincidunt. Mauris pellentesque libero massa, id bibendum sem placerat id. Morbi tempor urna aliquet massa cursus, eu varius est tempor. Morbi placerat tincidunt purus at faucibus. Integer sit amet turpis sapien.
- Code:
[center]<div class="imgArya2 divImg2"><div class="title">Titre</div>
<div class="feat">Feat le bg</div></div><div class="backTxt"><div class="txt">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a blandit sapien. Morbi tincidunt placerat nunc, in ultrices libero placerat quis. In nec consequat elit. Suspendisse purus ipsum, dictum eget facilisis tempor, tempus in tellus. Sed vel euismod odio. Suspendisse cursus ex sed blandit accumsan. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse potenti. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sed tristique turpis. Quisque non sapien et orci sodales blandit non nec lorem.
Curabitur faucibus sapien sed mi dapibus, eget auctor augue molestie. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris dictum, metus eu accumsan pellentesque, velit odio eleifend massa, in scelerisque sapien metus ut elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam elementum nisl id nulla fermentum dictum. Nam ut dolor justo. Fusce finibus ligula eu dapibus tincidunt. Mauris pellentesque libero massa, id bibendum sem placerat id. Morbi tempor urna aliquet massa cursus, eu varius est tempor. Morbi placerat tincidunt purus at faucibus. Integer sit amet turpis sapien.</div></div>[/center]
<style>.rpArya{width: 97%;margin: 0 auto;} .imgArya2{background: linear-gradient(to bottom, transparent, #e3ddd1),url("https://s1.zerochan.net/Violet.Evergarden.%28Character%29.600.2514382.jpg");background-size:cover;} .divImg2{width:500px;height: 500px; background-size: cover;}.backTxt{background:#e3ddd1;width:500px;} .txt{padding: 35px;text-align: justify;font-family: "Palladia";font-size: 15px;} .title{font-family: "Lucida Fax";font-size: 50px;text-align: center;color: #ffffff;padding-top: 65px;} .feat{text-align: center;font-family: "Lucida Fax";font-size: 15px;color: #ffffff;}
</style><link href="//db.onlinewebfonts.com/c/113ecf48e1eae740220b9827df027f25?family=Lucida+Fax" rel="stylesheet" type="text/css"/><link href="//db.onlinewebfonts.com/c/9ebbfc873b9fece62d533bd113fff7c6?family=Palladia" rel="stylesheet" type="text/css"/>
1) Je pense que le texte est juste un poil trop gros, je l'aurai bien vu avec une size ou deux de moins
2) J'aimerais bien que la partie "feat" (sans titre) soit celle du texte, donc du Palladia si je lis bien le code
3) J'aimerais bien que la police d'écriture utilisée pour le texte soit du Serif par exemple ^^
Voilà, je pense que ce sera parfait après ça !
Faut que tu le test sur un autre sujet en prévisualisation, car là il va prendre le css de mes posts avec Tala je crois. Sauf si j'met un !important mais bon ça serait con
- Code:
[center]<div class="rpArya"><div class="imgArya divImg"><div class="title">Titre</div>
<div class="feat">Feat le bg</div></div><div class="backTxt"><div class="txt">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a blandit sapien. Morbi tincidunt placerat nunc, in ultrices libero placerat quis. In nec consequat elit. Suspendisse purus ipsum, dictum eget facilisis tempor, tempus in tellus. Sed vel euismod odio. Suspendisse cursus ex sed blandit accumsan. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse potenti. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sed tristique turpis. Quisque non sapien et orci sodales blandit non nec lorem.
Curabitur faucibus sapien sed mi dapibus, eget auctor augue molestie. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris dictum, metus eu accumsan pellentesque, velit odio eleifend massa, in scelerisque sapien metus ut elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam elementum nisl id nulla fermentum dictum. Nam ut dolor justo. Fusce finibus ligula eu dapibus tincidunt. Mauris pellentesque libero massa, id bibendum sem placerat id. Morbi tempor urna aliquet massa cursus, eu varius est tempor. Morbi placerat tincidunt purus at faucibus. Integer sit amet turpis sapien.</div></div></div>[/center]
<style>.rpArya{width: 97%;margin: 0 auto;} .imgArya{background: linear-gradient(to bottom, transparent, #e3ddd1),url("https://static.zerochan.net/Violet.Evergarden.%28Character%29.full.2256248.jpg");background-size:cover;} .divImg{width:500px;height: 265px; background-size: cover;}.backTxt{background:#e3ddd1;width:500px;} .txt{padding: 35px;text-align: justify;font-family: serif;font-size: 13px;} .title{font-family: "Lucida Fax";font-size: 50px;text-align: center;color: #ffffff;padding-top: 65px;} .feat{text-align: center;font-family: "Palladia";font-size: 15px;color: #ffffff;}
</style><link href="//db.onlinewebfonts.com/c/113ecf48e1eae740220b9827df027f25?family=Lucida+Fax" rel="stylesheet" type="text/css"/><link href="//db.onlinewebfonts.com/c/9ebbfc873b9fece62d533bd113fff7c6?family=Palladia" rel="stylesheet" type="text/css"/>
Merci !
Sujet clos o/
|
|