TABLE LAYOUTS

1. HOLD ME

INDEX.HTML

<html> <head> <title>X________Hold Me</title> <link rel="stylesheet" href="style.css" type="text/css"/> <meta name="Author" CONTENT="Triple W Communications"> </head> <body> <div align="center"> <table width="758" cellspacing="0"> <tr> <td class="topimage"><img src="http://graphicaddiction.net/downloads/holdme/holdme.gif"></td> </tr> <tr> <td> <table width="758" cellspacing="0"> <tr> <td width="60%" valign="top" class="box1">  <div class="header">Welcome</div> <p> This is a table layout featuring random models called "hold me". You like it? I DO TOO!!!! I made this layout free for my visitors, as long as you KEEP my CREDIT link intact. If you have any questions please contact me. XOXO Vanessa //Graphicaddiction.net <p> <div class="header">Updates</div> <p> PUT UPDATES HERE  </td> <td width="25%" valign="top" class="box2"> <div class="header">Navigation</div> <div class="navi"> <center> <ul>  <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li>  </ul> </center> </div> <p>  <div class="header">Affies</div> <p> Affies here <p> <div class="header">Link Us</div> <p> Put your link button here with a code <p> <div class="header">Stats (Unique)</div> <p> Put a counter here  </p> </td> </tr> </table> <tr> <td width="100%" class="footer">  Site © YOUR NAME Layout By: <a href="http://graphicaddiction.net" target=_blank>Graphic Addiction</a> </td> </tr> </td> </tr> </table> </div> </body> </html>

STYLE.CSS

BODY { background-image:url('http://graphicaddiction.net/downloads/holdme/bg.gif'); margin-top:10px; margin-bottom:10px; cursor:default; } h1 {font-size:24px; color:#D0D0D0;} h2 {font-size:20px; color:#919191;} h3 {font-size:18px; color:#000000;} TD {color:#000000; font-family:tahoma,sans-serif; font-size:11px; text-align:justify; border:0px solid #663366; border-bottom-width:0px; padding:0px; } .topimage { font-family:tahoma,sans-serif; font-size:11px; border:1px solid #663366; border-bottom:0px solid #663366; text-align:justify; padding:0px; } .box1 {color:#000000; font-family:tahoma,sans-serif; font-size:11px; text-align:justify; line-height:14px; background-color:#c0c0c0 ; border:1px solid #663366; border-left-width:1px; border-right-width:1px; border-top-width:1px; padding:6px; } .box2 {color:#000000; font-family:tahoma,sans-serif; font-size:11px; text-align:justify; line-height:14px; background-color:#c0c0c0 ; border:1px solid #663366; border-left-width:0px; border-right-width:1px; border-top-width:1px; padding:6px; } A:link {color:#663366; font-weight:bold; text-decoration:underline;} A:visited {color:#663366; font-weight:bold; text-decoration:underline;} A:active {color:#663366; font-weight:bold; text-decoration:underline;} A:hover {color:#ffffff; font-weight:bold; text-decoration:line-through; } .navi {width:205px; font-size:11px;border: 2px solid #000000; border-top-width:0px; border-bottom-width:2px;} .navi ul {margin:0; padding:0; list-style:none;} .navi li {margin:0;border-top:2px solid #000000;} .navi a {display:block; width:205px; padding:1px 0px 1px 8px; text-decoration:none; font-family: Arial, sans-serif; font-size:10px; text-transform:uppercase;letter-spacing:0px; font-weight:normal; text-align:left;} .navi li a:link {color:#663366; background-color:#c0c0c0 ;text-decoration:none;} .navi li a:visited {color:#663366;text-decoration:none; letter-spacing:0px; letter-spacing:0px; background-color:#c0c0c0 ;} .navi li a:active {color:#663366;text-decoration:none; letter-spacing:0px; letter-spacing:0px; background-color:#c0c0c0 ;} .navi li a:hover {color:#ffffff; letter-spacing:0px; background-color:#333333;} .header { text-transform:none; color:#ffffff ; font-size:10px; line-height:13px; font-weight:bold; background-color:#333333; letter-spacing:1px; font-family:verdana,sans-serif; text-align:left; text-transform:uppercase; margin:0px; border-bottom:2px solid #663366; border-top:2px solid #000000; padding: 1 1 1 5; } blockquote { color:#000000; background-color:#b9b9b9; font-size:11px; text-align: justify; BORDER: #000000 1px solid; padding:4px;} .input {color:#000000; font-size:11px; font-family:tahoma, sans-serif; background-color:#d0d0d0; border:1px solid; border-color: #ffffff; width:140px; height:18px } .button {color:#000000; font-family:tahoma, sans-serif; font-size:11px; background-color:#d0d0d0; border:1px solid; border-color: #000000; padding:1px; height:18px;} .textarea {color:#000000; font-family:tahoma, sans-serif; font-size:10px; background-color:#d0d0d0; border:1px solid; border-color: #ffffff;width:250px;} .footer {color:#FFFFFF; font-family:tahoma,sans-serif; padding:8px; border: 1px solid #663366; border-top:0px solid #663366; background-color:#c0c0c0 ; font-size:10px; text-align:center; } <STYLE type="text/css">  </STYLE>

2. COLOR ME BEAUTIFUL

*****CLICK HERE TO PREVIEW*****

INDEX.HTML

<html> <head> <title>Color Me Beautiful</title> <link rel="stylesheet" href="style.css" type="text/css"/> <meta name="Author" CONTENT="Triple W Communications"> </head> <body> <div align="center"> <table width="758" cellspacing="0"> <tr> <td class="topimage"><img src="http://graphicaddiction.net/downloads/colorme/colorme.gif"></td> </tr> <tr> <td> <table width="758" cellspacing="0"> <tr> <td width="60%" valign="top" class="box1">  <div class="header">Welcome</div> <p> This is a table layout featuring Christina Aguilera called "Color Me Beautiful". You like it? I DO TOO!!!! I made this layout free for my visitors, as long as you KEEP my CREDIT link intact. If you have any questions please contact me. XOXO Vanessa //Graphicaddiction.net <p> <div class="header">Updates</div> <p> PUT UPDATES HERE  </td> <td width="25%" valign="top" class="box2"> <div class="header">Navigation</div> <p> <div class="navi"> <center> <ul>  <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li>  </ul> </center> </div> <p>  <div class="header">Affies</div> <p> Affies here <p> <div class="header">Link Us</div> <p> Put your link button here with a code <p> <div class="header">Stats (Unique)</div> <p> Put a counter here  </p> </td> </tr> </table> <tr> <td width="100%" class="footer">  Site © YOUR NAME Layout By: <a href="http://graphicaddiction.net" target=_blank>Graphic Addiction</a> </td> </tr> </td> </tr> </table> </div> </body> </html>

STYLE.CSS

Search for it!

Custom Search