workspace tasarim kodu
CSS KOD<style type="text/css">
/*LAYOUT*/
* { outline: none; }
#bg { background: url(http://img295.imageshack.us/img295/2147/bgap5.jpg) no-repeat 0% 0%; position: absolute; width: 520px; height: 420px; left: 50%; top: 50%; margin-left: -260px; /* width -(520px/2) = -260px */margin-top: -210px; /* height -(420px/2) = -210px */}
#maincontainer{ width: 520px; margin: 0 auto; }
#contentwrapper{ float: left; width: 100%; }
#contentcolumn{ margin: 0 0 0 235px; padding: 0 25px 0 0; }
#leftcolumn{ float: left; width: 210px; margin: 65px 0 0 -520px; }
#footer { clear: left; text-align: right; padding: 50px 10px 0 0; }
/*NAVIGATION*/
#navlist { margin: 0 0 0 25px; padding-left: 0; list-style: none; }
#navlist li a { padding-left: 5px; }
/*STYLES*/
body { background: #fff; color: #666; font: normal 13px/1.5em arial, helvetica, sans-serif; word-spacing: 0.1em; }
#text { height: 255px; width: 250px; padding-right: 5px; overflow: auto; margin-top: 45px; }
p { margin: 0 0 18px 0; }
a, a:link, a:visited, a:active { color: #069; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { color: #cc0000; font-size: 1.5em; text-align: right; line-height: 1em; margin: 25px 0 0 0; }
h2, h3, h4 { color: #069; font-size: 1.1em; line-height: 1em; margin: 0 0 9px 0; }
#footer { font-size: 0.85em; }
</style>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<title>Title</title>
<meta name="description" content="ENTER DESCRIPTION HERE" />
<meta name="keywords" content="ENTER KEYWORDS SEPARATED BY COMMAS" />
<meta name="owner" content="ENTER THE SITE OWNER NAME" />
<meta name="copyright" content="ENTER SITE COPYRIGHT INFO" />
<meta name="author" content="ENTER THE AUTHOR INFO" />
<meta name="rating" content="General" />
<meta name="revisit-after" content="7 days" />
<style type="text/css" media="all">@import "style.css";</style>
HTML KOD
</head>
<body>
<div id="bg">
<div id="maincontainer">
<div id="contentwrapper">
<div id="contentcolumn">
<h1>Sitenin İsmi</h1>
<div id="text">
<p>KODU AL</p>
<h2>AÇIKLAMA</h2>
<p>Bedava-sitem kullanıcıları için güçkanweb tasarım sayfaları. Bu tasarımı beğendiniz ve kullanmak istiyorsanız yukarıdan kodunu alabilirsiniz. Kodu almadan önce yapmanız gerekenleri anlatmaya çalışayım. Tasarım ayarlarından gelişmiş tasarımlara girin. Kodun birinci bölümü olan Css kısmını (css kodu style tagleri olmadan) yazan yere ekleyin. Html yazan ikinci bölümü ise oluşturacağınız sayfalara ekleyin.
</p>
<p>Tasarımın üzerine eklediğiniz kodlara değişiklik yapmayın aksi takdirde tasarımı bozabilirsiniz. Tasarımlarla ilgili soruların varsa onları buraya yazabilirsin </p>
<p><H1>SONRAKİ TASARIM>>></H1></p>
</div>
</div></div>
<div id="leftcolumn">
<div id="navcontainer">
<ul id="navlist">
<li><img src="http://img295.imageshack.us/img295/4580/homedd6.gif" width="16" height="16" alt="Home" /><a href="index.html">Home</a></li>
<li><img src="http://img156.imageshack.us/img156/8767/inform8.gif" width="16" height="16" alt="About" /><a href="#">About</a></li>
<li><img src="http://img295.imageshack.us/img295/9051/commentuf4.gif" width="16" height="16" alt="Comments" /><a href="#">Comments</a></li>
<li><img src="http://img132.imageshack.us/img132/6922/imagekt8.gif" width="16" height="16" alt="Gallery" /><a href="#">Gallery</a></li>
<li><img src="http://img156.imageshack.us/img156/7043/audioyb0.gif" width="16" height="16" alt="Audio" /><a href="#">Audio</a></li>
<li><img src="http://img295.imageshack.us/img295/8505/videovc2.gif" width="16" height="16" alt="Video" /><a href="#">Video</a></li>
<li><img src="http://img156.imageshack.us/img156/1292/maills1.gif" width="16" height="16" alt="Contact" /><a href="#">Contact</a></li>
<li><img src="http://img132.imageshack.us/img132/3794/documenthx6.gif" width="16" height="16" alt="Page" /><a href="#">Page</a></li>
</ul>
</div></div></div>
<div id="footer">
Design by <a href="http://www.guckanweb.tr.gg">Ğolozlu</a>
</div>
</div>
</body>
</html>