Post by flamerune on Oct 29, 2016 10:28:30 GMT -5
so I put the code into BBCode and this happens...
<div style="background: #261d1b; border: inset #030000 5px; padding-top: 10px; border-radius: 10px; padding-bottom: 15px;">
<div style="background: #4d0606; height: 30px; padding-left: 20px; padding-right: 20px; font-size: 20px; font-family: Rockwell; color: #cc9c5a; box-shadow: black 0px 0px 10px 1px;">Welcome!</div>
<div style="height: 20px;"> </div>
<img style="float: right;" src="http://i.imgur.com/qfSMzYK.png" alt="" width="136" height="159" />
<div style="margin: auto; width: 85%; border: 1px solid #4d0606; padding: 10px; color: #cc9c5a; font-family: georgia; font-size: 13px; box-shadow: black 0px 0px 10px 1px; text-shadow: #1a1512 0px 0px 3px;">-- How does this look? and this should float around the sparks if I'm not mistaken just testing that now but it looks to be okay and I think ye. This is filler to show how the text wraps around the graphics.</div>
<div style="height: 30px;"> </div>
<div style="background: #4d0606; height: 30px; padding-left: 20px; padding-right: 20px; font-size: 20px; font-family: Rockwell; color: #cc9c5a; box-shadow: black 0px 0px 10px 1px;">Header</div>
<div style="height: 20px;"> </div>
<div style="margin: auto; width: 85%; border: 1px solid #4d0606; padding: 10px; color: #cc9c5a; font-family: georgia; font-size: 13px; box-shadow: black 0px 0px 10px 1px; text-shadow: #1a1512 0px 0px 3px;">-- This layout is very easy to use!</div>
<div style="height: 30px;"> </div>
<div style="background: #4d0606; height: 30px; padding-left: 20px; padding-right: 20px; font-size: 20px; font-family: Rockwell; color: #cc9c5a; box-shadow: black 0px 0px 10px 1px;">Header</div>
<div style="height: 20px;"> </div>
<img style="float: left;" src="http://i.imgur.com/qfSMzYK.png" alt="" width="115" height="134" />
<div style="margin: auto; width: 85%; border: 1px solid #4d0606; padding: 10px; color: #cc9c5a; font-family: georgia; font-size: 13px; box-shadow: black 0px 0px 10px 1px; text-shadow: #1a1512 0px 0px 3px;">-- Just type in the boxes! Hah!</div>
<div style="height: 30px;"> </div>
<div style="background: #4d0606; height: 30px; padding-left: 20px; padding-right: 20px; font-size: 20px; font-family: Rockwell; color: #cc9c5a; box-shadow: black 0px 0px 10px 1px;">Header here</div>
<div style="height: 20px;"> </div>
<div style="margin: auto; width: 85%; border: 1px solid #4d0606; padding: 10px; color: #cc9c5a; font-family: georgia; font-size: 13px; box-shadow: black 0px 0px 10px 1px; text-shadow: #1a1512 0px 0px 3px;">-- Like most layouts, the watermark is all the credit needed!</div>
<img style="float: right;" src="http://i.imgur.com/pfvqkBc.png" alt="" width="33" height="22" /></div>