Zocode
[img]/img/1705/1705774_d05822c30e.png[/img]
Body:
<body>
<div id="container">
<div id="header">
<h1>Zocode<span class="off">Tk</span></h1>
<h2> by Zara</h2>
</div>

<div id="menu">
<ul>
<li class="menuitem"><a href="#">Home</a></li>
<li class="menuitem"><a href="#">About</a></li>
<li class="menuitem"><a href="#">Products</a></li>
<li class="menuitem"><a href="#">Services</a></li>
<li class="menuitem"><a href="#">Design</a></li>
<li class="menuitem"><a href="#">Contact</a></li>
</ul>
</div>

<div id="leftmenu">

<div id="leftmenu_top"></div>

<div id="leftmenu_main">

<h3>Links</h3>

<ul>
<li><a href="#">SEO</a></li>
<li><a href="#">PHP</a></li>
<li><a href="#">Ajax</a></li>
<li><a href="#">jQuery</a></li>
<li><a href="#">Web design</a></li>
<li><a href="#">Web Programming</a></li>
<li><a href="#">Content Creation</a></li>
<li><a href="#">Internet Marketing</a></li>
<li><a href="#">XHTML Templates</a></li>
</ul>
</div>


<div id="leftmenu_bottom"></div>
</div>




<div id="content">


<div id="content_top"></div>
<div id="content_main">
<h2>You may use this template in any manner you like. All I ask is that you leave the link back to my site at the bottom of the page. </h2>
<p> </p>
<p> </p>
<h3>Template Notes</h3>
<p> Lorem ipsum dolor sit amet, tur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p></p>
<p> </p>
</div>
<div id="content_bottom"></div>

<div id="footer"><h3><a href="http://www.bryantsmith.com">florida web design</a></h3></div>
</div>
</div>
</body>

A hnuaia mi khu css aw:
<style type="text/css">
/* Design by Zara (zocode.tk) */
body {
margin: 0;
padding: 0;
text-align: left;
font: 12px Arial, Helvetica, sans-serif;
font-size: 13px;
color: #061C37;
background: #fff;
background-image:url('http://zaracss.xtgem.com/slickred/background.png');
background-repeat:repeat-x;}
*
{margin: 0 auto 0 auto;
text-align:left;}

#container
{display: block;
height:auto;
position: relative;
width: 960px;}


#header
{height:85px;
width:960px;}

#header h1
{position:absolute;
text-align:left;
color:#FFFFFF;
font-size:43px;
color:#FFF;
left:14px;
top:18px;}


#header h2
{position:absolute;
text-align:right;
color:#FFD5D5;
left:490px;
top:38px;
width:400px;}

#mainpic
{background-image:url(images/main.jpg);
background-repeat:no-repeat;
width:900px;
height:354px;}



.off
{color:#300;}


#menu
{display:block;
float:left;
clear:both;
width:960px;
height:54px;
float:left;
clear:both;}

#leftmenu {margin-top:15px;
width:204px;
float:left;}

#leftmenu_top
{width:204px;
height:13px;
background-image:url('http://zaracss.xtgem.com/slickred/leftmenu_top.png');}

