En Yeni Tasarımlar - tasarım 7

tasarım 7

TASARIM ÜSTÜNE

</div>
<div id="sidebar">
<ul class="sb1">
<li><h3>archives</h3></li>
<li><a href="#" _fcksavedurl="#">June 2008</a></li>
<li><a href="#" _fcksavedurl="#">May 2008</a></li>
<li><a href="#" _fcksavedurl="#">April 2008</a></li>
<li><a href="#" _fcksavedurl="#">May 2008</a></li>
<li><a href="#" _fcksavedurl="#">February 2008</a></li>
<li><form action="search.cgi" method="get" id="search"><div><input type="text" name="search" value="search..." /></div></form></li>
<li class="sbb"> </li>
</ul>
<ul class="sb2">
<li><h3>categories</h3></li>
<li><a href="#" _fcksavedurl="#">Apple / Mac</a></li>
<li><a href="#" _fcksavedurl="#">Personal</a></li>
<li><a href="#" _fcksavedurl="#">Technology</a></li>
<li><a href="#" _fcksavedurl="#">Poetry & Writing</a></li>
<li><a href="#" _fcksavedurl="#">Environment</a></li>
<li class="sbb"> </li>
</ul>
<ul class="sb3">
<li><h3>links</h3></li>
<li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li>
<li><a href="#" _fcksavedurl="#">Praesent aliquam</a></li>
<li><a href="#" _fcksavedurl="#">Quisque ornare</a></li>
<li><a href="#" _fcksavedurl="#">Phasellus tristique</a></li>
<li><a href="#" _fcksavedurl="#">Fusce varius urna</a></li>
<li><a href="#" _fcksavedurl="#">Etiam leo pede</a></li>
<li><a href="#" _fcksavedurl="#">Aenean  sagittis</a></li>
<li><a href="#" _fcksavedurl="#">Vestibulum ut nisl</a></li>
<li><a href="#" _fcksavedurl="#">Maecenas urna</a></li>
<li><a href="#" _fcksavedurl="#">Sed neque mi</a></li>
<li class="sbContent"><h3>sidebar header</h3></li>
<li class="sbContent"><p>Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam.</p><p>Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam.</p></li>
<li class="sbb"> </li>
</ul>
</div>
<br class="clearfloat" />
<div id="footer">
<p>Copyright © 2008, your.site.com - Designed by <a href="mailto:tony@20pirates.com" _fcksavedurl="mailto:tony@20pirates.com">Tony Pires</a> - <a href="#" _fcksavedurl="#">Terms of Use</a></p>
</div>
</div>
</div></body></html></body></html>

TASARIM ALTINA

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;}
* {
margin: 0;
padding: 0;
}
body  {
background: url(http://www.opendesigns.org/designs/1635/images/bg.jpg) repeat-x #FFF;
color: #435F73;
font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
}
/**** GENERAL STYLES ****/
a {
color: #435F73;
}
p {
line-height: 1.5em;
padding: 4px 0;
}
b,
strong {
color: #000;
}
i,
em {
font-family: Georgia, serif;
}
#sidebar {
margin-right: 1px;
}
h3.blogMeta {
position: relative;
top: 4px;
}
#mainContent #commentList {
margin-left: 32px;
}
#mainContent ul,
#mainContent ol {
line-height: 1.5em;margin: 5px 0 5px 50px;
}
#mainContent ul li {
list-style-image: url(http://www.opendesigns.org/designs/1635/images/b.gif);
}
blockquote {
background: url(http://www.opendesigns.org/designs/1635/images/q.gif) no-repeat;
font: 12px Georgia, serif;
font-style: italic;
margin: 10px 0 10px 20px;
padding: 0 60px 0 30px;
text-align: left;
}
code {
background: #E5EDF7;
border-top: 1px solid #84B0D3;
border-bottom: 1px solid #84B0D3;
padding: 2px 4px 0 4px;
}
input,
textarea {
background: #84B0D3;
border: none;
color: #000;
padding: 4px 2px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #6998C6;
font-weight: normal;
line-height: 1.4em;
}
h5,
h6 {
text-transform: uppercase;
}
h1 {
font-size: 20px;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 16px;
}
h4 {
font-size: 14px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 10px;
}
/**** GENERAL LAYOUT ****/
#topBackground {
background: url(http://www.opendesigns.org/designs/1635/images/header.jpg) top center no-repeat;
margin: 0 auto;
padding-top: 440px;
width: 960px;
}
#container {
margin: 0 auto;
text-align: left;
width: 680px;
}
#header h1 {
font-size: 48px;
font-weight: normal;
letter-spacing: -3px;
padding-left: 24px;
}
#header h2 {
color: #6998C6;
font-size: 16px;
font-style: italic;
font-weight: normal;
padding-right: 70px;
text-align: right;
}
#header a {
color: #000;
text-decoration: none;
}
#miniMenu {
height: 20px;
float: right;
font-size: 10px;
padding-right: 70px;
padding-top: 5px;
}
#miniMenu li {
display: inline;
margin: 0 1px;
}
#miniMenu a {
background: #000;
color: #FFF;
padding: 2px 4px;
}
#miniMenu a:hover {
background: #435F73;
color: #B1DEFF;
}
#sidebar {
float: right;
width: 200px;
padding: 110px 0 0 20px;
margin-right: 2px
}
#content {
float: left;
width: 450px;
text-padding: 0 0 0 10px;
}
/**** SIDEBAR STYLES & LAYOUT ****/
#sidebar h3 {
color: #FFF;
font-size: 22px;
font-weight: normal;
margin-bottom: 10px;
}
#sidebar ul {
list-style: none;
padding-left: 20px;
}
#sidebar li {
line-height: 2em;
font-size: 13px;
}
#sidebar li a {
color: #B1DEFF;
text-decoration: none;
}
#sidebar li a:hover {
color: #FFF;
}
#sidebar li.sbContent h3 {
margin-top: 10px;
}
#sidebar li.sbContent p {
border-left: 4px solid #84B0D3;
color: #FFF;
font-size: 11px;
padding: 0 20px 0 10px;
}
#search input {
margin-top: 10px;
width: 110px;
}
.sb1 {
background: url(http://www.opendesigns.org/designs/1635/images/sidebar1.gif) repeat-y;
margin-top: -20px;
}
.sb1 li.sbb {
background: url(http://www.opendesigns.org/designs/1635/images/sidebar_sep1.gif) no-repeat;
height: 37px;
margin-left: -20px;
width: 200px;
}
.sb2 {
background: url(http://www.opendesigns.org/designs/1635/images/sidebar2.gif) repeat-y;
}
.sb2 li.sbb {
background: url(http://www.opendesigns.org/designs/1635/images/sidebar_sep2.gif) no-repeat;
height: 35px;
margin-left: -20px;
width: 200px;
}
.sb3 {
background: #000;
margin-right: 0;
margin-bottom: -10px;
}
.sb3 li.sbb {
background: url(http://www.opendesigns.org/designs/1635/images/sidebar_base.gif) no-repeat;
height: 16px;
margin-left: -20px;
width: 200px;
}
#footer {
background: url(http://www.opendesigns.org/designs/1635/images/footer.jpg) bottom left no-repeat;
height: 27px;
margin-left: 24px;
margin-top: 20px;
}
#footer p {
color: #B1DEFF;
padding: 8px 0 0 0;
text-align: center;
}
#footer a {
color: #B1DEFF;
text-decoration: none;
}
.floatR {
float: right;
}
.floatL {
float: left;
}
.clearfloat {
clear: both;
}</body></html></body></html>

CSS KODUNA