Tasarim-Merkezi Olarak İsteklerinizi Bekliyoruz...

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
*/
* {margin: 0;
padding: 0;
}body {
   background: #F6F6F6 url(http://img212.imageshack.us/img212/5660/img01qr0.jpg) repeat-x;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #6B6B6B;}form {}

input, textarea {
   padding: 2px 5px;
   border: 1px solid #EBEBEB;
   font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #6B6B6B;
}

h1, h2, h3, h4 {
   margin: 0;
}

h2, h3, h4 {
   margin-bottom: 20px;
   padding-bottom: 9px;
   border-bottom: 1px solid #F2F2F2;
   letter-spacing: -0.035em;
   font-weight: normal;
   color: #37404C;
}

h2 {
   font-size: 28px;
}

h3 {
   font-size: 16px;
   font-weight: bold;
}

h4 {
   font-size: 14px;
   font-weight: bold;
}

p, ul, ol {
   margin-bottom: 1.5em;
   line-height: 170%;
   text-align: justify;
}

ul, ol {
   margin-left: 3em;
}

dl.list1 {
   margin: 0;
   padding: 0;
   list-style: none;
}

dl.list1 dt {
   float: left;
   width: 70px;
}

dl.list1 dd {
   margin-bottom: 10px;
}

dl.list1 a {
   color: #666666;
}

ul.list2 {
   margin: 0;
   padding: 0;
   list-style: none;
   line-height: normal;
}

ul.list2 li {
   float: left;
   margin: 0 18px 18px 0;
}

ul.list2 li.nopad {
   margin-right: 0;
}

blockquote {
   margin-left: 3em;
   margin-right: 3em;
}

a {
   color: #FF5A00;
}

a:hover {
   text-decoration: none;
}

a img {
   border: none;
}

img.left {
   float: left;
   margin: 5px 20px 0 0;
}

img.right {
   float: right;
   margin: 5px 0 0 20px;
}

/* Wrapper */

#wrapper {
   width: 960px;
   margin: 0 auto;
   background: url(http://img530.imageshack.us/img530/7443/img02qh9.jpg) repeat-y;
}

#wrapper2 {
   background: url(http://img140.imageshack.us/img140/3381/img10xq3.jpg) no-repeat left bottom;
}

/* Header */

#header {
   height: 140px;
   background: #087FE7 url(http://img140.imageshack.us/img140/5393/img03tx0.jpg) no-repeat;
}

/* Logo */

#logo {
   float: left;
}

#logo h1 {
   margin: 0;
   padding: 90px 0 0 78px;
   text-transform: lowercase;
   letter-spacing: -3px;
   font-size: 40px;
   color: #FFFFFF;
}

#logo h1 a {
   text-decoration: none;
   color: #FFFFFF;
}

/* Menu */

#menu {
   float: right;
}

#menu ul {
   margin: 0;
   padding: 112px 78px 0 0;
   list-style: none;
   line-height: normal;
}

#menu li {
   display: inline;
}

#menu a {
   padding-left: 40px;
   text-decoration: none;
   font-size: 13px;
   font-weight: bold;
   color: #FFFFFF;
}

#menu a:hover {
   text-decoration: underline;
}

/* Page */

#page {
   background: url(http://img212.imageshack.us/img212/4254/img04mm2.jpg) no-repeat;
}

/* Content */

#content {
   float: left;
   width: 555px;
   padding: 0 0 0 76px;
}

.post {
   padding-top: 50px;
}

.post .title {
}

.post .title a {
   text-decoration: none;
   color: #37404C;
}

.post .title a:hover {
   text-decoration: underline;
}

.post .entry {
}

.post .meta {
   height: 16px;
   margin: 0;
   padding: 10px;
   background: url(http://img140.imageshack.us/img140/9184/img07sk2.jpg) repeat-x left bottom;
   line-height: normal;
}

.post .meta .posted {
   display: block;
   float: left;
}

.post .meta .permalink {
   display: block;
   float: right;
   padding-left: 17px;
   background: url(images/img09.gif) no-repeat left center;
}

.post .meta .comments {
   display: block;
   float: right;
   padding: 0 30px 0 19px;
   background: url(images/img08.gif) no-repeat left center;
}

/* Sidebar */

#sidebar {
   float: right;
   width: 186px;
   padding: 67px 76px 0 0;
}

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

