Burusuk sayfa

Konu: Burusuk sayfa Paz Mayıs 31, 2009 12:39 am

tasarimin üzerine

Kod:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Sticky Notes by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">Site İsmi</a></h1>

</div>
<div id="pages">

<li class="active"><a id="page1" href="#">link</a></li>
<li><a id="page2" href="#">link</a></li>
<li><a id="page3" href="#">link</a></li>
<li><a id="page4" href="#">link</a></li>
<li><a id="page5" href="#">link</a></li>
</ul>
</div>
<div id="content">
<div id="posts">
<div class="post">

tasarımın altına

Kod:: </div>
</div>
</div>
<div id="search" class="yellownotes">
<h2 class="heading">Search</h2>
<div class="content">
<form method="get" action="#">
<div>
<input type="text" id="textfield1" name="textfield1" value="" size="18" />
<input type="submit" id="submit1" name="submit1" value="Go" />
</div>
</form>
</div>

<div id="categories" class="orangenotes">
<h2 class="heading">Categories</h2>
<div class="content">
<ul>
<li class="first"><a href="#">Quisque vestibulum</a></li>

<li><a href="www.bsoyuncity.tr.gg">Bsoyuncity</a></li>
<li><a href="www.bsoyuncity.tr.gg">Bsoyuncity</a></li>
<li><a href="www.bsoyuncity.tr.gg">Bsoyuncity</a></li>
<li><a href="www.bsoyuncity.tr.gg">Bsoyuncity</a></li>
<li><a href="www.bsoyuncity.tr.gg">Bsoyuncity</a></li>
<li><a href="www.bsoyuncity.tr.gg">Bsoyuncity</a></li>
<li><a href="www.bsoyuncity.tr.gg">Bsoyuncity</a></li>
<li><a href="www.bsoyuncity.tr.gg">Bsoyuncity</a></li>
<li><a href="www.bsoyuncity.tr.gg">Bsoyuncity</a></li>
<li><a href="www.bsoyuncity.tr.gg">Bsoyuncity</a></li>
<li><a href="www.bsoyuncity.tr.gg">Bsoyuncity</a></li>
<li><a href="www.bsoyuncity.tr.gg">Bsoyuncity</a></li>
<li><a href="www.bsoyuncity.tr.gg">Bsoyuncity</a></li>

</ul>
</div>
</div>
</div>
<div id="footer">
<p>Copyright 2009 Designed by BsOyunCity-Bedava Sitem Oyun Şehri<a href="http://www.amazonex.tr.gg/"><strong>AmAzOnEx</strong></a></p>
</div>
</body>
</html>

Css koduna

Kod:: h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
margin: 20px;
padding: 0;
background: #D4D4D4 url(http://img231.yukle.tc/images/8276img1.gif);
font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
color: #704B3A;
}

h1, h2, h3, h4, h5, h6, form {
margin: 0;
padding: 0;
}

a {
background: url(http://img231.yukle.tc/images/7844img10.gif) repeat-x left bottom;
text-decoration: none;
color: #6157E4;
}

a:hover {
background-image: none;
}

.content ul {
margin-top: 0;
}

/* Teal Notes */

.tealnotes {
}

/* Yellow Notes */

.yellownotes {
margin-bottom: 20px;
background: #FFF846 url(http://img231.yukle.tc/images/3436img2.gif) no-repeat left bottom;
}

.yellownotes .heading {
height: 50px;
padding: 10px;
background: url(http://img231.yukle.tc/images/7797img3.gif) repeat-x left center;
}

.yellownotes .content {
padding: 0 20px 60px 20px;
}

/* Orange Notes */

.orangenotes {
margin-bottom: 20px;
background: #FF8C46 url(http://img231.yukle.tc/images/911img6.gif) no-repeat left bottom;
}

.orangenotes .heading {
height: 50px;
padding: 10px;
background: url(http://img231.yukle.tc/images/5770img7.gif) repeat-x left center;
}

.orangenotes .content {
padding: 0 20px 60px 20px;
}

/* Green Notes */

.greennotes {
margin-bottom: 20px;
background: #AEE63F url(http://img231.yukle.tc/images/105img4.gif) no-repeat left bottom;
}

.greennotes .heading {
height: 50px;
padding: 10px;
background: url(http://img231.yukle.tc/images/8084img5.gif) repeat-x left center;
}

.greennotes .content {
padding: 0 20px 60px 20px;
}

/* Header */

#header {
width: 720px;
height: 100px;
margin: 0 auto;
padding: 20px;
background: #5BCE9E url(http://img231.yukle.tc/images/6591img8.gif) no-repeat left bottom;
}

#header h1, #header h2 {
float: left;
margin: 0;
padding: 0;
}

#header a {
background: none;
}

/* Pages */

#pages {
width: 560px;
margin: -50px auto 50px auto;
padding-left: 200px;
}

#pages h2 {
float: left;
margin: 0;
padding: 0;
font-size: 1em;
}

#pages ul {
margin: 0;
padding: 0;
list-style: none;
}

#pages li {
display: inline;
padding-left: 1em;
}

#pages a {
}

/* Content */

#content {
width: 760px;
margin: 0 auto;
}

/* Posts */

#posts {
float: left;
width: 490px;
}

.post {
margin-bottom: 20px;
background: #5BCE9E url(http://img231.yukle.tc/images/6686img9.gif) repeat-x left top;
}

.title {
padding: 5px 20px;
}

.posted {
padding: 0 0 0 20px;
font-size: small;
}

.story {
padding: 20px;
}

.meta {
height: 60px;
padding: 40px 0 0 0;
background: url(http://img231.yukle.tc/images/6591img8.gif) no-repeat left bottom;
}

.meta p {
margin: 0;
padding: 0 20px 0 0;
text-align: right;
}

/* Search */

#search {
float: right;
width: 250px;
}

#search .content {
padding-bottom: 100px;
}

/* Archives */

#archives {
clear: right;
float: right;
width: 250px;
}

/* Categories */

#categories {
clear: right;
float: right;
width: 250px;
}

/* Blogroll */

#blogroll {
clear: right;
float: right;
width: 250px;
}

/* Footer */

#footer {
clear: both;
text-align: center;
}

» Sayfa yükleniyor kodu