Color Spunk Layout

 CLICK TO ENLARGE
This is a layout I used for quite awhile, and would like to share it with you all!

**These layouts are coded for either a dark or

    light background. It is partially transparent

      so the color of the text is slightly different. **

**Pick the corresponding html according to

     which background color you would like to use** 

Is this the layout for you?

1. Please read Terms of Service
2. Click in the textbox and it will automatically select all the text  
3. Right click and copy

 

{coded for Marvel Horse.com}
for dark background colors

<div style="background:url(http://i20.photobucket.com/albums/b249/plaidsoxs/MH/color-spunk-lyt2-1.png); width: 660px; height: 800px;"> <div style="width: 455px;height: 590px; overflow:auto; margin-top: 144px; margin-left: 113px; float: left;"> <br> <h1> <!-- TYPE TITLE # 1 BELOW --> Type Title Here <!--ENDS HERE--> </h1> <br><h3> <!-- TYPE TEXT BELOW --> type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text <br><br> Remember, you can add <.br> (without the dot) to add extra line breaks if you need them! <!--ENDS HERE--> </h3> <br><br><h1> <!-- TYPE TITLE # 2 BELOW --> Type Title Here <!--ENDS HERE--> </h1> <br><h3> <!-- TYPE TEXT BELOW --> type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here <!--ENDS HERE--> </h3> <br><br><h2> <!-- TYPE TITLE # 3 BELOW --> Type Title Here <!--ENDS HERE--> </h2> <br><h3> <!-- TYPE TEXT BELOW --> type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here <!--ENDS HERE--> </h3> <br><br><h2> <!-- TYPE TITLE # 4 BELOW --> Type Title Here <!--ENDS HERE--> </h2> <br><h3> <!-- TYPE TEXT BELOW --> type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here <!--ENDS HERE--> </h3> <br><h2> <!-- TYPE TITLE # 4 BELOW --> Type Title Here <!--ENDS HERE--> </h2> <br><h3> <!-- TYPE TEXT BELOW --> type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here <!--ENDS HERE--> </h3> <br></div> </div> <center> <style type="text/css"> .fade { opacity: .3; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .fade:hover { opacity: 1; } </style> <!--- Do not remove link below ---> <a href="http://tibs-premade-layouts.blogspot.com/"><p class="fade"> <img src="http://i20.photobucket.com/albums/b249/plaidsoxs/Tib/tiberia%20layout%20sig.png" border="0"></a></p> </center> <!--- Ends here ---></center> <style type="text/css"> body { background: default; font-family:times new roman; font-size:9pt; color: #ffffff; } #stable_content a:link, a:active, a:visited { color: #742e5c; font-family:andalus; font-size:10pt; font-weight: bold } .player_bar a:link, a:active, a:visited { color: #742e5c; font-family:andalus; font-size:10pt; font-weight: bold } #stable_content a:hover { color: #b0e9b0; text-decoration:underline; font-family:Bondoni mt condensed; font-size:10pt; } .player_bar a:hover { color: #0a63b7; text-decoration:underline; font-family:Bondoni mt condensed; font-size:10pt; } a:link { letter-spacing: 0px; color: #333333; font-family:andalus; font-size:10pt; font-weight: bold } a:visited { letter-spacing: 0px; color: #333333; font-family:andalus; font-size:10pt; font-weight: bold } a:active, a:hover { color: #b0e9b0; text-decoration:underline; font-family:Bondoni mt condensed; font-size:10pt; } h1 { font-family: "andalus"; text-align: left; text-outline: 1px 2px #000000; font-size: 12px; font-style: italic; border-bottom: 2px solid #000000; font-weight: bold; color: #f5f08a; text-transform: uppercase; } h2 { font-family: "andalus"; text-align: right; text-outline: 1px 2px #000000; font-size: 12px; font-style: italic; border-bottom: 2px solid #000000; font-weight: bold; color: #f58ab0; text-transform: uppercase; } h3 { font-family: andalus; font-size: 9.5pt; letter-spacing: 0px; font-weight: normal; color:#d3a196; line-height:9pt; center: center; cursor: auto; width:275; height:5; border: 0px solid #5e2719; text-decoration: none; background: # ; letter-spacing: 2px; } .b { font-family:andalus; font-size: 7pt; letter-spacing: 0px; font-weight: bold color:#7398a6; line-height:8pt; center: center; cursor: auto; border: 1px solid #5e2719; background: #;} font, table, span, div {font-family: times new roman; font-size:7pt; color:#3f3e3e; font-weight: normal; valign:top; text-align:center; letter-spacing: 2px; } </style>

