DOMOpod

Designer's Comments

Look carefully for specific instructions

This is my first Website Template I have created and submitted! Let me know what you think of it.

( Best view in Firefox. not tested in IE yet. Also; please leave the credit on, thank you! )

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>DOMOpod</TITLE>
<style type="text/css">

body  {
         background-color:994343;
         background-image:url("http://cbimg6.com/layouts/09/04/34358ab.jpg");
         background-attachment: scroll;
         background-position: 8px;
         background-repeat: repeat-y;
         }

#domotop {
                width: 1024px;
                height: 768px;
                background-color: transparent;
                position:absolute;
                margin: 0px;
                top: 0px;
                }

#sitename {
                 width: 280px;
                 height: 40px;
                 background-color: transparent;
                 position: absolute;
                 margin: 256px 520px;
                 font-size:30px;
                 font-family: Times New Roman;
                 letter-spacing: -3px;
                 overflow: auto;
                 color: #CC0000; 
                 }

#contentmain {
              width: 460px;
              height: justify;
              background-color: transparent;
              position:absolute;
              margin: 620px 134px;
              font-family: tahoma;
              color: #ffffff;
              font-size: 9px;
              overflow: auto;
              z-index: 2;
              }

#rightcolumn {
                     width: 270px;
                     height: justify;
                     background-color: transparent;
                     position: absolute;
                     margin: 615px 615px;
                     font-family: tahoma;
                     color: #ffffff;
                     font-size: 9px;
                     overflow: auto;
                     z-index: 2;
                     }

.navbuttons {
                   height: justify;
                   font-family: Times New Roman;
                   color: #cc3333;
                   letter-spacing: 5px;
                   font-size:18px;
                   text-align: right;
                   text-transform: lowercase; 
                   text-decoration:none;
                   font-weight:bold;
                   }

.navbuttons:hover {
                   height: justify;
                   font-family: Times New Roman;
                   color: #c11111;
                   letter-spacing: 5px;
                   font-size: 18px;
                   text-align: right;
                   text-transform: lowercase; 
                   text-decoration:none;
                   font-weight:bold;
                   }

a {
  color: #cc3333;
  text-decoration:none;
  }

a:hover {
           color: #cc0000;
           text-decoration:none;
           }

h1 {
     width: 440px;
     height justify;
     background-color: transparent;
     font-family: Times New Roman;
     color: #cc0000;
     font-size: 27px;
     letter-spacing: -3px;
     border: 1px solid; border-color: #cc0000;
     line-height: 25px;
     font-weight:normal;
     text-transform: uppercase;
    }

h2 {
     width: 260px;
     height justify;
     background-color: transparent;
     font-family: Times New Roman;
     color: #cc0000;
     font-size: 27px;
     letter-spacing: -3px;
     border: 1px solid; border-color: #cc0000;
     line-height: 25px;
     font-weight:normal;
     text-transform: uppercase;
    }

blockquote {
	        width: 300px;
	        background-color: #cc2222;
	        margin: 10px 55px;
                padding: 5px 10px;
                color: #cccccc;
                border: 1px solid; border-color: #ffffff;
	        }

b {
   color: #cc0000;
   }

u {  
   color: #cc2222;
   }

i {
   color: #cc4444;
   }

s {
   color: #cc8888;
   }

</style></HEAD>

<!- TOP IMAGE -->
<div id="domotop">
     <img src="http://cbimg6.com/layouts/09/04/34358aa.jpg">
        </div>

<!- PUT YOUR LAYOUT SITE NAME HERE -->
<div id="sitename">

your site name here.

</div>

<!- CONTENT FOR LEFT COLUMN -->
<div id="contentmain">
    <h1>section 1</h1>
       <b>style 1</b>, <i>style 2</i>, <u>style 3</u>, <s>style 4</s><br><br>
       Oh! hello there! This here is a website template; waiting to look good for your layout site. Although you are probably glancing at this here artwork and style: but you can use it for your site. Your layout site is probably empty right now, or it needs a little boost of style and colors. Well, here you go! By the way, if you do use this template, or any of my other website templates/layouts, then you should (please) leave the credit link on here/there; that would be very kind of you :). Feel free to look at my other designs as well. Message me on createblog.com, or on my myspace page, if you have any questions regarding my layouts or website templates, thank you!<br>

Some inside content. Some inside content. Some inside content. Some inside content. Some inside content. Some inside content. Some inside content. Some inside content. Some inside content. Some inside content. Some inside content. Some inside content.

</blockquote><br>

<br>
    <h1>section 2</h1>

Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. Some more content. 
        </div>

<!- CONTENT FOR RIGHT COLUMN -->
<div id="rightcolumn">
    <h2>navigate</h2> 
       <div class="navbuttons">
        <a href="URLHERE" class="navbuttons">LINK HERE</a><br>
        <a href="URLHERE" class="navbuttons">LINK HERE</a><br>
        <a href="URLHERE" class="navbuttons">LINK HERE</a><br>
        <a href="http://www.myspace.com/officialmikenator" class="navbuttons">credit</a><br>
       </div>

<h2>side title here</h2>
      Put some more content over here, maybe some affiliates or something. Or maybe just some other random stuff you want to display on the side. Put some more content over here, maybe some affiliates or something. Or maybe just some other random stuff you want to display on the side. Put some more content over here, maybe some affiliates or something. Or maybe just some other random stuff you want to display on the side.
     
<br><br><br><br>
<center>© your site name/year. template by <a href="http://www.myspace.com/officialmikenator">the mikenator</a>.

</div>

Layout Comments

Showing latest 10 of 16 comments

Tight

By Jazz560 on Jul 19, 2009 6:54 pm

cute

By awesomegurl7686 on Jul 8, 2009 11:33 am

OMG i luv dis layout buh kan u try to make it into a myspace one

By keakea00 on May 3, 2009 6:17 pm

sure :)

By Mikenator on Apr 17, 2009 11:09 am

can you make a myspace layout that looks just like this?
=]

By alysonhammers on Apr 16, 2009 6:23 pm

That's. Hella. Sick.

Sick = AWESOMENESS

Strange, I know.
:D

By JSkyrocket on Apr 14, 2009 2:49 am

sorry about the image quality; i think it's the image hosting site that messes with the quality, haha.
i'll upload my images to a different image hosting site :P

By Mikenator on Apr 12, 2009 9:04 am