#leftmenu_bottom
{width:204px;
height:13px;
background-image:url('http://zaracss.xtgem.com/slickred/leftmenu_bottom.png');}
#leftmenu_main
{width:204px;
height:auto;
background-color:#420000;}

#leftmenu_main ul
{list-style: none;
padding: 0px;
width:204px;}


#leftmenu_main h3
{list-style: none;
padding: 0px;
width:204px;
color:#FFFFFF;
padding-left:10px;
padding-bottom:14px;}

#leftmenu_main ul li
{list-style: none;
padding: 0px;
width:204px;
text-align:left;}

#leftmenu_main ul li a,
#leftmenu_main ul li a:visited
{display:block;
list-style: none;
padding: 0px;
width:192px;
padding-left:12px;
padding-top:4px;
height:30px;
text-align:left;
background-image:url('http://zaracss.xtgem.com/slickred/leftmenu_link.png');
background-repeat:repeat-x;
margin-top:5px;
color:#FFFFFF;
text-decoration:none;
font-size:15px;
font-weight:bold;}

#leftmenu_main ul li a:hover
{color:#EED7D7;}

#content
{display:block;
float:left;
width:689px;
height:auto;
padding-left:10px;
padding-top:15px;
padding-right:10px;
padding-bottom:5px;}


#content_top
{background-image:url('http://zaracss.xtgem.com/slickred/main_top.png');
background-repeat:no-repeat;
width:689px;
height:23px;}

#content_main
{background-image:url('http://zaracss.xtgem.com/slickred/main_back.png');
background-repeat:repeat-y;
width:659px;
padding-left:15px;
padding-right:15px;}

#content_bottom
{background-image:url('http://zaracss.xtgem.com/slickred/main_bottom.png');
background-repeat:no-repeat;
width:689px;
height:23px;}

#footer
{width:inherit;
height:auto;}

#footer h3 a,#footer h3 a:visited
{display:inline;
text-align:center;
font-size:12px;
text-decoration:none;
color:#FFF; }

#menu ul {
list-style: none;
padding: 0px;
margin-left:auto;
width:960px;}

#menu li {
list-style: none;
padding: 0px;
display: inline;}

#menu a {
float: left;
height: 36px;
display: block;
text-align: center;
text-decoration: none;
color: #ffffff;
font-weight: bold;
padding-top: 18px;
font-size: 15px;
padding-left:13px;
padding-right:13px;}

#menu a:hover{
background-image:url('http://zaracss.xtgem.com/slickred/link_background.png');
background-repeat:repeat-x;}

#content p
{
}
html, body {
text-align: center;
}
p {text-align: left;}</style>
Like Quote
343 Likes

smith
Originally posted by Zocode
[img]/img/1705/1705774_d05822c30e.png[/img]
Body:
<body>
<div id="container">
<div id="header">
<h1>Zocode<span class="off">Tk</span></h1>
<h2> by Zara</h2>
</div>

<div id="menu">
<ul>
<li class="menuitem"><a href="#">Home</a></li>
<li class="menuitem"><a href="#">About</a></li>
<li class="menuitem"><a href="#">Products</a></li>
<li class="menuitem"><a href="#">Services</a></li>
<li class="menuitem"><a href="#">Design</a></li>
<li class="menuitem"><a href="#">Contact</a></li>
</ul>
</div>

<div id="leftmenu">

<div id="leftmenu_top"></div>

<div id="leftmenu_main">

<h3>Links</h3>

<ul>
<li><a href="#">SEO</a></li>
<li><a href="#">PHP</a></li>
<li><a href="#">Ajax</a></li>
<li><a href="#">jQuery</a></li>
<li><a href="#">Web design</a></li>
<li><a href="#">Web Programming</a></li>
<li><a href="#">Content Creation</a></li>
<li><a href="#">Internet Marketing</a></li>
<li><a href="#">XHTML Templates</a></li>
</ul>
</div>


<div id="leftmenu_bottom"></div>
</div>




<div id="content">


<div id="content_top"></div>
<div id="content_main">
<h2>You may use this template in any manner you like. All I ask is that you leave the link back to my site at the bottom of the page. </h2>
<p> </p>
<p> </p>
<h3>Template Notes</h3>
<p> Lorem ipsum dolor sit amet, tur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p></p>
<p> </p>
</div>
<div id="content_bottom"></div>

<div id="footer"><h3><a href="http://www.bryantsmith.com">florida web design</a></h3></div>
</div>
</div>
</body>

