i have something similar elsewhere in this thread but eh. im just a sucker for modular combo. this can be manipulated to do a lot, but shout if you have questions! feel free to change the colors and do literally w/e with it you dont have to credit me
"Lorem ipsum dolor sit amet, consectetur adipiscing elit." Curabitur nec est vitae ligula varius tempus sit amet eu nisi. Suspendisse lacinia, augue eget aliquam feugiat, sapien justo varius enim, nec vestibulum sapien orci in arcu. Nulla vestibulum augue ac nibh pharetra, a rutrum augue tincidunt. Quisque ornare vel justo et posuere. Proin tristique sit amet erat vel lacinia. Mauris nibh ante, bibendum eget augue eu, malesuada sagittis risus. Integer feugiat hendrerit eleifend. Sed mi leo, luctus at lorem at, vulputate efficitur neque.
Sed quis mollis mauris. Nulla fringilla quam odio, at eleifend mi volutpat sit amet. Ut sagittis quam at eros accumsan tempor. Morbi blandit nisi vitae ipsum accumsan pretium. Sed fermentum ultrices rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas maximus nulla arcu, eu sollicitudin turpis gravida eu. Cras maximus mauris quam. Pellentesque ac ante in mauris venenatis dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nullam imperdiet justo eu viverra fringilla.
Code:
[style]@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap'); .freebie1 {border: 10px solid #ddd; background-color: #eee; width: 500px; margin:auto;} .freebie1 p {padding: 20px; font-family: lora; line-height: 20px; font-size: 14px; background-color: #fff; text-align: justify; margin: 40px; border: 1px solid #ddd; text-indent: 15px;} .freebie1 p b {color:#555;} [/style]
<div class="freebie1"><p></p></div>
---
ex. colors and stuff:
"Lorem ipsum dolor sit amet, consectetur adipiscing elit." Curabitur nec est vitae ligula varius tempus sit amet eu nisi. Suspendisse lacinia, augue eget aliquam feugiat, sapien justo varius enim, nec vestibulum sapien orci in arcu. Nulla vestibulum augue ac nibh pharetra, a rutrum augue tincidunt. Quisque ornare vel justo et posuere. Proin tristique sit amet erat vel lacinia. Mauris nibh ante, bibendum eget augue eu, malesuada sagittis risus. Integer feugiat hendrerit eleifend. Sed mi leo, luctus at lorem at, vulputate efficitur neque.
Code:
[style] .freebie1-colors {border: 10px solid #09181f; background-color: #4c6568; width: 500px; margin:auto;} .freebie1-colors p {padding: 20px; font-family: source sans pro; line-height: 20px; font-size: 14px; background-color: #aec5cb; text-align: justify; margin: 20px; color: #09181f;} .freebie1-colors p b {color:#407e8b;} [/style]
<div class="freebie1-colors">
<div style="background-image: url('https://i.imgur.com/zCc8o2k.jpg'); background-size: 500px; background-position: 50% 10%; margin: 10px 20px; height: 50px;"></div>
<p><b>"Lorem ipsum dolor sit amet, consectetur adipiscing elit."</b> Curabitur nec est vitae ligula varius tempus sit amet eu nisi. Suspendisse lacinia, augue eget aliquam feugiat, sapien justo varius enim, nec vestibulum sapien orci in arcu. Nulla vestibulum augue ac nibh pharetra, a rutrum augue tincidunt. Quisque ornare vel justo et posuere. Proin tristique sit amet erat vel lacinia. Mauris nibh ante, bibendum eget augue eu, malesuada sagittis risus. Integer feugiat hendrerit eleifend. Sed mi leo, luctus at lorem at, vulputate efficitur neque.</p>
<div style="background-image: url('https://i.imgur.com/zCc8o2k.jpg'); background-size: 500px; background-position: 0% 20%; margin: 10px 20px; height: 50px;"></div></div>
(and this one no border on text box, using extra box for something, etc)
character name
"Lorem ipsum dolor sit amet, consectetur adipiscing elit." Curabitur nec est vitae ligula varius tempus sit amet eu nisi. Suspendisse lacinia, augue eget aliquam feugiat, sapien justo varius enim, nec vestibulum sapien orci in arcu. Nulla vestibulum augue ac nibh pharetra, a rutrum augue tincidunt. Quisque ornare vel justo et posuere. Proin tristique sit amet erat vel lacinia. Mauris nibh ante, bibendum eget augue eu, malesuada sagittis risus. Integer feugiat hendrerit eleifend. Sed mi leo, luctus at lorem at, vulputate efficitur neque.
Code:
[style]@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap'); .freebie1-colors1 {border: 10px solid #daacac; background-color: #6f5656; width: 500px; margin:auto;} .freebie1-colors1 p {padding: 20px; font-family: lora; line-height: 20px; font-size: 14px; background-color: #ede2e2; text-align: justify; margin: 40px; border: 1px solid #475058; text-indent: 15px; color: #6f5656;} .freebie1-colors1 p b {color:#934242;} [/style]
<div class="freebie1-colors1"><p style="text-align:center;"><i>character name</i></p>
<p>post</p></div>
