Splatter

 
CLICK TO ENLARGE

 Here's a simple layout for you all with expandable text areas!

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

 

The boxes will light up when you hover over them!

{coded for Eqcetera.com}

<!---------- CREATED BY TIBERIA's LAYOUTS ----------!> <!***** outline of page: 1. css styling 2. title of page 3. main layout box 4. top side box 5. bottom side box & you can re-size this text box vertically & do not remove info related to Tiberia's Layouts, thanks and enjoy! *****!> <!------------------- 1. css styling ----------------------!> <style type="text/css"> html,body{margin:0;padding:0}body{font: 76% arial,sans-serif;text-align:center}p{margin:0 10px 10px}h1 { color: #b15e5e; font-family: Orator Std; font-size: 15px; letter-spacing: 1px; text-transform: capitalize;}div#header1 h1{height:75px;line-height:80px;margin:0; padding-left:10px; color: #b15e5e; background:url(http://i20.photobucket.com/albums/b249/plaidsoxs/eq/header1.jpg)no-repeat; font-family: Orator Std; font-size: 15px; letter-spacing: 5px; text-transform: capitalize;}div#container1{text-align:left}div#content1 p{line-height:1.4; color: #000; opacity: 0.5;}div#content1 p:hover{opacity: .8;}div#navigation1{background:#d3e4d8; opacity: .5; color: #000;}div#extra1{background:#ec7c87; opacity:.5; color: #000;}div#footer1{background: #4a3e49;color: #b15e5e; font-size: .6em;}div#footer1 p{margin:0;padding:5px 10px}div#container1{width:700px;margin:0 auto; background-color: #fff; background: url(http://i20.photobucket.com/albums/b249/plaidsoxs/eq/splatter.jpg)no-repeat;}div#content1{float:left;width:500px}div#navigation1{float:right;width:200px}div#navigation1:hover {opacity:0.8;}div#extra1{float:right;clear:right;width:200px}div#extra1:hover{opacity: 0.8;}div#footer1{clear:both;width:100%}a:link,a:visited {color:#2b3f24;text-decoration:none;}a:hover {color:#b15e5e;text-decoration:underline;}textarea { display: block; margin: 0 auto; background-color: #fff; max-height:900px; max-width: 164%; resize: vertical; height: 600px; position: relative; width: 183%; font-size: 100%; margin-left: -140px;}input[type="text"], input[type="password"], textarea, select { border: 1px groove #222222; border-radius: 20px; background: #fff; color: #444; height:auto; font: 1.0em times new roman; padding: 5px; -webkit-transition: box-shadow 1s; -moz-transition : box-shadow 1s; -o-transition : box-shadow 1s; transition : box-shadow 1s;}.alternate-heading { background: url(none);background-color: #262025;text-transform: capitalize;font-weight:none;text-align: center;color: #addfbd;font-family: Orator Std; font-size: 15px; letter-spacing: 5px;border-bottom: 5px solid #ea8690;text-shadow: #333 0em 0em 0em;}table { background-color: #e2eee5; font:normal 100% Helvetica, Arial, sans-serif; width: 80%; }th {line-height: 7px; color: #292525; background-color: #a8b9ae;}caption,th,td { text-align:left; font-weight:normal; color: #868886;}</style></head><div id="container1"> <div id="header1"> <h1> <!------------------- 2. title: type below----------------------!> Stable name <!----- stop here ----!> </h1> </div> <div id="wrapper1"> <div id="content1"> <p> <b> <!------------------- 3. main layout box: type title below----------------------!> FIRST BOX. <!--- stop here---!></b> <!--------------- 3. main layout box: type body text below------------------!> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dictum vehicula accumsan. Sed venenatis pretium odio, sit amet pretium ligula euismod a. Aenean consectetur nulla at est aliquet non auctor arcu laoreet. Nam gravida accumsan enim, a scelerisque leo ullamcorper eget. Integer viverra sapien id mauris rutrum interdum. Morbi consectetur dui vitae magna commodo ultricies sed sed neque. Quisque volutpat, sapien non viverra feugiat, lectus justo porttitor dui, in ornare metus dui et purus. Aliquam condimentum mi et elit pellentesque consequat. Quisque lacinia congue dapibus. Nulla lacinia aliquam mollis. Fusce ut quam vel neque tincidunt feugiat. Integer odio felis, vestibulum a feugiat tempus, feugiat vitae leo. Vestibulum luctus ultrices elementum. Etiam eget laoreet magna. Vivamus iaculis placerat sollicitudin. Fusce id justo orci, ac ornare justo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc scelerisque mi eget urna tincidunt congue. Proin luctus dapibus purus sed cursus. Donec id malesuada mauris. Quisque sodales auctor lacinia. Suspendisse potenti. Aliquam hendrerit mattis turpis id volutpat. Donec sagittis fermentum lorem et laoreet. Aliquam sodales nulla vel nibh sagittis cursus vulputate magna vehicula. Fusce ut turpis id ante pulvinar mattis. In viverra tortor ac mi sagittis a semper urna interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi porta faucibus mauris sit amet porttitor. Maecenas vitae dolor lectus, eget tempor neque. Donec eget nunc nunc, ultrices placerat enim. Vivamus non elit urna, nec egestas neque. Aenean eget odio non dui mollis ullamcorper. Maecenas lectus nibh, sodales nec ultrices vel, cursus a enim. Aenean et tortor nibh. Curabitur convallis justo sodales augue volutpat egestas. Integer dui sem, condimentum ac consectetur vitae, egestas id augue. Proin non sapien leo, ut tristique sem. Suspendisse in fermentum libero. Aliquam iaculis dictum laoreet. Ut sit amet sapien sem. Aenean odio velit, imperdiet vitae elementum ut, volutpat quis lorem. Sed arcu est, consectetur sed luctus in, dapibus nec nibh. Morbi blandit ornare ligula, sagittis ultricies augue feugiat sed. Ut id mauris dolor. Aenean pretium aliquet nunc eget lacinia. Phasellus pharetra tellus a nisi auctor scelerisque. Phasellus in mauris et elit iaculis gravida. <!-- stop --!> </p> </div> </div> <div id="navigation1"> <p> <b> <!------------------- 4. top side box: type title below----------------------!> SIDE BOX. <!-- stop here --!></b> <!--------------- 4. main layout box: type body text below------------------!> Quisque dignissim, neque a porta consequat, dolor lectus mollis velit, et pellentesque erat felis vitae leo. Donec et ipsum eget tortor elementum porttitor. Fusce urna mauris, semper eu fringilla vitae, eleifend vel tortor. Donec facilisis dapibus est porta mattis. <!-- stop --!> </p> </div> <div id="extra1"> <p> <b> <!------------------- 5. bottom side box: type title below----------------------!> ANOTHER SIDE. <!-- stop here --!></b> <!--------------- 4. main layout box: type body text below------------------!> In ac elit in tortor eleifend rutrum sed non risus. Maecenas pharetra sem nibh. Mauris dictum augue nibh, sit amet convallis leo. Praesent mattis consectetur volutpat. Quisque tristique viverra purus, quis dignissim enim euismod eu. Donec tristique dolor eget nisi faucibus elementum. <!-- stop --!> <!-- do not edit or remove anything below this line --!> </p> </div> <div id="footer1"> <p> Created by Tiberia's Layouts.</p> </div> </div>

{coded for Marvel Horse.com}

<!---------- CREATED BY TIBERIA's LAYOUTS ----------!> <!***** outline of page: 1. css styling 2. title of page 3. main layout box 4. top side box 5. bottom side box & you can re-size this text box & do not remove info related to Tiberia's Layouts, thanks and enjoy! *****!> <!------------------- 1. css styling ----------------------!> <style type="text/css"> html,body{margin:0;padding:0}body{font: 76% arial,sans-serif;text-align:center}p{margin:0 10px 10px}h1 { color: #b15e5e; font-family: Orator Std; font-size: 15px; letter-spacing: 1px; text-transform: capitalize;}div#header1 h1{height:75px;line-height:80px;margin:0; padding-left:10px; color: #b15e5e; background:url(http://i20.photobucket.com/albums/b249/plaidsoxs/eq/header1.jpg)no-repeat; font-family: Orator Std; font-size: 15px; letter-spacing: 5px; text-transform: capitalize; text-align: left;}div#container1{text-align:left}div#content1 p{line-height:1.4; color: #000; opacity: 0.5; font-face: arial; font-size: 11px;}div#content1 p:hover{opacity: .8;}div#navigation1 p{background:#d3e4d8; opacity: .5; color: #000; font-face: arial; font-size: 11px;}div#extra1 p{background:#ec7c87; opacity:.5; color: #000; font-face: arial; font-size: 11px;}div#footer1{background: #4a3e49;color: #626261; font-size: 1px;}div#footer1 p{margin:0;padding:5px 10px; font-face: arial; font-size: 9px; font-color:#626261;}div#container1{width:700px;margin:0 auto; background-color: #fff; background: url(http://i20.photobucket.com/albums/b249/plaidsoxs/eq/splatter.jpg)no-repeat;}div#content1{float:left;width:500px}div#navigation1{float:right;width:200px;}div#navigation1 p:hover {opacity:.8;}div#extra1{float:right;clear:right;width:200px}div#extra1 p:hover{opacity: 0.8;}div#footer1{clear:both;width:100%}a:link,a:visited {color:#2b3f24;text-decoration:none;}a:hover {color:#b15e5e;text-decoration:underline;}textarea { display: block; margin: 0 auto; background-color: #fff; font-size: 100%; }input[type="text"], input[type="password"], textarea, select { border: 1px groove #222222; border-radius: 20px; background: #fff; color: #444; font: 1.0em times new roman; padding: 5px; -webkit-transition: box-shadow 1s; -moz-transition : box-shadow 1s; -o-transition : box-shadow 1s; transition : box-shadow 1s;}.alternate-heading { background: url(none);background-color: #262025;text-transform: capitalize;font-weight:none;text-align: center;color: #addfbd;font-family: Orator Std; font-size: 15px; letter-spacing: 5px;border-bottom: 5px solid #ea8690;text-shadow: #333 0em 0em 0em;}</style></head><div id="container1"> <div id="header1"> <h1> <!------------------- 2. title: type below----------------------!> Stable name <!----- stop here ----!> </h1> </div> <div id="wrapper1"> <div id="content1"> <p> <b> <!------------------- 3. main layout box: type title below----------------------!> FIRST BOX. <!--- stop here---!></b> <!--------------- 3. main layout box: type body text below------------------!> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dictum vehicula accumsan. Sed venenatis pretium odio, sit amet pretium ligula euismod a. Aenean consectetur nulla at est aliquet non auctor arcu laoreet. Nam gravida accumsan enim, a scelerisque leo ullamcorper eget. Integer viverra sapien id mauris rutrum interdum. Morbi consectetur dui vitae magna commodo ultricies sed sed neque. Quisque volutpat, sapien non viverra feugiat, lectus justo porttitor dui, in ornare metus dui et purus. Aliquam condimentum mi et elit pellentesque consequat. Quisque lacinia congue dapibus. Nulla lacinia aliquam mollis. Fusce ut quam vel neque tincidunt feugiat. Integer odio felis, vestibulum a feugiat tempus, feugiat vitae leo. Vestibulum luctus ultrices elementum. Etiam eget laoreet magna. Vivamus iaculis placerat sollicitudin. Fusce id justo orci, ac ornare justo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc scelerisque mi eget urna tincidunt congue. Proin luctus dapibus purus sed cursus. Donec id malesuada mauris. Quisque sodales auctor lacinia. Suspendisse potenti. Aliquam hendrerit mattis turpis id volutpat. Donec sagittis fermentum lorem et laoreet. Aliquam sodales nulla vel nibh sagittis cursus vulputate magna vehicula. Fusce ut turpis id ante pulvinar mattis. In viverra tortor ac mi sagittis a semper urna interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi porta faucibus mauris sit amet porttitor. Maecenas vitae dolor lectus, eget tempor neque. Donec eget nunc nunc, ultrices placerat enim. Vivamus non elit urna, nec egestas neque. Aenean eget odio non dui mollis ullamcorper. Maecenas lectus nibh, sodales nec ultrices vel, cursus a enim. Aenean et tortor nibh. Curabitur convallis justo sodales augue volutpat egestas. Integer dui sem, condimentum ac consectetur vitae, egestas id augue. Proin non sapien leo, ut tristique sem. Suspendisse in fermentum libero. Aliquam iaculis dictum laoreet. Ut sit amet sapien sem. Aenean odio velit, imperdiet vitae elementum ut, volutpat quis lorem. Sed arcu est, consectetur sed luctus in, dapibus nec nibh. Morbi blandit ornare ligula, sagittis ultricies augue feugiat sed. Ut id mauris dolor. Aenean pretium aliquet nunc eget lacinia. Phasellus pharetra tellus a nisi auctor scelerisque. Phasellus in mauris et elit iaculis gravida. <!-- stop --!> </p> </div> </div> <div id="navigation1"> <p> <b> <!------------------- 4. top side box: type title below----------------------!> SIDE BOX. <!-- stop here --!></b> <!--------------- 4. main layout box: type body text below------------------!> Quisque dignissim, neque a porta consequat, dolor lectus mollis velit, et pellentesque erat felis vitae leo. Donec et ipsum eget tortor elementum porttitor. Fusce urna mauris, semper eu fringilla vitae, eleifend vel tortor. Donec facilisis dapibus est porta mattis. <!-- stop --!> </p> </div> <div id="extra1"> <p> <b> <!------------------- 5. bottom side box: type title below----------------------!> ANOTHER SIDE. <!-- stop here --!></b> <!--------------- 4. main layout box: type body text below------------------!> In ac elit in tortor eleifend rutrum sed non risus. Maecenas pharetra sem nibh. Mauris dictum augue nibh, sit amet convallis leo. Praesent mattis consectetur volutpat. Quisque tristique viverra purus, quis dignissim enim euismod eu. Donec tristique dolor eget nisi faucibus elementum. <!-- stop --!> <!-- do not edit or remove anything below this line --!> </p> </div> <div id="footer1"> <p> Created by Tiberia's Layouts.</p> </div> </div>

{coded for Horseland.com}

<style> html,body{margin:0; padding:0; }body{font: 76% arial,sans-serif; text-align:center; }p{margin:0 10px 10px; }h1 { color: #b15e5e; font-family: Orator Std; font-size: 15px; letter-spacing: 1px; text-transform: capitalize; }div#header1 h1{height:75px; line-height:80px; margin:0; padding-left:10px; color: #b15e5e; background:url(http://i20.photobucket.com/albums/b249/plaidsoxs/eq/header1.jpg)no-repeat; font-family: Orator Std; font-size: 15px; letter-spacing: 5px; text-transform: capitalize; }div#container1{text-align:left; }div#content1 p{line-height:1.4; color: #000; opacity: 0.5; }div#content1 p:hover{opacity: .8; }div#navigation1{background:#d3e4d8; opacity: .5; color: #000; }div#extra1{background:#ec7c87; opacity:.5; color: #000; }div#footer1{background: #4a3e49; color: #b15e5e; font-size: .6em; }div#footer1 p{margin:0; padding:5px 10px; }div#container1{width:700px; margin:0 auto; background-color: #fff; background: url(http://i20.photobucket.com/albums/b249/plaidsoxs/eq/splatter.jpg)no-repeat; }div#content1{float:left; width:500px; }div#navigation1{float:right; width:200px; }div#navigation1:hover {opacity:0.8; }div#extra1{float:right; clear:right; width:200px; }div#extra1:hover{opacity: 0.8; }div#footer1{clear:both; width:100%; }a:link,a:visited {color:#2b3f24; text-decoration:none; }a:hover {color:#b15e5e; text-decoration:underline; }textarea { display: block; margin: 0 auto; background-color: #fff; max-height:900px; max-width: 164%; ; height: 600px; position: relative; width: 183%; font-size: 100%; margin-left: -140px; }input[type="text"], input[type="password"], textarea, select { border: 1px groove #222222; ; background: #fff; color: #444; height:auto; font: 1.0em times new roman; padding: 5px; ; ; ; ; }.alternate-heading { background: url(none); background-color: #262025; text-transform: capitalize; ; text-align: center; color: #addfbd; font-family: Orator Std; font-size: 15px; letter-spacing: 5px; border-bottom: 5px solid #ea8690; text-shadow: #333 0em 0em 0em; }table { background-color: none; font:normal 100% Helvetica, Arial, sans-serif; width: 100%; }th {line-height: 7px; color: #292525; background-color: #a8b9ae; }caption,th,td { text-align:left; ; color: #868886; }</style><div id="container1"> <div id="header1"> <h1> Stable name </h1> </div> <div id="wrapper1"> <div id="content1"> <p> <b> FIRST BOX TITLE. </b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dictum vehicula accumsan. Sed venenatis pretium odio, sit amet pretium ligula euismod a. Aenean consectetur nulla at est aliquet non auctor arcu laoreet. Nam gravida accumsan enim, a scelerisque leo ullamcorper eget. Integer viverra sapien id mauris rutrum interdum. Morbi consectetur dui vitae magna commodo ultricies sed sed neque. Quisque volutpat, sapien non viverra feugiat, lectus justo porttitor dui, in ornare metus dui et purus. Aliquam condimentum mi et elit pellentesque consequat. Quisque lacinia congue dapibus. Nulla lacinia aliquam mollis. Fusce ut quam vel neque tincidunt feugiat. Integer odio felis, vestibulum a feugiat tempus, feugiat vitae leo. Vestibulum luctus ultrices elementum. Etiam eget laoreet magna. Vivamus iaculis placerat sollicitudin. Fusce id justo orci, ac ornare justo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc scelerisque mi eget urna tincidunt congue. Proin luctus dapibus purus sed cursus. Donec id malesuada mauris. Quisque sodales auctor lacinia. Suspendisse potenti. Aliquam hendrerit mattis turpis id volutpat. Donec sagittis fermentum lorem et laoreet. Aliquam sodales nulla vel nibh sagittis cursus vulputate magna vehicula. Fusce ut turpis id ante pulvinar mattis. In viverra tortor ac mi sagittis a semper urna interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi porta faucibus mauris sit amet porttitor. Maecenas vitae dolor lectus, eget tempor neque. Donec eget nunc nunc, ultrices placerat enim. Vivamus non elit urna, nec egestas neque. Aenean eget odio non dui mollis ullamcorper. Maecenas lectus nibh, sodales nec ultrices vel, cursus a enim. Aenean et tortor nibh. Curabitur convallis justo sodales augue volutpat egestas. Integer dui sem, condimentum ac consectetur vitae, egestas id augue. Proin non sapien leo, ut tristique sem. Suspendisse in fermentum libero. Aliquam iaculis dictum laoreet. Ut sit amet sapien sem. Aenean odio velit, imperdiet vitae elementum ut, volutpat quis lorem. Sed arcu est, consectetur sed luctus in, dapibus nec nibh. Morbi blandit ornare ligula, sagittis ultricies augue feugiat sed. Ut id mauris dolor. Aenean pretium aliquet nunc eget lacinia. Phasellus pharetra tellus a nisi auctor scelerisque. Phasellus in mauris et elit iaculis gravida. </p> </div> </div> <div id="navigation1"> <p> <b> SIDE BOX TITLE.</b> Quisque dignissim, neque a porta consequat, dolor lectus mollis velit, et pellentesque erat felis vitae leo. Donec et ipsum eget tortor elementum porttitor. Fusce urna mauris, semper eu fringilla vitae, eleifend vel tortor. Donec facilisis dapibus est porta mattis. </p> </div> <div id="extra1"> <p> <b> ANOTHER SIDE TITLE. </b> In ac elit in tortor eleifend rutrum sed non risus. Maecenas pharetra sem nibh. Mauris dictum augue nibh, sit amet convallis leo. Praesent mattis consectetur volutpat. Quisque tristique viverra purus, quis dignissim enim euismod eu. Donec tristique dolor eget nisi faucibus elementum. </p> </div> <div id="footer1"> <p> Created by Tiberia's Layouts.</p> </div> </div>