A hnuaia mi khu css aw:
<style type="text/css">
/* Design by Zara (zocode.tk) */
body {
margin: 0;
padding: 0;
text-align: left;
font: 12px Arial, Helvetica, sans-serif;
font-size: 13px;
color: #061C37;
background: #fff;
background-image:url('http://zaracss.xtgem.com/slickred/background.png');
background-repeat:repeat-x;}
*
{margin: 0 auto 0 auto;
text-align:left;}

#container
{display: block;
height:auto;
position: relative;
width: 960px;}


#header
{height:85px;
width:960px;}

#header h1
{position:absolute;
text-align:left;
color:#FFFFFF;
font-size:43px;
color:#FFF;
left:14px;
top:18px;}


#header h2
{position:absolute;
text-align:right;
color:#FFD5D5;
left:490px;
top:38px;
width:400px;}

#mainpic
{background-image:url(images/main.jpg);
background-repeat:no-repeat;
width:900px;
height:354px;}



.off
{color:#300;}


#menu
{display:block;
float:left;
clear:both;
width:960px;
height:54px;
float:left;
clear:both;}

#leftmenu {margin-top:15px;
width:204px;
float:left;}

#leftmenu_top
{width:204px;
height:13px;
background-image:url('http://zaracss.xtgem.com/slickred/leftmenu_top.png');}

#leftmenu_bottom
{width:204px;
height:13px;
background-image:url('http://zaracss.xtgem.com/slickred/leftmenu_bottom.png');}
#leftmenu_main
{width:204px;
height:auto;
background-color:#420000;}

#leftmenu_main ul
{list-style: none;
padding: 0px;
width:204px;}


#leftmenu_main h3
{list-style: none;
padding: 0px;
width:204px;
color:#FFFFFF;
padding-left:10px;
padding-bottom:14px;}

#leftmenu_main ul li
{list-style: none;
padding: 0px;
width:204px;
text-align:left;}

#leftmenu_main ul li a,
#leftmenu_main ul li a:visited
{display:block;
list-style: none;
padding: 0px;
width:192px;
padding-left:12px;
padding-top:4px;
height:30px;
text-align:left;
background-image:url('http://zaracss.xtgem.com/slickred/leftmenu_link.png');
background-repeat:repeat-x;
margin-top:5px;
color:#FFFFFF;
text-decoration:none;
font-size:15px;
font-weight:bold;}

#leftmenu_main ul li a:hover
{color:#EED7D7;}

#content
{display:block;
float:left;
width:689px;
height:auto;
padding-left:10px;
padding-top:15px;
padding-right:10px;
padding-bottom:5px;}


#content_top
{background-image:url('http://zaracss.xtgem.com/slickred/main_top.png');
background-repeat:no-repeat;
width:689px;
height:23px;}

#content_main
{background-image:url('http://zaracss.xtgem.com/slickred/main_back.png');
background-repeat:repeat-y;
width:659px;
padding-left:15px;
padding-right:15px;}

#content_bottom
{background-image:url('http://zaracss.xtgem.com/slickred/main_bottom.png');
background-repeat:no-repeat;
width:689px;
height:23px;}

#footer
{width:inherit;
height:auto;}

#footer h3 a,#footer h3 a:visited
{display:inline;
text-align:center;
font-size:12px;
text-decoration:none;
color:#FFF; }

#menu ul {
list-style: none;
padding: 0px;
margin-left:auto;
width:960px;}

#menu li {
list-style: none;
padding: 0px;
display: inline;}

#menu a {
float: left;
height: 36px;
display: block;
text-align: center;
text-decoration: none;
color: #ffffff;
font-weight: bold;
padding-top: 18px;
font-size: 15px;
padding-left:13px;
padding-right:13px;}

#menu a:hover{
background-image:url('http://zaracss.xtgem.com/slickred/link_background.png');
background-repeat:repeat-x;}

#content p
{
}
html, body {
text-align: center;
}
p {text-align: left;}</style>
Like Quote
274 Likes


Comment Box
Your Name:

Your Text here:

Color


Telugu Movie
Download Android Game for Free
Teen Patti  9Apps  Phone  more