#sidebar li {
   margin-bottom: 40px;
}

#sidebar li ul {
}

#sidebar li li {
   margin: 0;
}

/* Search */

#search {
}

#search br {
   display: none;
}

#search input {
   padding: 1px 5px;
   border-top: 1px solid #BAD300;
   border-left: 1px solid #A9C817;
   border-right: 1px solid #7DAB00;
   border-bottom: 1px solid #578900;
   background: #6E9D00 url(images/img18.gif) repeat-x;
   font-size: 11px;
   font-weight: bold;
   color: #FFFFFF;
}

#search #s {
   width: 130px;
   padding: 2px 5px;
   background: #FFFFFF;
   border: 1px solid #EBEBEB;
   font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #6B6B6B;
}

/* Widebar */
#widebar {
   margin: 0 50px;
   padding: 25px 28px 0 28px;
   background: #F2F2F2 url(http://img530.imageshack.us/img530/8051/img11pm8.gif) repeat-x;}

#widebar #colA {
   float: left;
   width: 260px;
}
#widebar #colB {
   float: left;
   width: 260px;
   padding-left: 45px;}

#widebar #colC {
   float: left;
   width: 186px;
   padding-left: 45px;}/* Footer */

#footer {height: 108px;
   background: url(http://img140.imageshack.us/img140/2527/img05xs3.jpg) no-repeat;
}

#footer p {
   margin: 0;
   padding-top: 45px;
   text-align: center;
   color: #8E8E8E;
}
#footer a {
   color: #666666;}

<div id="wrapper">
   <div id="wrapper2">
      <div id="header">
         <div id="logo">
            <h1>sıte adı</h1>
         </div>
         <div id="menu">
            <ul>
               <li><a href="#">Homepage</a></li>
               <li><a href="#">Gallery</a></li>
               <li><a href="#">About</a></li>
               <li><a href="#">Resources</a></li>
               <li><a href="#">Contact</a></li>
            </ul>
         </div>
      </div>
      <!-- end #header -->
      <div id="page">
         <div id="content">

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;}

body {
   background:#000000 url(http://www.ww64.com/uploads/images/2008-09-25/uNOrIABqRk.gif) repeat-x;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   color: #FFFFFF;
   margin: 0px;
   padding: 0px;
}

textarea {
   width: 220px;
   background: #FFFFFF url(http://www.ww64.com/uploads/images/2008-09-25/mbPJhmQOQ3.gif) repeat-x;
   border-top: 1px solid #A3A3A3;
   border-right: 1px solid #E5E5E5;
   border-bottom: 1px solid #FFFFFF;
   border-left: 1px solid #D6D6D6;
   font: normal 1em/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #6E6E6E;
}

h1, h2, h3 {
}

h1, h1 a, h2, h2 a {
   text-decoration: none;
}

h1 a:hover, h2 a:hover {
   text-decoration: underline;
}

h1 {
   font-size: 38px;
}

h2 {
   font-size: 28px;
   font-weight: normal;
}

h3 {
   font-size: 16px;
}

p, ul, ol {
   margin-top: 1.5em;
   line-height: 190%;
}

ul, ol {
   margin-left: 3em;
}

blockquote {
   margin-left: 3em;
   margin-right: 3em;
}

a {
   color: #FFFFFF;
}

a:hover {
   text-decoration: none;
   color: #FFFFFF;
}

a img {
   border: none;
}

img.left {
   float: left;
   margin-right: 20px;
}

img.right {
   float: right;
   margin-right: 20px;
}

hr {
   display: none;
}

#header {
   width: 960px;
   height: 206px;
   margin: 0 auto;
   background: url(http://www.ww64.com/uploads/images/2008-09-25/23Re2n9uOw.jpg) no-repeat top left;
}

/* Logo */

#logo {
   width: 870px;
   height: 152px;
   margin: 0 auto;
}

#logo h1, #logo h2 {
   margin: 0;
}

#logo h1 {
   float: left;
   padding-top: 10px;
   padding-left: 20px;
   font-weight: normal;
   text-transform: lowercase;
   font-size:60px;
}

#logo h2 {
   float: left;
   padding-top: 95px;
   text-transform: uppercase;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 10px;
}

#logo h2, #logo h2 a {
   color: #FFFFFF;
}

#logo a {
   text-decoration: none;
}

/* Menu */

#menu {
   width: 960px;
   margin: 0 auto;
   padding-bottom: 30px;
}

#menu ul {
   margin: 0;
   padding: 23px 0 0 28px;
   list-style: none;
   line-height: normal;
}

#menu li {
   float: left;
   padding: 0 2px 0 2px;
}

#menu li.first a{
   float: left;
   background: #FE0000;
   padding: 9px 20px;
   text-decoration: none;
   text-transform: uppercase;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 10px;
   color: #FFFFFF;
}

#menu a {
   float: left;
   background: #000000;
   padding: 10px 20px;
   text-decoration: none;
   text-transform: uppercase;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 10px;
   color: #FFFFFF;
}

#menu a:hover {
   text-decoration: none;
   background: #FE0000;
   padding: 9px 20px;
}

/* Search */

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

#search form {
   margin: 0;
   padding: 0;
   margin-top: -10px;
}

#search fieldset {
   margin: 0;
   padding: 0;
   border: none;
}

#search input {
   border:1px solid #FE0000;
}

#search #s {
   width: 150px;
}

#search #x {
   margin: 0;
   padding: 0;
   width: 30px;
   background: #FE0000;
   border:1px solid #FFFFFF;
   color: #FFFFFF;
   cursor:pointer;
}

/* Banner */

#banner {
   width: 960px;
   margin: 0 auto;
   padding: 8px 0;
}

/* Page */

#page {
   width: 900px;
   margin: 0 auto;
   padding: 45px 35px 0 25px;
}

/* Content */

#content {
   float: left;
   width: 603px;
}

.post {
}

.post .title {
   margin: 0;
   padding: 20px 20px 0 20px;
   background: url(http://www.ww64.com/uploads/images/2008-09-25/14cbIyJJNp.gif) no-repeat left 100%;
   border-bottom: 1px solid #FFFFFF;
}

.post .title a:hover {
   text-decoration: none;
}

.post .entry {
   padding: 0 20px;
}

.post .meta {
   height: 25px;
   margin: 15px 0 20px 0;
   padding: 10px 0 0 20px;
   background: #FE0000;
   line-height: normal;
}

/* Sidebar */

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

#sidebar ul {
   margin: 0;
   padding: 0;
   list-style: none;
   line-height: normal;
}

#sidebar li {
   margin-bottom: 40px;
}

#sidebar li ul {
}

#sidebar li li {
   margin: 0;
   padding: 5px 20px;
}

#sidebar li h2 {
   height: 30px;
   margin-bottom: 15px;
   padding: 5px 0px 0px 20px;
   background: #4E9FC8 url(http://www.ww64.com/uploads/images/2008-09-25/zIDNTuVBhA.jpg) no-repeat;
   font-size: 18px;
   color: #FFFFFF;
   text-align:right;
   padding-right:10px;
}

#sidebar li p {
   padding: 0 20px;
}

/* Calendar */

#sidebar #calendar {
   padding: 0;
}

#calendar caption {
}

#calendar table {
   width: 100%;
   padding: 0 20px;
   text-align: center;
}

#calendar thead th {
   border-bottom: 2px solid #F2F2F2;
   border-top: 1px solid #F2F2F2;
}

#calendar tbody td {
   padding: 5px 0;
   border-bottom: 1px solid #F2F2F2;
}

#calendar tfoot td {
   border-top: 1px solid #F2F2F2;
}

#calendar #prev {
   text-align: left;
}

#calendar #next {
   text-align: right;
}

#calendar a {
   font-weight: bold;
}

/* Footer */

#footer {
   clear: both;
   width: 870px;
   height: 50px;
   margin: 0 auto;
   padding: 35px 45px;
   border-top: 4px solid #FEF200;
}

#footer p {
   margin: 0;
   line-height: normal;
   color: #FFFFFF;
}

#footer a {
   color: #FEF200;
}

#footer .legal {
   float: left;
}

#footer .credit {
   float: right;
}

<div id="header">
<div id="logo">
   <h1><a href="#">KOMİKCEK</a></h1>
   <h2>senin eğlence merkezin</h2>
</div>
<div id="menu">
   <ul>
      <li class="first"><a href="#" accesskey="1" title="">Home</a></li>
      <li><a href="#" accesskey="2" title="">Tutorials</a></li>
      <li><a href="#" accesskey="3" title="">Gallery</a></li>
      <li><a href="#" accesskey="4" title="">About Us</a></li>
      <li><a href="#" accesskey="5" title="">News</a></li>
      <li><a href="#" accesskey="6" title="">Contact</a></li>
   </ul>
   <div id="search">
      <form method="get" action="">
         <fieldset>
         <input id="s" type="text" name="s" value="" />
         <input id="x" type="submit" value="GO" />
         </fieldset>
      </form>
   </div>
</div>
</div><hr />
<!-- start page -->
<div id="page">
   <!-- start content -->
   <div id="content">

</div>
<!-- end page -->
<div id="footer">
   <p class="legal">Copyright © 2008 www.komikcek.tr.gg
</p>
   <p class="credit"> <a href="http://htlmkod-merkezi.tr.gg/" title="Website Design"><strong>WWW.HTLMKOD-MERKEZİ.TR.GG YAPIMIDIR©</strong></a>
</p>
</div>

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;}@charset "utf-8";
/* global */
html{height: 100%;}

body
{ font-family: verdana, arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .68em;
}

/* ancors Start
---------------------*/
a{outline: none;}

