Süper Tasarım

 


Önizleme :
? yok (k.baqmayın..)


Tasarım üstü

<div id="tasarim"> <div id="ust"><div class="duyuru"><center>Yeni tasarımınız hayırlı uğurlu olsun <br /> Süper bir tasarım</center> </div></div> <div id="orta"> <div class="solsutun"><ul class="buttonmenu"> <li><a href="#/" _fcksavedurl="#/">Dynamic Drive</a></li> <li><a href="#" _fcksavedurl="#">CSS Library</a></li> <li><a href="#/" _fcksavedurl="#/">CSS Drive</a></li> <li><a href="#/" _fcksavedurl="#/">Gif Optimizer</a></li> <li><a href="#/" _fcksavedurl="#/">Favicon Creator</a></li> <li><a href="#/" _fcksavedurl="#/">Button Maker</a></li>        </ul> </div> <div class="sagsutun">

Tasarım Altı

</div> </div> <div id="alt"></div> </div>

Css Koduna

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;}  * {padding: 0; margin:0 }  body { margin-left:  auto; margin-right: auto; background: url(RESİM URL) top center fixed; }  #tasarim{ width: 1000px; margin-left:  auto; margin-right: auto; }    #ust{ margin-left:  auto; margin-right: auto; background: url(http://img52.imageshack.us/img52/5483/asdfasdffd1.gif); width: 1000px; height: 291px; float: left; }  .duyuru{ width:518px; float: left; padding: 100px 0 0 429px; overflow: hidden; text-align: justify; }  #orta{ margin-left:  auto; margin-right: auto; background: url(http://img694.imageshack.us/img694/5155/asdfasdffd2.gif); width: 1000px; height: 100%; float: left; }  .solsutun{ width:242px; float: left; padding: 0 0 0 5px; overflow: hidden; }  .sagsutun { width:740px; float: left; padding: 0 0 0 8px; overflow: hidden; text-align: justify; }  #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img251.imageshack.us/img251/7439/asdfasdffd3.gif); width: 1000px; height: 196px; float: left;  }  <style type="text/css">  /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */  .buttonmenu{ list-style-type: none; margin: 0; padding: 0; width: 180px; }  .buttonmenu li a{ color: white; display: block; width: 100%; padding: 2px 4px; text-decoration: none; font-: bold; border: 1px solid; border-color:#D5BFD0 #5A3A54 #5A3A54 #D5BFD0; /*light dark dark light*/ background-color: #704968; text-decoration:none; }  .buttonmenu li a:visited{ color: white; }  .buttonmenu li a:hover, .buttonmenu li a:active{ color: black; background-color: #CDB4C8; }  </style>