Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consectetur porta blandit. Nullam libero leo, bibendum a nulla eget, congue porta orci. Ut tempor est et orci sollicitudin fringilla. Maecenas viverra venenatis enim, sed vehicula sem tincidunt in. Integer sollicitudin vel libero pharetra scelerisque. Proin tempor sem nec augue vestibulum, ut semper nunc faucibus. Vestibulum viverra sollicitudin massa sit amet aliquet. Vivamus vel fermentum nunc. Quisque vulputate quam quis eros tristique, ut tempus nulla consequat. Eythan thinking. "Eythan speaking."
Code:
[style] .eytcotm {background: #000 url("https://i.imgur.com/G090rVi.png") no-repeat center top; text-align: justify; color: #8a4213; font-size: 11px; border-radius: 20px; padding: 280px 0px 30px 0px; width: 600px; margin: auto;} .eytcotm>p thk {font-style: italic; color: #a77349;} .eytcotm>p spk {font-weight: bold; color: #99805f; text-shadow: 0px 0px 8px #c13f10;} .eytcotm>p {padding: 0px 40px 0px 40px;} div .eytcotm::after {text-align: center; font-size: 5px; text-transform: uppercase; letter-spacing: 1px; width:570px; content:'image by dark'; left: 270px; top:10px; position: relative;} [/style]
<div class="eytcotm"><p>
POST HERE. <thk>Eythan thinking.</thk> <spk>"Eythan speaking."</spk> </p></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consectetur porta blandit. Nullam libero leo, bibendum a nulla eget, congue porta orci. Ut tempor est et orci sollicitudin fringilla. Maecenas viverra venenatis enim, sed vehicula sem tincidunt in. Integer sollicitudin vel libero pharetra scelerisque. Proin tempor sem nec augue vestibulum, ut semper nunc faucibus. Vestibulum viverra sollicitudin massa sit amet aliquet. Vivamus vel fermentum nunc. Quisque vulputate quam quis eros tristique, ut tempus nulla consequat. Pride thinking. "Pride speaking."
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consectetur porta blandit. Nullam libero leo, bibendum a nulla eget, congue porta orci. Ut tempor est et orci sollicitudin fringilla. Maecenas viverra venenatis enim, sed vehicula sem tincidunt in. Integer sollicitudin vel libero pharetra scelerisque. Proin tempor sem nec augue vestibulum, ut semper nunc faucibus. Vestibulum viverra sollicitudin massa sit amet aliquet. Vivamus vel fermentum nunc. Quisque vulputate quam quis eros tristique, ut tempus nulla consequat. Mercy thinking. "Mercy speaking."
Code:
NOTE IN THE DIVS: ID="PRIDE" AND ID="MERCY"
[style] .pricypotm {background: #fffbf6 url("https://i.imgur.com/F7FYQqG.png") no-repeat center top; text-align: justify; font-size: 11px; border-radius: 20px; padding: 380px 0px 30px 0px; width: 570px; margin: auto;} .pricypotm#pride {color: #938e8d;} .pricypotm#mercy {color:#a78076;} #pride>p thk {font-style: italic; color: #b5bcbf;} #pride>p spk {font-weight: bold; color: #d7e2f1; text-shadow: 0px 0px 8px #f5f7f7;} #mercy>p thk {font-style: italic; color: #d8bab1;} #mercy>p spk {font-weight: bold; color: #acc5c7; text-shadow: 0px 0px 8px #d1d1d2;} .pricypotm>p {padding: 0px 40px 0px 40px;} div .pricypotm::after {text-align: center; font-size: 5px; text-transform: uppercase; letter-spacing: 1px; width:570px; content:'image by dark'; left: 270px; top:10px; position: relative;} .pricypotm::before {background-image: -moz-linear-gradient(top, #fffbf600 0%, #fffbf6 100%); background-image: -webkit-linear-gradient(top, #fffbf600 0%,#fffbf6 100%); background-image: linear-gradient(180deg,#fffbf600,#fffbf6); z-index: 3; position: absolute; width: 570px; height: 50px; content: ''; margin: auto; margin-top: -52px;} [/style]
<div class="pricypotm" id="pride"><p>
PRIDE POST <thk>Pride thinking.</thk> <spk>"Pride speaking."</spk> </p></div>
<div class="pricypotm" id="mercy"><p>
MERCY POST <thk>Mercy thinking.</thk> <spk>"Mercy speaking."</spk> </p></div>
@Pride @Mercurius