Kitty (table based)

Designer's Comments

Look carefully for specific instructions

Simple table layout with pictures of my cat when he was a kitten, while those images are mines the texture and some brushes are from
http://www.swimchick.net/
and
http://gvalkyrie.deviantart.com/

Again the layout is very simple and comes with some link back buttons if you decide to use this layout for your blog. It also comes with some directions if you plan to out cutenews into here.

Basic html knowledge is needed to work this layout. Please do not jock or alter the images or steal the CSS/HTML used to make this layout.

you can also grab the layout or more layouts here

© Silentatmosphere.com

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<html>
<head>
<title>Kitty | the rest here</title>
<script>window.status="Meow";</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="en-us">
<meta name="description" content="Website Info goes here">
<meta name="keywords" content="Website Keywords go here">
<meta name="author" content="Your Name Goes Here">
<meta name="language" content="EN">
<meta name="copyright" content="Amanda@silentatmosphere.com, Your name goes here">
<meta name="rating" content="general (can be changed)">
<link rel="stylesheet" href="css.css" type="text/css" />
</head>
<style>
body {background-color:#CEBD9C; background-image:url('http://cbimg6.com/layouts/08/03/21/26366aj.jpg');  background-position:center; background-repeat:repeat; background-attachment: fixed; scrollbar-arrow-color:CEBD9C; scrollbar-face-color:EFEBE3; scrollbar-highlight-color:CEBD9C; scrollbar-3dlight-color:CEBD9C; scrollbar-shadow-color:CEBD9C; scrollbar-darkshadow-color:CEBD9C; scrollbar-track-color:; margin:0; }

#navigation{position:absolute; left:152px; top:375px; width: auto; z-index:1; overflow:visible; overflow-x:hidden; z-index:2;visibility:visible;padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 3px;}

#content{position:absolute; left:316px; top:375px; width: auto; z-index:1; overflow:visible; overflow-x:hidden; z-index:2;visibility:visible;padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 3px;}

textarea, input, select,button{font:normal 11px tahoma; color:#000000; background-color: #E2E0D8; border:1px solid #E2E0D8;}

#boxes{background-color:#EFEBE3; padding: 3px; font-family: Lucida Sans Unicode;  font-weight: normal; text-transform: none; font-size: 8pt; letter-spacing:0px; line-height:12px;text-align:left; color:#000000; border:0px;}

form, fieldset {font-family: Lucida Sans Unicode;  font-weight: normal; text-transform: none; font-size: 8pt; letter-spacing:0px; line-height:12px;text-align:left; color:#000000; border:0px;}

.space {font-size: 1px;}

table {font-family:Lucida Sans Unicode;  font-weight: normal; text-transform: none; font-size: 8pt; letter-spacing:0px; line-height:12px;text-align:left; color:#000000; border:0px; padding:0px;}

xmp{font-family:Lucida Sans Unicode!important; font-size:10px !important; color:#666666 !important; font-weight:normal !important; text-decoration: none; letter-spacing: 0px !important;  padding: 0px !important; line-height: 11px !important;}

h1{font-family:'Courier New', Courier;  font-weight: normal; text-transform: none; font-size: 22px; letter-spacing: -2px; line-height:16px;text-align: left; color:#CEBD9C; background-color: #; margin-top: 0px; margin-bottom: 0px; padding-top: 3px; background:url() right center no-repeat; padding-left:3px; border-bottom:1px solid #AA9485; } 
h2{font-family:'Courier New', Courier;  font-weight:normal; text-transform: none; font-size: 22px; letter-spacing: -2px; line-height:16px;text-align: right; color:#CEBD9C; background-color: #; margin-top: 0px; margin-bottom: 0px; padding-top: 3px; background:url() right center no-repeat; padding-left:3px; border-bottom:1px solid #AA9485;}

h3{font-family:Trebuchet MS!important; font-weight: normal; text-transform: none; font-size: 8pt; letter-spacing:0px; line-height:10px;text-align:left; color:#000000; border:0px; background-color: #D8D8D7; margin-top: 0px; margin-bottom: 0px; padding-top: 3px; padding-bottom: 3px;}

.header1{display:block; font-family:Tahoma;  font-weight: normal; text-transform: none; font-size: 16px; letter-spacing: -1px; line-height:14px; text-align: left; color:#273C41; margin-top: 0px; margin-bottom: 0px; padding-top: 3px;}

b, strong {font-family: tahoma; font-size:8pt;  color:#764BA5;} 
i, em{font-family: tahoma; font-size:8pt;  color:#5F8DC2;} 
u {font-family: tahoma; font-size:8pt;  color:#62460E;}
s {font-family: tahoma; font-size:8pt;  color:#000000;}
 
.link{display:block; text-align:left; background-color:#; height:14px; padding-top:2px; z-index:6; font-family:Trebuchet MS!important; font-size:9pt!important; color:#000000!important; letter-spacing:0px!important; background:url() left center no-repeat; padding-left:0px;}
.link:hover{display:block; text-align:left; background-color:#; height:14px; padding-top:2px; z-index:6; font-family:Trebuchet MS!important; font-size:9pt!important; color:#AA608B!important; letter-spacing:0px!important; background:url() left center no-repeat; padding-left: 4px;}

a, a:link, a:active, a:visited {font-family: tahoma; font-size:11px; color:#8F858E; text-decoration: none!important; }
a:hover {font-family: tahoma; font-size:11px; background-color: none!important; color:#AA608B; text-decoration: none!important;}
a:link img, a:visited img {filter: none;border:0px}

blockquote {background-color:#D6D3C4; color: #555; display: block; font: normal 1em "Lucida Sans Unicode",serif; margin-bottom: 12px; padding: 3px 6px;}
cite {background: url(http://cbimg6.com/layouts/08/03/21/26366ak.gif) no-repeat; background-color:#E2E0D8; color: #666; display: block; font: normal 1.1em "Lucida Sans Unicode",serif; margin-bottom: 12px; padding-left: 21px; padding-right: 3px; padding-bottom: 3px;}
</style>

<tr><td valign="top" style="background-color:#ffffff;">
<table style="background-color:#ffffff; width:638px;"><tr>
<td valign="top" style="width: 185px"><h1>Me</h1>
<div id="boxes">
<img src="http://cbimg6.com/layouts/08/03/21/26366ab.jpg" align="left">
Here you can write about whatever you want, anything that revolves around what you want the public to know about you.  Just make sure that you fill up the height of the picture to avoid having the header below latch on to this picture.  Your picture doesn't have to be 31x88 just make sure it doesn't go over 150px in width.<br>
</div>
<br>

<h1>Navigation</h1>
<div id="boxes">

<h1>Extra</h1>
<div id="boxes">
<a href="http://www.silentatmosphere.com"class="link">Link1</a>
<a href="http://www.silentatmosphere.com" class="link">Link2</a>

<h1>Credits</h1>
<div id="boxes">
Made by: <a href="http://silentatmosphere.com">Silentatmosphere</a><br>
Credits located <a href="http://silentatmosphere.com/weblayouts.php">here</a><br>
Please do not remove these credits, while I made this layout the resources are not mines to claim and neither are they yours. Please take into account that I made this layout for you, so please follow my wishes and keep the credit on the layout. <br>

</div>
<br>

</td>
<td valign="top" style="width: 10px"> </td>

<td valign="top" width="468px">
<h2>Welcome To Website Name Here!</h2>
<div id="boxes">
<table><tr><td>
<img src="http://cbimg6.com/layouts/08/03/21/26366ac.jpg" align="left"><td>

<b>Directions, tips and hints:</b> While the codes I will supply you come with SA hosted images. Your welcome to save them here on this page and host them on to your own website server to avoid the exceeded bandwidth or broken links.  If you plan to blog via cutenews the width of this div layer is 468px, but aim a bit smaller by 5 or by 10 pixles (463, 458) to avoid a scrollbar.  I will allow some editing but nothing to completely change this layout, You may add your website name, but DO NOT remove the credit on the navigation side bar and layout image. This paragraph is in a table if you plan to keep it be careful how you remove this text, this section can be good for a small welcome message or some self info if you turn this into a blog site.</td></tr></table><br>

</div>
<br>

<h2>Other Features</h2>
<div id="boxes">
<center><u>Underline</u> <i>Italic</i> <b>Bold</b> <s>Strike</s></center>

<Blockquote>This is a blockquote this is good for if you decide to make a fanlisting or if you decide  to use this layout as a fan website this is good for certain quotes or info you want to stand out. </blockquote>
<cite>This is a cite box, much like the blockquote but this one is wider and works best for articles with sections that you want to stand out without the blockquote indent. A clear background works best because the text is of a lighter color. You may choose to use this or not. The code is still there.</cite>

Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here...
<br>
</div>
<br>

<h2>Goodies for you</h2>
<div id="boxes">
Outside of the layout, icons and my devoted time, here are some banners to use when using this layout. These are the most common and most used link banner sizes. To avoid any problems please save these and upload them into your own server. Do not claim these as your own. 
<br>
<b>88x31</b><br>
<img src="http://cbimg6.com/layouts/08/03/21/26366ad.jpg">
<img src="http://cbimg6.com/layouts/08/03/21/26366ae.jpg">
<img src="http://cbimg6.com/layouts/08/03/21/26366af.jpg">
<br><br>

</div>
<br>

<h2>Whatever you want here</h2>
<div id="boxes">
Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here... Anything can go here...
<br>
</div>
<br>

</td></tr></table> 
</td></tr>
<tr><td valign="top" width="640" height="50" style="background-image:url('http://www.silentatmosphere.com/wlayouts/images/kitty_footers.jpg');  background-position:center;">
</td></tr>
</table> 
</div></body>

Layout Comments

Showing latest 10 of 18 comments

xute

By chyannie on Feb 18, 2009 3:11 pm

2 cute 4 words...

By BlissyBoo on Jul 17, 2008 3:13 pm

SOOOOOOOOOOO CUTE

By jessicagirl001 on Jul 4, 2008 8:02 pm

aw, this is adorable! (:

By skyway-avenue on Jun 6, 2008 8:13 pm

Really cute!

By englishmanners on May 4, 2008 1:59 pm

I love it! Is there a way to can add a comment section at the bottom?

By donkey1 on Mar 25, 2008 4:43 pm

this is super cute.

By dee72 on Mar 24, 2008 4:33 pm

Hey, I love the layout, just wanna know if it is OK if I make the layout in PHP includes, I will still link back but I also want to know if I can publish it and give credit to you but say that I put it in PHP Includes.

By cynosure on Mar 23, 2008 11:05 pm

agh cats x]

By hiimeka on Mar 23, 2008 3:05 am

Aww, this is adorable. C:

By YumiTsubaki on Mar 22, 2008 11:14 pm

View all »

Layout Details

Designer	Blaqheartedstar
Submitted on	Mar 22, 2008
Page views	16,207
Favorites	76
Comments	18
Reviewer	agiri
Approved on	Mar 22, 2008

Kitty (table based)

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates