YEŞİL ELMA TASARIMI


YEŞİL ELMA TASARIMI

< = TASARIMIN ÜZERİNE = >

<div id="header">  <div id="logo">   <h1>                           </h1>   <p>----------------------------------------------------</p>  </div>  <div id="search">   <form method="get" action="">    <fieldset>    <input id="s" type="text" name="s" value="" />    <input id="x" type="submit" value="Arama" />    </fieldset>   </form>  </div> </div> <!-- end header --> <!-- start menu --> <div id="menu">  <ul>   <li class="current_page_item"><a href="#" _fcksavedurl="#">Ana Sayfa</a></li>   <li><a href="#" _fcksavedurl="#">İletişim</a></li>   <li><a href="#" _fcksavedurl="#">Ziyaretci  Defteri</a></li>   <li><a href="#" _fcksavedurl="#">Hakkımızda</a></li>   <li><a href="#" _fcksavedurl="#">Site Haritası/a></li>  </ul> </div> <!-- end menu --> <!-- start page --> <div id="page">  <!-- start content -->  <div id="content">   <h1 class="pagetitle">Orta Bölüm</h1>     <h2 class="title">Tasarima Hoşgeldiniz</h2>

< = TASARIMIN ALTINA = >

</div>  <!-- end content -->  <!-- start sidebar -->  <div id="sidebar">   <ul>    <li>     <h2>Menü</h2>        <ul>         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a></li>         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a></li>         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ziyaretci Defteri</a></li>         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Toplist</a></li>         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Link Listesi</a></li>         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Yorumlar</a></li>      </ul>    </li>    <li>     <h2>Tasarimlar</h2>        <ul>         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İceblue Tasarim</a></li>         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Red Tasarimları</a></li>         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Butterfly Tasarimlari</a></li>         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">CSS Design</a></li>         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Flash Tasarim</a></li>     </ul>    </li> <li>        <h2>Arşiv</h2>        <ul>         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">September</a> (23)</li>         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ağustos</a> (31)</li>         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ocak</a> (31)</li>         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Şubat</a> (30)</li>         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Mart</a> (31)</li>         <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Nisan</a> (30)</li>        </ul>       </li>   </ul>  </div>  <!-- end sidebar -->  <div style="clear: both;"> </div> </div> <!-- end page --> <div id="footer">  <p>©2008 Tüm Hakları SakLıdır.  •  Design by <a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS Tasarim Merkezi</a>.</p> </div

< = CSS KOD BÖLÜMÜNE = >

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 WWW.CSSTASARIM-ARSIV.TR.GG */  body {  margin: 0;  padding: 0;  background: #AAE74A url(https://img.webme.com/pic/c/css-tasarimm/3-img04.gif) repeat-x; }  body, th, td, input, textarea {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  font-size: 13px;  color: #666666; }  p, ol, ul {  line-height: 170%; }  a:hover {  text-decoration: none; }  /* Header */  #header {  width: 960px;  height: 120px;  margin: 0 auto; }  #logo {  float: left;  height: 120px;                       margin-top: -11px;  margin-left: 10px;  background: url(https://img.webme.com/pic/c/css-tasarimm/3-img1.gif) no-repeat left center; }  #logo h1, #logo p {  text-transform: lowercase; }  #logo h1 {  margin: 0;  padding: 25px 0 0 85px;  letter-spacing: -2px;  font-size: 3em;  font-weight: normal;  color: #000000; }  #logo h1 a {  color: #000000; }  #logo p {  margin: -10px 0 0 2px;  padding: 0 0 0 85px;  text-transform: lowercase; }  #search {  float: right;  width: 280px; }  #search form {  margin-top: -5px;  padding: 63px 0 0 0; }  #search fieldset {  margin: 0;  padding: 0;  border: none; }  #search #s, #search #x {  float: left; }  #search #s {  width: 188px;  margin: 2px 6px 0 0;  padding: 2px 5px;  background: url(https://img.webme.com/pic/c/css-tasarimm/3-img02.gif) repeat-x;  border: 1px solid #ACACAC; }  #search #x {  width: 67px;  height: 28px;  padding: 0;  background: #006BFF url(https://img.webme.com/pic/c/css-tasarimm/3-img03.gif) no-repeat;  border: none;  text-transform: lowercase;  color: #FFFFFF; }  /* Menu */  #menu {  width: 962px;  height: 50px;  margin-top: -32px;  margin-left: auto;  margin-right: auto; }  #menu ul {  margin: 0;  padding: 0;  list-style: none; }  #menu li {  display: block;  float: left; }  #menu a {  display: block;  float: left;  height: 38px;  padding: 8px 20px 0 20px;  text-decoration: none;  text-transform: lowercase;  color: #000000; }  #menu a:hover {  text-decoration: underline; }  #menu .current_page_item {  background: url(https://img.webme.com/pic/c/css-tasarimm/3-img05.gif) no-repeat; }  #menu .current_page_item a {  background: url(https://img.webme.com/pic/c/css-tasarimm/3-img06.gif) no-repeat right top;  font-weight: bold; }  /* Page */  #page {  width: 962px;  margin: 0 auto;  background: #FFFFFF url(https://img.webme.com/pic/c/css-tasarimm/3-img07.gif) repeat-y; }  /* Content */  #content {  float: right;  width: 700px;  padding: 0;  background: none no-repeat; }  #content a {  color: #FF8900; }  .pagetitle {  height: 33px;  margin: 0;  padding: 8px 0 0 15px;  background: url(https://img.webme.com/pic/c/css-tasarimm/3-img13.gif) no-repeat;  font-size: 1.4em;  color: #FFFFFF; }  #content #rss-posts {  display: block;  margin: -30px 15px 0px 0px;  padding: 0 20px 0 0;  background: url(https://img.webme.com/pic/c/css-tasarimm/3-rss.gif) no-repeat right center;  text-align: right;  font-weight: bold;  color: #FFFFFF; }  .post {  padding: 40px 30px 0 30px; }  .title {  margin: 0;  font-size: 2.4em;  font-weight: normal; }  .byline {  margin: 0 0 20px 0; }  .meta {  border-top: 1px dotted #CCCCCC;  text-align: right; }  .meta .more, .meta .comments {  padding-left: 15px;  background: url(https://img.webme.com/pic/c/css-tasarimm/3-img14.gif) no-repeat left center; }  /* Sidebar */  #sidebar {  float: left;  width: 230px;  padding: 11px 5px 0 11px;  background: url(https://img.webme.com/pic/c/css-tasarimm/3-img08.gif) no-repeat; }  #sidebar ul {  margin: 0;  padding: 0;  list-style: none; }  #sidebar li {  margin-bottom: 20px; }  #sidebar li ul {  padding: 10px 15px; }  #sidebar li li {  margin: 0;  padding-left: 15px;  background: url(https://img.webme.com/pic/c/css-tasarimm/3-img12.gif) no-repeat left center; }  #sidebar h2 {  height: 33px;  margin: 0;  padding: 8px 0 0 15px;  background: url(https://img.webme.com/pic/c/css-tasarimm/3-img11.gif) no-repeat;  font-size: 1.4em;  color: #FFFFFF; }  #sidebar a {  text-decoration: none;  color: #0065FF; }  #sidebar a:hover {   text-decoration: underline; }  /* Footer */  #footer {  width: 962px;  margin: 0 auto;  padding: 30px 0;  background: url(https://img.webme.com/pic/c/css-tasarimm/3-img10.gif) no-repeat; }  #footer p {  margin: 0;  text-align: center;  color: #FFFFFF; }  #footer a {  color: #FFFFFF; }
Bugün 1 ziyaretçi (31 klik) kişi burdaydı!

=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=