Iceblue - Red - Butterfly - Css Tasarım Paylaşımları

<div id="wrapper">
            <div id="header">
            <div id="header_text">
            <h1 class="title">Sitenizin Adı</h1>
            <h2 class="slogan">Sitenizin sloganı</h2>
            </div>
            </div>

<div id="footer">
            <div id="copyright">
            Copyright <a href="#" _fcksavedurl="#">sitenizinadı</a>
            </div>
            <div id="hinweis">
            Tasarım by <a href="http://www.kaankart.tr.gg" _fcksavedurl="http://www.kaankart.tr.gg">Kaankart</a>
            </div>
            </div>
            </div>

table {margin-left: auto;margin-right: auto}
            iframe{border:Solid 3px #D7EEFE;}
            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: 0px;
            padding: 0px;
            }
            a {
            text-decoration: none;
            color: #633a1c;
            }
            a:hover {
            text-decoration: underline;
            }
            h1 {
            font-size: 18px;
            font-weight: normal;
            }
            h2 {
            color: #633a1c;
            font-size: 16px;
            }
            h3 {
            font-size: 14px;
            }
            body {
            background: url(http://img.webme.com/pic/k/kaankart/wood_bg.png);
            font-family: sans-serif;
            font-size: 12px;
            }
            #wrapper {
            width: 974px;
            margin: auto;
            }
            #header {
            width: 971px;
            height: 288px;
            float: left;
            background: url(http://img.webme.com/pic/k/kaankart/w_header.png) no-repeat;
            margin-left: 3px;
            }
            #header_text {
            float: right;
            margin: 130px 100px 0px 0px;
            }
            .title {
            font-size: 38px;
            color: #333;
            }
            .slogan {
            font-size: 14px;
            color: #633a1c;
            font-weight: normal;
            margin: 5px;
            text-align: right;
            }
            #container {
            width: 880px;
            float: left;
            background: url(http://img.webme.com/pic/k/kaankart/w_container.png) repeat-y;
            margin-left: 54px;
            padding: 0px 25px 25px 25px;
            }
            #nav_container {
            width: 438px;
            height: 51px;
            background: url(http://img.webme.com/pic/k/kaankart/w_navbalken.png) no-repeat;
            float: right;
            padding: 0px 53px 0px 57px;
            margin-right: -30px;
            }
            #nav a {
            display: block;
            float: left;
            text-decoration: none;
            color: #f2f2f2;
            font-size: 14px;
            margin-top: 15px;
            margin-right: 8px;
            }
            #nav a:hover {
            color: #633a1c;
            }
            #nav li {
            list-style-type: none;
            }
            #content {
            width: 645px;
            float: right;
            margin-top: 15px;
            padding-right: 10px;
            }
            #sidebar_container {
            width: 215px;
            float: left;
            text-align: left;
            padding-right: 10px;
            }
            .box {
            margin-bottom: 15px;
            }
            .box li {
            list-style-type: none;
            text-align: center;
            }
            .box a {
            display: block;
            text-decoration: none;
            color: #000;
            padding: 1px;
            }
            .box a:hover {
            font-weight: bold;
            }
            .balken {
            width: 160px;
            height: 27px;
            background: url(http://img.webme.com/pic/k/kaankart/w_subnav.png) no-repeat;
            color: #f2f2f2;
            text-align: right;
            font-size: 14px;
            padding: 9px 15px 0px 10px;
            }
            #footer {
            width: 974px;
            height: 50px;
            background: url(http://img.webme.com/pic/k/kaankart/w_footer.png) no-repeat;
            float:left;
            margin-top: -15px;
            margin-left: 27px;
            margin-bottom: 25px;
            }
            #hinweis {
            float: right;
            margin: 20px 45px 0px 0px;
            color: #f2f2f2;
            }
            #copyright {
            float: left;
            margin: 20px 0px 0px 105px;
            color: #f2f2f2;
            }
            #title span {display: none;}
            #counter {display: none;}
            #header_container {display: none;}
            #pre_content {display: none;}
            #pre_header {display:none;}
            #post_header {display:none;}
            #post_content {display:none;}
            #below_content {display:none;}
            #extraDiv2 {display:none;}
            #extraDiv3 {display:none;}
            #extraDiv4 {display:none;}
            #extraDiv5 {display:none;}
            #extraDiv6 {display:none;