{coded for Eqcetera.com}
dark version
<center> <div style="background:url(http://i20.photobucket.com/albums/b249/plaidsoxs/MH/color-spunk-lyt2-1.png); width: 660px; height: 800px;"> <div style="width: 455px;height: 590px; overflow:auto; margin-top: 144px; margin-left: 113px; float: left;"> <br> <h1> <!-- TYPE TITLE # 1 BELOW --> Type Title Here <!--ENDS HERE--> </h1> <br><h3> <!-- TYPE TEXT BELOW --> type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text <br><br> Remember, you can add <.br> (without the dot) to add extra line breaks if you need them! <!--ENDS HERE--> </h3> <br><br><h1> <!-- TYPE TITLE # 2 BELOW --> Type Title Here <!--ENDS HERE--> </h1> <br><h3> <!-- TYPE TEXT BELOW --> type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here <!--ENDS HERE--> </h3> <br><br><h2> <!-- TYPE TITLE # 3 BELOW --> Type Title Here <!--ENDS HERE--> </h2> <br><h3> <!-- TYPE TEXT BELOW --> type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here <!--ENDS HERE--> </h3> <br><br><h2> <!-- TYPE TITLE # 4 BELOW --> Type Title Here <!--ENDS HERE--> </h2> <br><h3> <!-- TYPE TEXT BELOW --> type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here <!--ENDS HERE--> </h3> <br><h2> <!-- TYPE TITLE # 4 BELOW --> Type Title Here <!--ENDS HERE--> </h2> <br><h3> <!-- TYPE TEXT BELOW --> type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here <!--ENDS HERE--> </h3> <br></div> </div> <center> <style type="text/css"> .fade { opacity: .3; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .fade:hover { opacity: 1; } </style></center> <!--- Do not remove link below ---> <a href="http://tibs-premade-layouts.blogspot.com/"><p class="fade"> <img src="http://i20.photobucket.com/albums/b249/plaidsoxs/Tib/tiberia%20layout%20sig.png" border="0"></a></p> </center> <!--- Ends here ---></center> <style type="text/css"> body { background: #111; font-family:times new roman; font-size:9pt; color: #ddd; } .center, .player-info {border: 0; } .middle {background: #000; border: 0; } .middle section { background: #000; border: 2px dashed #333; }.masthead {display: none;}table {background: #000;}.alternate-heading {background: #000; color: #6de8db; font-family:times new roman; font-size:12pt;} aside, aside section {background : #555; }.wrapper {background: transparent; border:0;}nav, nav ul, nav ul li, nav ul li ul, nav ul li:hover ul li{background: #d26443; border: 0; border-radius: 15px; z-index: 999;}nav ul li:hover ul li:hover, nav a, {background: transparent;z-index: 999;}nav ul li:hover ul {background: transparent; z-index: 999;}a:link, a:visited, a:active { letter-spacing: 0px; color: #4a6d64; font-family:Bondoni mt condensed; font-size:10pt; font-weight: bold}a:hover { color: #b0e9b0; text-decoration:underline; font-family:Bondoni mt condensed;font-size:10pt;} input[type="submit"] { background: transparent; border: 0; color: #777; } input[type="submit"]:hover { color: #382ff5; background: transparent; } input[type="submit"]:active { background: transparent; } h1 { font-family: "andalus"; text-align: left; text-outline: 1px 2px #000000; font-size: 12px; font-style: italic; border-bottom: 2px solid #555; font-weight: bold; color: #f5f08a; text-transform: uppercase; } h2 { font-family: "andalus"; text-align: right; text-outline: 1px 2px #000000; font-size: 12px; font-style: italic; border-bottom: 2px solid #555; font-weight: bold; color: #f58ab0; text-transform: uppercase; } h3 { font-family: andalus; font-size: 9.5pt; letter-spacing: 0px; font-weight: normal; color:#d3a196; line-height:9pt; center: center; cursor: auto; width:275; height:5; border: 0px solid #5e2719; text-decoration: none; background: # ; letter-spacing: 2px; background: transparent; } .b { font-family:andalus; font-size: 7pt; letter-spacing: 0px; font-weight: bold color:#7398a6; line-height:8pt; center: center; cursor: auto; border: 1px solid #5e2719; background: #;} font, table, span, div {font-family: times new roman; font-size:7pt; color:#3f3e3e; font-weight: normal; valign:top; text-align:center; letter-spacing: 2px; } </style>

