- You don't have to ask to use these, though I would appreciate a post to bump this up if you've found it helpful. Show others some post headers easy on the eyes.
- Feel free to adapt the codes. Changing colors, fonts or styles if you please.
>> Skittles: I figured it out! At least on mine. xDD When you turn your phone sideways, all of a sudden the fancy toolbar is there with the html button!
And, if you need more than just a post header, jump on over to the new Coded Premade LAYOUT thread to fancy up any den, roleplay, or any other thread that needs a splash of color and style!
<div style="border: 4px double silver; padding: 25px; padding-top: 0px; width: 80%; margin: auto; text-align: center; background: #101010;">
<div style="border: 3px outset silver; text-align: left; background-color: #dbd9d2; padding: 15px; font-family: courier new;"> <sub style="color: black;">Put text here</div>
</div>
<div style="background: #2b2b2b; border-bottom: grey solid 2px; border-left: grey solid 3px; border-right: border-top: grey solid 2px; color: #b2b2b2; font-family: times new roman; padding: 0px 10px 10px 30px;"><div style="line-height: 3px;"> </div>
<div style="border-right: 5px dashed #b2b2b2; padding: 4px;">Text here<br /></div>
</div>
<div style="background: #b2b2b2; border-bottom: #1a1a1a solid 2px; border-left: #1a1a1a solid 3px; border-top: #1a1a1a solid 1px; color: #2b2b2b; font-family: times new roman; padding: 0px 10px 10px 30px;">
<div style="border-right: 5px dashed #2b2b2b; padding: 4px;">Text here<br /></div>
</div>
Firey special
<div style="width: 85%; margin: auto; background: #630400; border-right: double 14px #bc5e19; padding: 20px; color: #edb286; font-family: georgia;"><p><sub>Text here</sub></p>
</div>
<div style="border: 3px inset #7d4d9d; border-radius: 5px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; text-align: center; background: #151515;">
<div style="line-height: 3px;"> </div>
<div style="border: 4px solid #727272; padding: 15px; font-family: georgia; font-size: 12px; text-align: left; background: #463c52;"><span style="color: #d1a6dd;">Put text here</span></div>
</div>
<div style="background: #400c21; padding: 20px; border: #403e78 double 10px;"><div style="line-height: 3px;"> </div>
<div style="background: #403e78; width: 400px; height: 2px;"> </div>
<div style="line-height: 3px;"> </div>
<div style="background: #493e78; padding: 10px; color: #d1a6ed; font-family: Cambria; font-size: 14px;"> xx Text here</div>
<div style="line-height: 3px;"> </div>
<div style="background: #403e78; width: 400px; height: 2px; float: right;"> </div>
</div>
<div style="padding-left: 20px; padding-right: 20px; border: 10px double #5a5a5a; text-align: center; background: #111111;">
<div style="background: #5a5a5a; width: 400px; height: 2px;"> </div>
<div style="line-height: 8px;"> </div>
<div style="background: #333333; padding: 10px; color: #00ffd2; font-family: Cambria; font-size: 14px; text-align: center;">» Text here</div>
<div style="line-height: 8px;"> </div>
<div style="background: #5a5a5a; width: 400px; height: 2px; float: right;"> </div>
</div>
<div style="width: 85%; margin: auto; border-bottom-color: #6e612f; border-style: solid; border-color: #3b5c4c; border-width: 1px 4px 4px 1px; color: #b2b2b2; font-family: Rockwell; padding: 20px 10px 20px 10px; text-align: center; background: #afcfaa; box-shadow: #303030 2px 1px 7px 1px; line-height: 0;"><br />
<div style="width: 89%; margin: auto; border-right-style: solid; border-right-width: 10px; border-right-color: #526f61; padding: 20px; color: #98e1af; font-family: georgia; text-align: left; background: #29461f;"><span class="smaller"> Text here </span></div>
</div>
<div style="background: #dd88aa; border: #994455 solid 4px; border-radius: 2px; line-height: 0; margin: auto; padding: 3px; text-align: center; width: 86%; color: #b1101a;">
<div style="border: 2px #994455 solid; color: #ffeeee; box-shadow: #dd88aa 0px 0px 5px 1px; font-family: georgia; padding: 5px;"><span class="smaller">Text here</span></div>
</div>
<div style="width: 85%; margin: auto; background: #b29c7d; border-bottom: #b4cbcd solid 4px; border-right: #b4cbcd solid 4px; color: #b2b2b2; font-family: georgia; padding: 10px; padding-left: 20px; border-top-left-radius: 40px;"><br />
<div style="width: 200px; height: 22px; box-shadow: #7f6854 0px 0px 1px 1px; color: #7f6854; font-family: georgia; text-align: center; background: #fff5cf;"><span class="big">Title</span></div>
<div style="width: 80%; margin: auto; border-left-style: solid; border-left-width: 10px; border-left-color: #b4cbcd; padding: 20px; color: #e3c598; font-family: georgia; text-align: left; background: #7f6854;"><span class="smaller"> Filler filler filler</span></div>
</div>
<div style="width: 85%; margin: auto; background: #b29c7d; border-bottom: #b4cbcd solid 4px; border-right: #b4cbcd solid 4px; color: #b2b2b2; font-family: georgia; padding: 10px; padding-left: 20px; border-top-left-radius: 40px;"><br />
<div style="width: 80%; margin: auto; border-left-style: solid; border-left-width: 10px; border-left-color: #b4cbcd; padding: 20px; color: #e3c598; font-family: georgia; text-align: left; background: #7f6854;"><span class="smaller"> Filler la filler haha.</span></div>
</div>
<div style="margins: auto; border: solid 4px #597194; background: #869ebf; padding-left: 15px; padding-right: 15px; padding-bottom: 15px;">
<div style="height: 3px; length: 200px; background: teal;"> </div>
<div style="height: 2px;"> </div>
<div style="height: 3px; background: teal; length: 100px;"> </div>
<div style="height: 2px;"> </div>
<div style="background: teal; color: #5adb9f; font-family: georgia; padding: 10px; border: dotted light blue 2px; font-size: 12px;">Text here</div>
<div style="height: 2px;"> </div>
<div style="height: 3px; background: teal; length: 100px;"> </div>
</div>
<div style="background: #96612c; border: double 8px #663100; border-collapse: collapse; display: table; height: 2px; margin: auto; padding: 30px; width: 95%;">
<div style="background: #520806; height: 10px;"> </div>
<div style="border-right: solid 3px #520806; border-left: solid 3px #520806; color: #fac789; font-family: georgia; font-size: 12px; padding: 10px;">Text here. . .</div>
<div style="background: #520806; height: 10px;"> </div>
</div>