<div class="box">
            <h2 class="balken">Menü 1</h2>
            <ul>
            <li><a href="#" _fcksavedurl="#">Link</a></li>
            <li><a href="#" _fcksavedurl="#">Link</a></li>
            <li><a href="#" _fcksavedurl="#">Link</a></li>
            <li><a href="#" _fcksavedurl="#">Link</a></li>
            </ul>
            </div>
            <div class="box">
            <h2 class="balken">Menü  2</h2>
            <ul>
            <li><a href="#" _fcksavedurl="#">Link</a></li>
            <li><a href="#" _fcksavedurl="#">Link</a></li>
            <li><a href="#" _fcksavedurl="#">Link</a></li>
            <li><a href="#" _fcksavedurl="#">Link</a></li>
            </ul>
            </div>
            <div class="box">
            <h2 class="balken">Menü  3</h2>
            <ul>
            <li><a href="#" _fcksavedurl="#">Link</a></li>
            <li><a href="#" _fcksavedurl="#">Link</a></li>
            <li><a href="#" _fcksavedurl="#">Link</a></li>
            <li><a href="#" _fcksavedurl="#">Link</a></li>
            </ul>
            </div>

<table width="900" height="624" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="169" background="http://img.webme.com/pic/c/cemweb/cwkingdom_01.png"><table width="900" height="153" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="33" height="153"> </td>
        <td width="830" align="center" valign="top">Bu bölüm boş kalsın istiyorsan bu yazıyı sil .</td>
        <td width="37"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="45" background="http://img.webme.com/pic/c/cemweb/cwkingdom_02.png"><table width="900" height="39" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="37" height="39"> </td>
        <td width="820" align="center" valign="middle"><span class="stil1"><ul id="minitabs">
    <li><a href="http://www.cemweb.tr.gg">Ana Sayfa</a></li>
    <li><a href="http://www.cemweb.tr.gg">Tasarimlar</a></li>
    <li><a href="http://www.cemweb.tr.gg">Css Tasarim Araçlari</a></li>
    <li><a href="http://www.cemweb.tr.gg">Hizmetler</a></li>
    <li><a id="current" href="http://www.cemweb.tr.gg">Iletisim</a></li>
</ul></td>
        <td width="43"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="53" background="http://img.webme.com/pic/c/cemweb/cwkingdom_03.png"> </td>
  </tr>
  <tr>
    <td height="81" background="http://img.webme.com/pic/c/cemweb/cwkingdom_04.png"><table width="900" height="184" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="72" height="184"> </td>
        <td width="750" align="center" valign="top"><div id="content">

</div></td>
        <td width="78"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="48" background="http://img.webme.com/pic/c/cemweb/cwkingdom_05.png"> </td>
  </tr>
  <tr>
    <td height="47" background="http://img.webme.com/pic/c/cemweb/cwkingdom_06.png"><table width="900" height="43" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="233" height="43"> </td>
        <td width="626" align="center" valign="middle"><span class="stil1"><marquee direction="left">Kayacak yazilar buraya :O</marquee></span></td>
        <td width="41"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="78" background="http://img.webme.com/pic/c/cemweb/cwkingdom_07.png"><table width="900" height="58" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="33"> </td>
        <td width="830" align="center" valign="middle"><marquee align="middle" scrollamount="1" height="50" width="100%" direction="down"scrolldelay="1">    <li><a href="http://www.cssornekleri.com">Link Takas - Reklam</a></li>
<li><a href="http://www.cssornekleri.com">Link Takas - Reklam</a></li>
<li><a href="http://www.cssornekleri.com">Link Takas - Reklam</a></li></marquee></td>
        <td width="37"> </td>
      </tr>
    </table></td>
  </tr>
</table>

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;}
table {margin-left: auto;margin-right: auto}

body,td,th {
   font-family: Century Gothic;
   font-size: 13px;
   color: #000000;
   font-weight: bold;
}
body {
   background-color: #CCCCCC;
}
a {
   font-family: Century Gothic;
   font-size: 13px;
   color: #FF0000;
   font-weight: bold;
}
a:link {
   text-decoration: none;
}
a:visited {
   text-decoration: none;
   color: #000000;
}
a:hover {
   text-decoration: none;
   color: #000000;
}
a:active {
   text-decoration: none;
   color: #FF0000;
}