{coded for Marvel Horse.com}
for light background colors

<div style="background:url(http://i20.photobucket.com/albums/b249/plaidsoxs/MH/color-spunk-lyt2-1.png); width: 660px; height: 800px;"> <div style="width: 455px;height: 590px; overflow:auto; margin-top: 144px; margin-left: 113px; float: left;"> <br> <h1> <!-- TYPE TITLE # 1 BELOW --> Type Title Here <!--ENDS HERE--> </h1> <br><h3> <!-- TYPE TEXT BELOW --> type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text <br><br> Remember, you can add <.br> (without the dot) to add extra line breaks if you need them! <!--ENDS HERE--> </h3> <br><br><h1> <!-- TYPE TITLE # 2 BELOW --> Type Title Here <!--ENDS HERE--> </h1> <br><h3> <!-- TYPE TEXT BELOW --> type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here <!--ENDS HERE--> </h3> <br><br><h2> <!-- TYPE TITLE # 3 BELOW --> Type Title Here <!--ENDS HERE--> </h2> <br><h3> <!-- TYPE TEXT BELOW --> type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here <!--ENDS HERE--> </h3> <br><br><h2> <!-- TYPE TITLE # 4 BELOW --> Type Title Here <!--ENDS HERE--> </h2> <br><h3> <!-- TYPE TEXT BELOW --> type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here <!--ENDS HERE--> </h3> <br><h2> <!-- TYPE TITLE # 4 BELOW --> Type Title Here <!--ENDS HERE--> </h2> <br><h3> <!-- TYPE TEXT BELOW --> type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here <!--ENDS HERE--> </h3> <br></div> </div> <center> <style type="text/css"> .fade { opacity: .3; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .fade:hover { opacity: 1; } </style> <!--- Do not remove link below ---> <a href="http://tibs-premade-layouts.blogspot.com/"><p class="fade"> <img src="http://i20.photobucket.com/albums/b249/plaidsoxs/Tib/tiberia%20layout%20sig.png" border="0"></a></p> </center> <!--- Ends here ---></center> <style type="text/css"> body { background: default; font-family:times new roman; font-size:5pt; color: #ffffff; } a:link,a:visited,a:active { text-decoration:none; color:#333333; font-family:andalus; font-size:10pt; font-weight: bold } a:hover { text-decoration: underline overline; color:#b0e9b0; font-family:Bondoni mt condensed; font-size:10pt; } <div style="background:url(http://i20.photobucket.com/albums/b249/plaidsoxs/MH/color-spunk-lyt2-1.png); width: 660px; height: 800px;"> <div style="width: 455px;height: 590px; overflow:auto; margin-top: 144px; margin-left: 113px; float: left;"> <br> <h1> <!-- TYPE TITLE # 1 BELOW --> Type Title Here <!--ENDS HERE--> </h1> <br><h3> <!-- TYPE TEXT BELOW --> type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text <br><br> Remember, you can add <.br> (without the dot) to add extra line breaks if you need them! <!--ENDS HERE--> </h3> <br><br><h1> <!-- TYPE TITLE # 2 BELOW --> Type Title Here <!--ENDS HERE--> </h1> <br><h3> <!-- TYPE TEXT BELOW --> type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here <!--ENDS HERE--> </h3> <br><br><h2> <!-- TYPE TITLE # 3 BELOW --> Type Title Here <!--ENDS HERE--> </h2> <br><h3> <!-- TYPE TEXT BELOW --> type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here <!--ENDS HERE--> </h3> <br><br><h2> <!-- TYPE TITLE # 4 BELOW --> Type Title Here <!--ENDS HERE--> </h2> <br><h3> <!-- TYPE TEXT BELOW --> type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here <!--ENDS HERE--> </h3> <br><h2> <!-- TYPE TITLE # 4 BELOW --> Type Title Here <!--ENDS HERE--> </h2> <br><h3> <!-- TYPE TEXT BELOW --> type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here type text here <!--ENDS HERE--> </h3> <br></div> </div> <center> <style type="text/css"> .fade { opacity: .3; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .fade:hover { opacity: 1; } </style> <!--- Do not remove link below ---> <a href="http://tibs-premade-layouts.blogspot.com/"><p class="fade"> <img src="http://i20.photobucket.com/albums/b249/plaidsoxs/Tib/tiberia%20layout%20sig.png" border="0"></a></p> </center> <!--- Ends here ---></center> <style type="text/css"> body { background: default; font-family:times new roman; font-size:9pt; color: #ffffff; } #stable_content a:link, a:active, a:visited { color: #742e5c; font-family:andalus; font-size:10pt; font-weight: bold } .player_bar a:link, a:active, a:visited { color: #742e5c; font-family:andalus; font-size:10pt; font-weight: bold } #stable_content a:hover { color: #b0e9b0; text-decoration:underline; font-family:Bondoni mt condensed; font-size:10pt; } .player_bar a:hover { color: #0a63b7; text-decoration:underline; font-family:Bondoni mt condensed; font-size:10pt; } a:link { letter-spacing: 0px; color: #333333; font-family:andalus; font-size:10pt; font-weight: bold } a:visited { letter-spacing: 0px; color: #333333; font-family:andalus; font-size:10pt; font-weight: bold } a:active, a:hover { color: #b0e9b0; text-decoration:underline; font-family:Bondoni mt condensed; font-size:10pt; } h1 { font-family: "andalus"; text-align: left; text-outline: 1px 2px #000000; font-size: 12px; font-style: italic; border-bottom: 2px solid #000000; font-weight: bold; color: #78b053; text-transform: uppercase; } h2 { font-family: "andalus"; text-align: right; text-outline: 1px 2px #000000; font-size: 12px; font-style: italic; border-bottom: 2px solid #000000; font-weight: bold; color: #d4748c; text-transform: uppercase; } h3 { font-family: andalus; font-size: 9pt; letter-spacing: 0px; font-weight: normal; color:#694030; line-height:9.5pt; center: center; cursor: auto; width:275; height:5; border: 0px solid #5e2719; text-decoration: none; background: # ; letter-spacing: 2px; } .b { font-family:andalus; font-size: 7pt; letter-spacing: 0px; font-weight: bold color:#7398a6; line-height:8pt; center: center; cursor: auto; border: 1px solid #5e2719; background: #;} font, table, span, div {font-family: times new roman; font-size:7pt; color:#1f1f1f; font-weight: normal; valign:top; text-align:center; letter-spacing: 2px; } </style> </style>

You can put images in this layout as I have done, as long as they are no larger than 430 pixels in width and a max height of 580 pixels (otherwise it won't look as nice). The dimensions of the images that I have in the preview are width: 200 pixels, height: 146 pixels. By keeping them smaller they can be put side by side. If you want to add an image use this html in your text area: 

<br> <img src="URL of image here"> <br>

Want two images side by side? (As long as they are sized appropriately) Use this:

<br> <img src="URL of image here"> <img src="URL of image here"> <br>