[bluedevil]

Let's get stitched! Endless possibilities.
 Possibilities are endless with theses cool looking "stitch" banners. They're hot, they're awesome looking.
Very simple to use. Create PHP  or HTML blocks and use in any way you want. Copy and paste the code below and wolla. Change the colors as you wish to match your SMF forum style. No images, no nothing. Pure CSS.

Add the first bit to your forum CSS index file.
Open: /Themes/your theme/css/index.css

At the end of the code, add the following:

Code: [Select]

.stitched {
   padding: 5px 10px;
   margin: 10px;
   background: #c7c2c2;
   color: #fff;
   font-size: 21px;
   font-weight: bold;
   line-height: 1.3em;
   border: 2px dashed #fff;
   border-top-left-radius: 3px;
   -moz-border-radius-topleft: 3px;
   -webkit-border-top-left-radius: 3px;
   border-bottom-right-radius: 3px;
   -moz-border-radius-bottomright: 3px;
   -webkit-border-bottom-right-radius: 3px;
   border-top-right-radius: 3px;
   -moz-border-radius-topright: 3px;
   -webkit-border-top-right-radius: 3px;
   -moz-box-shadow: 0 0 0 4px #c7c2c2, 2px 1px 4px 4px rgba(10,10,0,.5);
   -webkit-box-shadow: 0 0 0 4px #c7c2c2, 2px 1px 4px 4px rgba(10,10,0,.5);
   box-shadow: 0 0 0 4px #c7c2c2, 2px 1px 6px 4px rgba(10,10,0,.5);
   text-shadow: -1px -1px #d3cdcd;
   font-weight: normal;
width: 400px;
}

...and wherever you plan to use the stitch. ie., blocks, pages.

Code: [Select]

<div class="stitched"> Anything goes here if you're cool.</div>