ul#minitabs{
    padding-top:60px;
    font: 76% Arial,sans-serif;
    text-align:center;
    list-style: none;
    margin: 0;
    padding: 7px 0;
    border-bottom: 1px solid #CCC;
    font-weight: bold;
    text-align: center;
    white-space: nowrap
}
ul#minitabs li{
    display: inline;
    margin: 0 3px
}
ul#minitabs a{
    text-decoration: none;
    padding: 0 0 3px;
    border-bottom: 4px solid #FFF;
    color: #FF0000
}
ul#minitabs a#current{
    border-color: #F60;
    color:#06F
}
ul#minitabs a:hover{
    border-color: #F60;
    color: #666
}

.stil1 {color: ##00FF00; font-weight: bold; }

<style type="text/css"> <!--

--> </style><table width="905" border="0" align="center" cellpadding="0" cellspacing="0">   <tr>     <td><img src="http://img16.resimup.net/di/D0G5.png" _fcksavedurl="http://img16.resimup.net/di/D0G5.png" _fcksavedurl="http://img16.resimup.net/di/D0G5.png" width="905" height="247" border="0" usemap="#Map"></td>   </tr>   <tr>     <td height="285" valign="top" background="http://img16.resimup.net/di/AGU7.png"><table width="905" height="282" border="0" cellpadding="0" cellspacing="0">       <tr>         <td width="35"> </td>         <td width="206" align="center" valign="top"><div id="menu">  <ul>     <li><a href="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg">Link</a></li>  <li><a href="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg">Link</a></li>     <li><a href="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg">Link</a></li>     <li><a href="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg">Link</a></li>     <li class="selected"><a href="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg">Link</a></li>       <li><a href="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg">Link</a></li>     <li><a href="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg">Link</a></li>     <li><a href="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg">Link</a></li>  <li><a href="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg">Link</a></li>     <li><a href="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg">Link</a></li>  </ul>  <div class="block png"></div>  </div> </td>         <td width="12"> </td>         <td width="396" valign="top"><div id="content"></div>        <script type="text/javascript" src="http://catlaksite.iwoly.com/jquery-1.3.1.min.js"></script>     <script type="text/javascript" src="http://catlaksite.iwoly.com/jquery.easing.1.3.js"></script>     <script>

   

   $(document).ready(function () {



      //Set the height of the block

      $('#menu .block').height($('#menu li').height());



      //go to the default selected item

      topval = $('#menu .selected').position()['top'];

      $('#menu .block').stop().animate({top: topval}, {easing: '', duration:500});



      $('#menu li').hover(

         

         function() {

            

            //get the top position

            topval = $(this).position()['top'];

            

            //animate the block

            //you can add easing to it

            $('#menu .block').stop().animate({top: topval}, {easing: '', duration:500});

            

            //add the hover effect to menu item

            $(this).addClass('hover');   

         },

         

         function() {      

            //remove the hover effect

            $(this).removeClass('hover');   

         }

      );

   

   });

   

   </script>

</td>         <td width="12"> </td>         <td width="205" align="center" valign="top"><script language="javascript" src="http://in.sitekodlari.com/saat19.js"></script>     <a href="http://www.ipadresi.org" _fcksavedurl="http://www.ipadresi.org" _fcksavedurl="http://www.ipadresi.org"><img src="http://in.sitekodlari.com/ipadresi6.php" _fcksavedurl="http://in.sitekodlari.com/ipadresi6.php" _fcksavedurl="http://in.sitekodlari.com/ipadresi6.php" border="0" alt="ip adresim"></a></td>         <td width="39"> </td>       </tr>     </table></td>   </tr>   <tr>     <td height="60" background="http://img16.resimup.net/di/TXNU.png"> </td>   </tr> </table>  <map name="Map"><area shape="rect" coords="48,151,135,175" href="Ana-sayfa.htm" _fcksavedurl="Ana-sayfa.htm" _fcksavedurl="Ana-sayfa.htm"> <area shape="rect" coords="227,152,301,178" href="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg"> <area shape="rect" coords="402,152,509,175" href="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg"> <area shape="rect" coords="69,36,277,133" href="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg" _fcksavedurl="www.trggtasarimcim.tr.gg"> </map>

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,td,th {    font-family: Verdana, Arial, Helvetica, sans-serif;    font-size: 12px;    color: #000000; } body {    background-image: url(http://img14.resimup.net/di/E86V.png); } a {    font-family: Verdana, Arial, Helvetica, sans-serif;    font-size: 12px;    color: #000000; } a:visited {    color: #333333; } a:hover {    color: #999999; } a:active {    color: #999999; }       #menu {        font-family:verdana;        font-size:12px;        position:relative;        margin:0 auto;        width:200px;     }          #menu ul {        /* remove list style */        list-style:none;        padding:0;        margin:0;                   /* set the layer position */        position:relative;        z-index:5;     }             #menu li {           /* set the styles */           background:#ccc url(http://img.webme.com/pic/c/catlak-site55/vbg.gif) no-repeat 0 0;           padding:5px;           margin:2px;           cursor:pointer;           border:1px solid #ccc;        }                #menu li.hover {           /* on hover, change it to this image */           background-image:url(http://img.webme.com/pic/c/catlak-site55/bg_hover.gif) !important;        }                #menu li a {           text-decoration:none;              color:#888;        }               #menu .block {        /* allow javascript to move the block */        position:absolute;        top:0;                /* set the left position */        left:150px;                   /* display above the #menu */        z-index:10;                /* the image and the size */        background:transparent url(http://img.webme.com/pic/c/catlak-site55/darrow.png) no-repeat top right;        width:39px;        padding:4px;        cursor:pointer;     }          /* fast png fix for ie6 */     * html .png{        position:relative;        behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",  this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",  this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),  this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",  this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));

</style></head>  <body> <table width="905" border="0" align="center" cellpadding="0" cellspacing="0">   <tr>     <td><img src="http://img24.resimup.net/di/0QIT.png" _fcksavedurl="http://img24.resimup.net/di/0QIT.png" _fcksavedurl="http://img24.resimup.net/di/0QIT.png" width="905" height="205" border="0" usemap="#Map" /></td>   </tr>   <tr>     <td height="328" valign="top" background="http://img24.resimup.net/di/CTXH.png"><table width="905" border="0" cellspacing="0" cellpadding="0">       <tr>         <td width="30" height="326"> </td>         <td width="176" align="center" valign="top">Menü</td>         <td width="20"> </td>         <td width="460" valign="top"><div id="content"></div>

</td>         <td width="16"> </td>         <td width="178" align="center" valign="top">Menü</td>         <td width="25"> </td>       </tr>     </table></td>   </tr>   <tr>     <td height="69" background="http://img24.resimup.net/di/8B6S.png"> </td>   </tr> </table>  <map name="Map" id="Map"><area shape="rect" coords="281,159,370,183" href="#link" _fcksavedurl="#link" _fcksavedurl="#link" /> <area shape="rect" coords="415,154,492,181" href="#link" _fcksavedurl="#link" _fcksavedurl="#link" /> <area shape="rect" coords="537,154,652,183" href="#link" _fcksavedurl="#link" _fcksavedurl="#link" /> </map>

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,td,th {    font-family: Verdana, Arial, Helvetica, sans-serif;    font-size: 12px;    color: #FFFFFF; } body {    background-image: url(http://img5.resimup.net/di/ZCFM.png); } a {    font-family: Verdana, Arial, Helvetica, sans-serif;    font-size: 12px;    color: #FFFFFF; } a:visited {    color: #CCCCCC; } a:hover {    color: #666666; } a:active {    color: #666666; }

<center><table width="1024" cellspacing="0" cellpadding="0">
  <tr>
    <th scope="col"><img src="http://img.webme.com/pic/z/zaloyun/zaza_01.png" width="1024" height="151"></th>
  </tr>
  <tr>
    <td height="51" background="http://img.webme.com/pic/z/zaloyun/zaza_02.png"><table width="961" cellspacing="0" cellpadding="0">
      <tr>
        <th width="230" scope="col"> </th>
        <td width="729" align="left" valign="top" scope="col"><marquee>V2 TASARIM KARSINIZDA</marquee> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><img src="http://img.webme.com/pic/z/zaloyun/zazaz_03.png" width="1024" height="67"></td>
  </tr>
  <tr>
    <td height="130" align="left" valign="top" background="http://img.webme.com/pic/z/zaloyun/zazaz_04.png"><table width="940" cellspacing="0" cellpadding="0">
      <tr>
        <th width="59" height="135" scope="col"> </th>
        <td width="179" align="left" valign="top" scope="col"><div id="anamenu">
<h1 align="center">Ana Menü</h1>
<ul>
    <li><a href="http://serhattimurtas.tr.gg/ana-sayfa.htm" tabindex="1">Ana Sayfa</a></li>
    <li><a href="http://serhattimurtas.tr.gg/ILETISIM.htm" tabindex="2">İletişim</a></li>
    <li><a href="http://serhattimurtas.tr.gg/YORUMYAZ.htm" tabindex="3">Ziyaretçi Defteri</a></li>
    <li><a href="http://serhattimurtas.tr.gg/HAKKIMDA.htm" tabindex="4">Hakkımda</a></li>
    <li><a href="http://serhattimurtas.tr.gg/TASARMILAR.htm" tabindex="6">Tasarımlar</a></li>
    <li><a href="http://serhattimurtas.tr.gg/CALISMALARIM.htm" tabindex="7">Calısmalarım</a></li>
    <li><a href="http://serhattimurtas.tr.gg/Top-liste.htm" tabindex="8">Toplist</a></li>
    <li><a href="http://serhattimurtas.tr.gg/TSISTEK.htm" tabindex="9">Tasarım İstek</a></li>
    <li><a href="LINK" tabindex="10">EKLENCEK</a></li>
</ul>
<h1 align="center"> </h1>
</div></td>
        <th width="38" scope="col"> </th>
        <th width="662" valign="top" scope="col"><div id"content"></div></center>

</th>
      </tr>
    </table>
      <p> </p>
    </td>
  </tr>
  <tr>
    <td><img src="http://img.webme.com/pic/z/zaloyun/zazaz_05.png" width="1024" height="92"></td>
  </tr>
</table>

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;}  iframe{border:solid 3px #ffffff;}     <style type="text/css"> <!--
html, body {
text-align: center;
}
--> </style>
 
 
<style>
#anamenu {  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 100%;
  width: 160px;
  padding: 0px;
  margin: 0px;
  border:1px;
  border-color:#000000;
}
#anamenu h1 {
  display: block;
  background-color:#D2FFD2;
  font-size: 90%;
  padding: 3px 0 5px 3px;
  border:none;
  border-color:#FFFFFF;
  color: #333333;
  margin: 0px;
  width:175px;
  }
#anamenu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  border: none;
  }
  #anamenu ul li {
  margin: 0px;
  padding: 0px;
  }
  #anamenu ul li a {
  font-size: 80%;
  display: block;
  border-bottom: 1px dashed #C39C4E;
  padding: 5px 0px 2px 4px;
  text-decoration: none;
  color: #666666;
  width:175px;
  }