a, a:link, a:visited {
color:#006699;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

#logo, #logo h1 a
{
  /*color: #40403E;*/
  border:none;
  text-decoration:none;
 }

#menu li a
{ display: block;
  float: left;
  height:26px;
  text-decoration: none;
  padding: 6px 19px 0px 19px;
  border-right: 2px solid;
  font-weight: bold;
  background: #40403E;
  color: #929280;
  border-color: #2C2C2A;
  background:transparent url(http://img216.imageshack.us/img216/7151/navtabbgux1.png) no-repeat scroll left top;
}

#menu li a:hover, #menu li a.selected, #menu li a.selected:hover
{ background: #82974B;
  color: #EEE;
  border-color: #2C2C2A;
     background:transparent url(http://img216.imageshack.us/img216/7151/navtabbgux1.png) no-repeat scroll left top;
   background-position: 0 -34px;
}





/* ancors End
----------------------------*/


/* elementh style Start
--------------------------*/


p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;
}

h1
{ font-family: arial, sans-serif;
  letter-spacing: .1em;
  font-weight: normal;
  text-transform: uppercase;
  padding: 16px 0px 5px 0px;
  margin: 0px 0px 12px 0px;
  font-size: 150%;
}

.sub
{ font-size: 55%;
  padding-left: 12px;
  letter-spacing: .1em;
}

img
{ border: 0px;
  margin: 0px;
  padding: 0px;
}


/* block quote */
blockquote
{ margin: 20px 0px 20px 0px;
  padding: 10px 20px 0px 20px;
  border-left: 8px solid;
}

/* unordered list */
ul
{ margin: 2px 0px 18px 16px;
  padding: 0px;
}

ul li
{ list-style-type: square;
  margin: 0px 0px 6px 0px;
  padding: 0px;
}

/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px;
  padding: 0px;
}



/* elementh style  end
--------------------------*/

/* site content Start
-----------------------------*/
#main
{
   width:880px;
   padding-top: 50px;
}

/*design box First*/

.disignBoxFirst
{
   background:transparent url(http://img214.imageshack.us/img214/8469/dbfirstbgkk4.jpg) no-repeat scroll left top;
clear:left;
margin-bottom:10px;
padding-top:16px;
position:relative;
}

.disignBoxFirst .boxFirstHeader
{
   color:#006598;
font-size:18px;
font-weight:bold;
height:20px;
padding:3px 0px 0px 40px;
position:relative;
text-align:left;
text-transform:uppercase;
}
.disignBoxFirst .boxContent
{
   font-size:13px;
overflow:hidden;
padding:10px 0pt 10px 24px;
position:relative;
}

/*design box Second*/
.disignBoxSecond
{
   background:transparent url(http://img214.imageshack.us/img214/9573/dbsecondbggi5.jpg) repeat-x scroll left top;
}

.disignBoxSecond .boxSecondHeader
{
   color:#006598;
font-size:110%;
font-weight:bold;
height:20px;
padding:3px 0px 0px 40px;
position:relative;
text-align:left;
text-transform:uppercase;
}
.disignBoxSecond .boxContent
{
   font-size:13px;
overflow:hidden;
padding:10px 24pt 10px 24px;
position:relative;
}

/* thumb images
-----------------------------*/

.thumb_block
{position:relative; height:100px;}
.thumb_image
{
float:left;
margin:0pt 5px 5px 5px;
width:70px;
}


/* margin lefts / margin rights - to centre content */
#logo, #menu, #site_content, #main
{ margin-left: auto;
  margin-right: auto;
}

/* logo */
#logo
{ width: 880px;
  height: 96px;
}

#logo h1
{ font-family: century gothic, sans-serif;
  font-size: 60px;
  text-transform: lowercase;
  font-weight: normal;
  padding: 0px 0px 0px 14px;
  border: 0px;
  float: left;
  letter-spacing: 0px;
}

#links
{ margin: 15px 9px 0px 0px;
  font-size: 80%;
  text-align: right;
  padding: 20px 10px 0px 0px;
  text-transform: uppercase;
}


/* navigation menu */
#menu
{ height: 32px;
  width: 880px;
}

#menu ul{margin: 0px auto;}

#menu li
{ float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#colours
{ height: 0px;
  text-align: right;
  padding: 16px 16px 0px 300px;
}

/* main content */
#site_content
{ width: 878px;
  overflow: hidden;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-left: 1px solid;
}

/* side menu */
#first_column
{ padding: 22px 3px 10px 19px;
  float: left;
  width: 300px;
}


.info
{ padding-top: 4px;
  float: left;
}

/* page content */
#content
{ text-align: left;
  width: 542px;
  float: left;
  padding: 12px 0px 18px 0px;
}



#footer
{padding:10px;
font-size:14px;}


#footer #copy_r
{
   float:right;
}


/*colors Start
---------------------------*/

body
{ background: #2C2C2A;
  color: #929280;
  background:#000000 url(http://img216.imageshack.us/img216/2324/bodybgsw3.jpg) repeat-x scroll left top;
}

blockquote{border-color: #40403E;}

#site_content
{
   background-color:#000;
   border-color: #40403E;
}



#content h1
{ background: transparent;
  color: #E6E8DC;
  border-color: #40403E;

}

#contact input, #contact textarea, #contact input.submit
{ background: #2C2C2A;
  color: #929280;
  border-color: #40403E;
}

#menu
{ background: #40403E;
  color: #EEE;
  border-color: #82974B;
}

   <div id="main">
  <div id="logo">

<center><img src="http://img402.imageshack.us/img402/6340/hjtyjbv0.jpg" border="0" alt="Image Hosted by ImageShack.us"/></a><br/>
</div>
  <div id="menu">
    <ul>
      <li><a href="index.html">home</a></li>
      <li><a class="selected" href="index.html">about template</a></li>
     <li><a href="index.html">Photos</a></li>
      <li><a href="index.html">Blog</a></li>
      <li><a href="index.html">contact</a></li>
    </ul>
  </div>
  <div id="site_content">

  </div>
  <div id="footer">
  <div id="copy_r">assagikarahacilikoyu sakinlerinin buluşma noktası</div>
  <!-- Please do not remove this part. this template is free - the only thing we ask is to live a link to us.-->
 <a href="http://htlmkod-merkezi.tr.gg/" title="HtlmKod Paylaşım Merkezi"> <strong>
WWW.HTLMKOD-MERKEZİ.TR.GG YAPIMIDIR © </strong>
</a>

</a>