#anamenu ul li a:hover, #anamenu ul li a:focus {
  color: #000000;
  background-color: #D2FFD2;
  }         //-->
      </style>
<style type="text/css">
<!--
html, body {
text-align: center;
}
-->
</style>

<style type="text/css">body{ background-image: url("http://www.backgroundlabs.com/backgrounds/182.jpg");</style>

<style type="text/css"> <!-- td.nav_heading{background-image:url(http://img.webme.com/pic/b/bombomcuyuz-k/menuustu.jpg); width:185px;height:38px;} td.nav_heading:hover{background-image:url(http://img.webme.com/pic/b/bombomcuyuz-k/menuustu.jpg); width:185px;height:38px;} td.nav{color: #fff;width: 185px;height: 33px;background-image:url(http://img.webme.com/pic/b/bombomcuyuz-k/solmenubutton.jpg);} td.nav:hover{color: #fff;width: 185px;height: 33px;background-image:url(http://img.webme.com/pic/b/bombomcuyuz-k/solmenubutton.jpg);} td.nav a{color: #000000   ;font-size: 13px;} td.edit_content_top{background-image:url(http://img.webme.com/pic/b/bombomcuyuz-k/logo_alti.jpg);} td.edit_content_top:hover{background-image:url();} td.edit_content_bottom2{background-image:url(http://img.webme.com/pic/b/bombomcuyuz-k/logo_alti.jpg);} td.edit_content_bottom2:hover{background-image:url(;} td.edit_content_bottom{background-image:url(http://img.webme.com/pic/b/bombomcuyuz-k/ortaplan.jpg);background-color:transparent;} td.edit_content{background-image:url(http://img.webme.com/pic/b/bombomcuyuz-k/ortaplan.jpg);} td.edit_rb_footer {visibility:hidden;} td.edit_below_nav {visibility:hidden;} td.edit_navi_headbg{background-image:url(@@);background-color:transparent;} td.sidebar_heading{background-image:url(http://img.webme.com/pic/b/bombomcuyuz-k/menuustu.jpg);width:168px;height:38px;} td.sidebar_heading:hover{background-image:url(http://img.webme.com/pic/b/bombomcuyuz-k/menuustu.jpg);width:168px;height:38px;} td.edit_rb_footer {visibility:hidden;} td.edit_rechts_sbg{visibility:hidden;} td.edit_rechts_cbg{background-image:url();background-color:transparent;} td.edit_header_full{background-image:url();} td.edit_rechts_bottom{background-image:url();background-color:transparent;} body{background-image:url(http://img.webme.com/pic/f/fatboy/schwarz.jpg);} td.shouty{background-image:url();background-color:transparent;} td.shouty2{background-image:url();background-color:transparent;} td.shouty3{background-image:url();background-color:transparent;} td.shouty4{background-image:url();background-color:transparent;} td.shouty5{background-image:url();background-color:transparent;} td.edit_header_full{width: 921px;background-image: url(http://img.webme.com/pic/b/bombomcuyuz-k/bombomcuyuzklogo.jpg);height: 130px;} td.edit_header_full:hover{width: 921px;background-image: url(http://img.webme.com/pic/b/bombomcuyuz-k/bombomcuyuzklogo2.jpg);height: 130px;} <!-- body {background-image:url(http://img.webme.com/pic/b/bombomcuyuz-k/backgrnd.jpg);background-attachment: fixed;} --></style> 

<div id="designluis">
<div id="luisbase-1">
  <div id="head"></div><div id="logo">Buraya logo ekleyebilirsin</div><div id="probanner">Buraya ister resim ister yazı ekleyebilirsin</div><div id="menutop">Buraya menü ekleyebilirsin</div></div>
<div id="luisbase-2"><div class="luismenu"><div class="progreymenu">
 <h3 class="headerbar">Menü</h3>
<ul> <li><a href="#">Konu 1</a></li>
<li><a href="#">Konu 2</a></li>
<li><a href="#">Konu 3</a></li>
<li><a href="#">Konu 4</a></li> </ul>
 <h3 class="headerbar">Menü 2</h3>
 <ul><li><a href="#">Konu 1</a></li>
<li><a href="#">Konu 2</a></li>
<li><a href="#">Konu 3</a></li>
</ul></div></div>
<div id="luiscontent">

</div></div>
<div id="luisbase-3"><div id="luisfo"><a>Copyright @copy 2007-2012 - Senin siten</a></div></div>
</div>

iframe{border:solid 2px #000;} table {margin-left: auto;margin-right: auto} 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(http://img.webme.com/pic/k/kaankart/arkaplan.png) top center fixed; font-family: century gothic;}
#designluis{width: 900px; margin-left: auto; margin-right: auto;}
#luisbase-1 {margin-left: auto; margin-right: auto; background: url(http://img.webme.com/pic/k/kaankart/tasarim-ust.png); width: 900px; height: 238px; float: left;
}
#head {}
#logo{border:none;width:300px; height:75px; padding: 33px 0 0 25px; float: left; overflow: hidden;}
#probanner {border:none;width:400px; height:80px; padding:33px 23px 0 120px; float: right; overflow: hidden;}
#menutop {width:650px; height:20px; padding: 75px 20px 0 19px; float: right; font-size: 15px; color: #ffffff; overflow: hidden;}
#luisbase-2 {margin-left: auto; margin-right: auto; background: url(http://img.webme.com/pic/k/kaankart/tasarim-orta.png); width: 900px; height: 100%; float: left;}
.luismenu {width:175px; float: left; padding: 0 0 0 30px; overflow: hidden;}
.progreymenu{ width: 175px; } .progreymenu .headerbar{ font: bold 13px Verdana; color: white; background:#ffcc00 url() no-repeat 8px 6px; margin-bottom: 0;text-transform: uppercase; padding: 7px 0 7px 31px; } .progreymenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 0; } .progreymenu ul li{ padding-bottom: 2px; } .progreymenu ul li a{ font: normal 12px Arial; color: black; background: #ffffff; display: block; padding: 5px 0; line-height: 17px; padding-left: 8px;text-decoration: none; } .progreymenu ul li a:visited{ color: black; } .progreymenu ul li a:hover{ color: white; background: black; }
#luiscontent { width:650px; float: right; padding: 0 20px 0 19px; overflow: hidden; text-align: justify}
#luisbase-3 {margin-left: auto; margin-right: auto; background: url(http://img.webme.com/pic/k/kaankart/copyright.png); width: 900px; height: 154px; float: left;}
#luisfo {float: left; width:470px; height:70px; padding: 110px 0 0 39px;}