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

<link href="SS.css" rel="stylesheet" type="text/css" />  <table width="900" border="0" align="center" cellpadding="0" cellspacing="0">   <tr>     <td height="104" align="left" valign="top" background="http://mayhan.com.nu/wp-content/uploads/2012/03/mavitasarim_01.gif" scope="col">        <table width="900" border="0" cellspacing="0" cellpadding="0">         <tr>                      <th width="31" height="0" scope="col"> </th>           <th width="350" height="80" align="left" valign="middle" scope="col"><div onclick_fckprotectedatt="%20onclick%3D%22location.href%3D'sayfa.php'%22" style="cursor:pointer"><div id="logo"></div></div></th>           <th width="10" scope="col"> </th>                      <th width="468" scope="col"><table width="468" border="1" cellspacing="2" cellpadding="2">  <tr>     <th width="468" height="60"  scope="col"><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg"><img src="http://www.pcteknik.net/images/bannerpc.gif" _fcksavedurl="http://www.pcteknik.net/images/bannerpc.gif" width="468" height="60" /></a></th>   </tr> </table></th>           <th width="32" scope="col"> </th>                  </tr>     </table></td>   </tr>   <tr>     <th height="75" align="left" valign="top" background="http://mayhan.com.nu/wp-content/uploads/2012/03/mavitasarim_02.gif" scope="row">         <ul class="solidblockmenu">       <li><a href="http://mayhann.tr.gg/" _fcksavedurl="http://mayhann.tr.gg/" _fcksavedurl="http://mayhann.tr.gg/">Ana Sayfa</a>  </li>    <li><a href="http://mayhann.tr.gg/iletisim.htm" _fcksavedurl="http://mayhann.tr.gg/iletisim.htm" _fcksavedurl="http://mayhann.tr.gg/iletisim.htm">İletişim</a></li>       <li><a href="http://mayhann.tr.gg/about.htm" _fcksavedurl="http://mayhann.tr.gg/about.htm" _fcksavedurl="http://mayhann.tr.gg/about.htm">Hakkımda</a></li>        <li><a href="http://mayhann.tr.gg/tasarimlar.htm" _fcksavedurl="http://mayhann.tr.gg/tasarimlar.htm" _fcksavedurl="http://mayhann.tr.gg/tasarimlar.htm">Tasarımlar</a></li>       <li><a href="http://mayhann.tr.gg/" _fcksavedurl="http://mayhann.tr.gg/" _fcksavedurl="http://mayhann.tr.gg/">Eğlence</a></li>       <li><a href="http://mayhann.tr.gg/" _fcksavedurl="http://mayhann.tr.gg/" _fcksavedurl="http://mayhann.tr.gg/">Menüler</a></li>       <li><a href="http://mayhann.tr.gg/" _fcksavedurl="http://mayhann.tr.gg/" _fcksavedurl="http://mayhann.tr.gg/">Dersleri</a></li>       <li><a href="http://mayhann.tr.gg/" _fcksavedurl="http://mayhann.tr.gg/" _fcksavedurl="http://mayhann.tr.gg/peygamberler-tarihi.htm">İconlar</a></li>       <li><a href="http://mayhann.tr.gg/" _fcksavedurl="http://mayhann.tr.gg/" _fcksavedurl="http://mayhann.tr.gg/">Messenger</a></li>             </ul>             </div>       </th>   </tr>   <tr>     <th height="55" align="left" valign="top" background="http://mayhan.com.nu/wp-content/uploads/2012/03/mavitasarim_03.gif" scope="row"><table width="900" border="0" cellspacing="0" cellpadding="0">       <tr>         <td width="23"> </td>         <td width="155" height="60"><div id="ddblueblockmenu">  <div class="menutitle">Anamenü</div> <ul> <li><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">Anasayfa</a></li> <li><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">İletişim</a></li> <li><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">Konuk Defteri</a></li> <li><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">Hakkımda</a></li> </ul>  <div class="menutitle">2. Menü</div> <ul> <li><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">Tasarimlar</a></li> <li><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">Menüler</a></li> <li><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">Siten İçin</a></li> <li><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">Dini</a></li> <li><a href="www.mayhann.tr.gg" _fcksavedurl="www.mayhann.tr.gg">Müzik</a></li> <li><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg" style="border-bottom-color: black">Film</a></li> </ul>  </div>      </td>         <td width="11"> </td>         <td width="10"> </td>         <td width="495" align="left" valign="top"><div id="content">

</div></td>         <td width="10"> </td>         <td width="13"> </td>         <td width="155"><div id="ddblueblockmenu">  <div class="menutitle">Anamenü</div> <ul> <li><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">Anasayfa</a></li> <li><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">İletişim</a></li> <li><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">Konuk Defteri</a></li> <li><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">Hakkımda</a></li> </ul>  <div class="menutitle">2. Menü</div> <ul> <li><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">Tasarimlar</a></li> <li><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">Menüler</a></li> <li><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">Siten İçin</a></li> <li><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">Dini</a></li> <li><a href="www.mayhann.tr.gg" _fcksavedurl="www.mayhann.tr.gg">Müzik</a></li> <li><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg" style="border-bottom-color: black">Film</a></li> </ul>  </div></td>         <td width="28"> </td>       </tr>     </table></th>   </tr>   <tr>     <th height="105" align="left" valign="top" background="http://mayhan.com.nu/wp-content/uploads/2012/03/mavitasarim_04.png" scope="row">       <div id="alt">       <table width="849" border="0" cellspacing="0" cellpadding="0">         <tr>           <td height="62"><div id="kuck">             <table width="212" border="0" cellspacing="0" cellpadding="0">               <tr>                 <td height="21"> <img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" _fcksavedurl="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" width="16" height="16" vspace="0"  /> <span class="AA"><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">KONU</a></span></td>               </tr>               <tr>                 <td height="21"> <img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" _fcksavedurl="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" width="16" height="16" vspace="0"  /> <span class="AA"><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">KONU</a></span></td>               </tr>               <tr>                 <td height="21"> <img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" _fcksavedurl="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" width="16" height="16" vspace="0"  /> <span class="AA"><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">KONU</a></span></td>               </tr>             </table>           </div></td>           <td height="62"><div id="kuck"><table width="212" border="0" cellspacing="0" cellpadding="0">               <tr>                  <td height="21"> <img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" _fcksavedurl="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" width="16" height="16" vspace="0"  /> <span class="AA"><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">KONU</a></span></td>               </tr>               <tr>                  <td height="21"> <img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" _fcksavedurl="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" width="16" height="16" vspace="0"  /> <span class="AA"><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">KONU</a></span></td>               </tr>               <tr>                  <td height="21"> <img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" _fcksavedurl="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" width="16" height="16" vspace="0"  /> <span class="AA"><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">KONU</a></span></td>               </tr>             </table></div></td>           <td height="62"><div id="kuck"><table width="212" border="0" cellspacing="0" cellpadding="0">               <tr>                 <td height="21"> <img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" _fcksavedurl="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" width="16" height="16" vspace="0"  /> <span class="AA"><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">KONU</a></span></td>               </tr>               <tr>                  <td height="21"> <img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" _fcksavedurl="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" width="16" height="16" vspace="0"  /> <span class="AA"><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">KONU</a></span></td>               </tr>               <tr>                  <td height="21"> <img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" _fcksavedurl="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" width="16" height="16" vspace="0"  /> <span class="AA"><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">KONU</a></span></td>               </tr>             </table></div></td>           <td height="62"><div id="kuck"><table width="212" border="0" cellspacing="0" cellpadding="0">               <tr>                  <td height="21"> <img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" _fcksavedurl="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" width="16" height="16" vspace="0"  /> <span class="AA"><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">KONU</a></span></td>               </tr>               <tr>                  <td height="21"> <img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" _fcksavedurl="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" width="16" height="16" vspace="0"  /> <span class="AA"><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">KONU</a></span></td>               </tr>               <tr>                  <td height="21"> <img src="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" _fcksavedurl="http://cdn1.iconfinder.com/data/icons/softwaredemo/PNG/256x256/Plus__Orange.png" width="16" height="16" vspace="0"  /> <span class="AA"><a href="http://www.mayhann.tr.gg" _fcksavedurl="http://www.mayhann.tr.gg">KONU</a></span></td>               </tr>             </table></div></td>         </tr>       </table>     </div></th>   </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 { background:url(http://www.backgroundlabs.com/backgrounds/70.gif) }  #logo {    background-image: url(http://mayhan.com.nu/wp-content/uploads/2012/03/350x60.png);    height: 60px;    width: 350px; }  .solidblockmenu{    float: left;    width: 100%;    overflow: hidden;    border: 0px solid #625e00;    border-width: 0px 0;    background-repeat: repeat-x;    background-position: center center;    margin-right: 0;    padding-right: 0;    font-family: Arial;    font-size: 15px;    padding-top: 0px; }    .solidblockmenu li{  display: inline;  }    .solidblockmenu li a{  float: left;  color: black;  padding: 9px 8px;  text-decoration: none;  border-right: 0px solid white;  }    .solidblockmenu li a:visited{  color: black;  }    .solidblockmenu li a:hover, .solidblockmenu li .current{    color: #FFF;    background-color: #C93;    background-repeat: repeat-x;    background-position: center center; }   #ddblueblockmenu{ border: 1px solid black; border-bottom-width: 0; width: 153px; }  #ddblueblockmenu ul{ margin: 0; padding: 0; list-style-type: none; font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; }  #ddblueblockmenu li a{ display: block; padding: 3px 0; padding-left: 9px; width: 136px; /*185px minus all left/right paddings and margins*/ text-decoration: none; color: white; background-color: #2175bc; border-bottom: 1px solid #90bade; border-left: 7px solid #1958b7; }  * html #ddblueblockmenu li a{ /*IE only */ width: 153px; /*IE 5*/ width: 136px; /*185px minus all left/right paddings and margins*/ }  #ddblueblockmenu li a:hover { background-color: #2586d7; border-left-color: #1c64d1; }  #ddblueblockmenu div.menutitle{ color: white; border-bottom: 1px solid black; padding: 1px 0; padding-left: 5px; background-color: black; font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; } #alt {    height: 61px;    width: 849px;    margin-top: 18px;    margin-left: 23px; } #caliber {    height: 21px;    width: 150px; } #kuck {    height: 64px;    width: 212px; } #alt table tr td #kuck table tr td .AA a {    color: #CF3;    text-decoration:none } #content {    font-family: "TR Goodfish"; }

<div id="purple_dream">
<div id="wolke">Titel</div>
<div id="slogan">Hier kann dein Slogan stehen.</div>

<div id="copyright">©Copyright 2010 by bycitys.de.tl  -  Design by <a href="http://www.bycitys.de.tl" target="_blank">Poddi</a></div>
</div>

 /* Purple Dream - Copyright by www..de.tl */
/*VERSTECKT*/
#header_container{display:none;}
h2#title{display:none;}
#counter{display:none;}
#sidebar_container{display:none;}
#nav_heading{display:none;}
/*VERSTECKT ENDE*/
*{margin: 0; padding:0;}
/*HINTERGRUND*/
body{
background-image: url(http://img.webme.com/pic/p/poddi-designs/pdream_bg.png);
background-color: #ececec;
background-repeat: repeat-x;
font-family: arial, sans-serif;
font-size: 12px;
}
/*HINTERGRUND ENDE*/
/*FORMATIERUNGEN*/
h1,h2{
margin-top: 4px;
margin-bottom: 4px;
}
h1{
color: #a229b1;
font-size: 18px;
font-weight: normal;
}
h2{
color: #6f007c;
font-size: 14px;
font-weight: normal;
}
a{
color: #a229b1;
font-style: italic;
text-decoration: none;
}
a:hover{
color: #6f007c;
}
hr{
height: 1px;
border: 0px solid #e0e0e0;
background-color: #e0e0e0;
margin: 5px;
margin-left: 0px;
margin-right: 0px;}
/*FORMATIERUNGEN ENDE*/
/*DESIGNCONTAINER*/
#purple_dream{
width: 802px;
margin: 0px auto;
background: transparent;
}
/*DESIGNCONTAINER ENDE*/
/*HEADER*/
#wolke{
margin-left: 80px;
margin-top: 10px;
width: 224px;
height: 66px;
background-image: url(http://img.webme.com/pic/p/poddi-designs/dream_wolke.png);
text-align: center;
font-weight: normal;
font-size: 25px;
color: #a229b1;
padding-top: 27px;
float: left;
}
#slogan{
font-size: 14px;
font-style: italic;
color: #ffffff;
float: left;
margin-top: 60px;
}
/*HEADER ENDE*/
/*NAVIGATION*/
#nav_container:before{
content: url(http://img.webme.com/pic/p/poddi-designs/dream_navl.png);
width: 20px;
height: 43px;
margin: 0px 0px 0px -20px;
float: left;
}
#nav_container{
background: url(http://img.webme.com/pic/p/poddi-designs/dream_navbg.png) repeat-x;
width: 760px;
height: 43px;
margin: 5px 0px 0px 20px;
padding: 0px;
float: left;
clear:both;
}
#nav_container:after{
content: url(http://img.webme.com/pic/p/poddi-designs/dream_navr.png);
width: 20px;
height: 43px;
margin: 0px -20px 0px 0px;
float: right;
}
ul#nav{list-style-type: none;}
li.nav_element{
float: left;
display:block;
color: #449100;
margin: 17px 10px 0px 10px;
}
li.checked_menu:before {
content: url(http://img.webme.com/pic/p/poddi-designs/dream_tabl.png);
height: 43px;
width: 11px;
margin: 0px 0px 0px -11px;
float: left;
}
li.checked_menu {
background: url(http://img.webme.com/pic/p/poddi-designs/dream_tabbg.png) repeat-x;
height: 43px;
margin: 0px 10px 0px 10px;
float: left;
display:block;
}
li.checked_menu:after{
content: url(http://img.webme.com/pic/p/poddi-designs/dream_tabr.png);
height: 43px;
width: 11px;
display:block;
margin: 0px -11px 0px 0px;
float: right;
}
li.subpage a{
font-style: italic;}
li.subpage a:before{
content: "»  ";}
li.checked_menu a{
font-weight: bold;
color: #a229b1;
font-size: 13px;
margin: 15px 7px 0px 7px;
}
li.checked_menu a:hover{
text-decoration: none;
color: #6f007c;
}
a.menu{
display:block;
float: left;
color: #fff;
font-style: normal;
text-decoration: none;
padding: 2px
}
a.menu:hover{
text-decoration: underline;
}
/*NAVIGATION ENDE*/
/*INHALTSBEREICH*/
#content_container{
background: transparent;
width: 800px;
min-height: 421px;
float: left;}
#pre_content{
width: 16px;
background-image: url(http://img.webme.com/pic/p/poddi-designs/dream_contentl.png);
height: 421px;
float: left;}
#content{
width: 726px;
padding: 110px 20px 20px 20px;
background-image: url(http://img.webme.com/pic/p/poddi-designs/dream_contentbg.png);
background-color: #ffffff;
background-repeat: repeat-x;
float: left;
min-height: 421px;
color: #333333;
border: 1px solid #dad8db;
}
#post_content{
width: 16px;
background-image: url(http://img.webme.com/pic/p/poddi-designs/dream_contentr.png);
height: 421px;
float: right;}
/*INHALTSBEREICH ENDE*/
/*FOOTER*/
#copyright{
color: #6b6b6b;
text-align: center;
width: 800px;
float: left;
margin: 20px 0px 20px 0px;
}
/*FOOTER ENDE*/
/*WERBUNG Positionieren*/
table[height="102"] {
position: absolute;
top: 150px;
left: 50%;
margin-left: -370px;
}
/*WERBUNG Positionieren ENDE*/

<div id="purple_dream">
<div id="wolke">Titel</div>
<div id="slogan">Hier kann dein Slogan stehen.</div>

<div id="copyright">©Copyright 2010 by bycitys.de.tl  -  Design by <a href="http://www.bycitys.de.tl" target="_blank">Poddi</a></div>
</div>

 /* Purple Dream - Copyright by www..de.tl */
/*VERSTECKT*/
#header_container{display:none;}
h2#title{display:none;}
#counter{display:none;}
#sidebar_container{display:none;}
#nav_heading{display:none;}
/*VERSTECKT ENDE*/
*{margin: 0; padding:0;}
/*HINTERGRUND*/
body{
background-image: url(http://img.webme.com/pic/p/poddi-designs/pdream_bg.png);
background-color: #ececec;
background-repeat: repeat-x;
font-family: arial, sans-serif;
font-size: 12px;
}
/*HINTERGRUND ENDE*/
/*FORMATIERUNGEN*/
h1,h2{
margin-top: 4px;
margin-bottom: 4px;
}
h1{
color: #a229b1;
font-size: 18px;
font-weight: normal;
}
h2{
color: #6f007c;
font-size: 14px;
font-weight: normal;
}
a{
color: #a229b1;
font-style: italic;
text-decoration: none;
}
a:hover{
color: #6f007c;
}
hr{
height: 1px;
border: 0px solid #e0e0e0;
background-color: #e0e0e0;
margin: 5px;
margin-left: 0px;
margin-right: 0px;}
/*FORMATIERUNGEN ENDE*/
/*DESIGNCONTAINER*/
#purple_dream{
width: 802px;
margin: 0px auto;
background: transparent;
}
/*DESIGNCONTAINER ENDE*/
/*HEADER*/
#wolke{
margin-left: 80px;
margin-top: 10px;
width: 224px;
height: 66px;
background-image: url(http://img.webme.com/pic/p/poddi-designs/dream_wolke.png);
text-align: center;
font-weight: normal;
font-size: 25px;
color: #a229b1;
padding-top: 27px;
float: left;
}
#slogan{
font-size: 14px;
font-style: italic;
color: #ffffff;
float: left;
margin-top: 60px;
}
/*HEADER ENDE*/
/*NAVIGATION*/
#nav_container:before{
content: url(http://img.webme.com/pic/p/poddi-designs/dream_navl.png);
width: 20px;
height: 43px;
margin: 0px 0px 0px -20px;
float: left;
}
#nav_container{
background: url(http://img.webme.com/pic/p/poddi-designs/dream_navbg.png) repeat-x;
width: 760px;
height: 43px;
margin: 5px 0px 0px 20px;
padding: 0px;
float: left;
clear:both;
}
#nav_container:after{
content: url(http://img.webme.com/pic/p/poddi-designs/dream_navr.png);
width: 20px;
height: 43px;
margin: 0px -20px 0px 0px;
float: right;
}
ul#nav{list-style-type: none;}
li.nav_element{
float: left;
display:block;
color: #449100;
margin: 17px 10px 0px 10px;
}
li.checked_menu:before {
content: url(http://img.webme.com/pic/p/poddi-designs/dream_tabl.png);
height: 43px;
width: 11px;
margin: 0px 0px 0px -11px;
float: left;
}
li.checked_menu {
background: url(http://img.webme.com/pic/p/poddi-designs/dream_tabbg.png) repeat-x;
height: 43px;
margin: 0px 10px 0px 10px;
float: left;
display:block;
}
li.checked_menu:after{
content: url(http://img.webme.com/pic/p/poddi-designs/dream_tabr.png);
height: 43px;
width: 11px;
display:block;
margin: 0px -11px 0px 0px;
float: right;
}
li.subpage a{
font-style: italic;}
li.subpage a:before{
content: "»  ";}
li.checked_menu a{
font-weight: bold;
color: #a229b1;
font-size: 13px;
margin: 15px 7px 0px 7px;
}
li.checked_menu a:hover{
text-decoration: none;
color: #6f007c;
}
a.menu{
display:block;
float: left;
color: #fff;
font-style: normal;
text-decoration: none;
padding: 2px
}
a.menu:hover{
text-decoration: underline;
}
/*NAVIGATION ENDE*/
/*INHALTSBEREICH*/
#content_container{
background: transparent;
width: 800px;
min-height: 421px;
float: left;}
#pre_content{
width: 16px;
background-image: url(http://img.webme.com/pic/p/poddi-designs/dream_contentl.png);
height: 421px;
float: left;}
#content{
width: 726px;
padding: 110px 20px 20px 20px;
background-image: url(http://img.webme.com/pic/p/poddi-designs/dream_contentbg.png);
background-color: #ffffff;
background-repeat: repeat-x;
float: left;
min-height: 421px;
color: #333333;
border: 1px solid #dad8db;
}
#post_content{
width: 16px;
background-image: url(http://img.webme.com/pic/p/poddi-designs/dream_contentr.png);
height: 421px;
float: right;}
/*INHALTSBEREICH ENDE*/
/*FOOTER*/
#copyright{
color: #6b6b6b;
text-align: center;
width: 800px;
float: left;
margin: 20px 0px 20px 0px;
}
/*FOOTER ENDE*/
/*WERBUNG Positionieren*/
table[height="102"] {
position: absolute;
top: 150px;
left: 50%;
margin-left: -370px;
}
/*WERBUNG Positionieren ENDE*/

<div id="design">
<div id="header">
<h1 class="hptitle">Titel der Homepage</h1>
<h2 class="slogan">Hier kann dein Slogan stehen!...</h2>
</div>
<div id="main">
<div id="menu">
<div id="menu_items">
<a href="#">Startseite</a>
<a href="#">Gästebuch</a>
<a href="#">Kontaktformular</a>
<a href="#">Impressum</a>
<a href="#">Partner</a>
</div></div>
<div id="box">
<div id="btop"></div>
<div id="bbg">
<h1>Navigation</h1>
<h2>Bitte wählen</h2>
<br />
<div id="box_items">
<a href="#">»  Startseite</a>
<a href="#">»  Gästebuch</a>
<a href="#">»  Kontaktformular</a>
<a href="#">»  Impressum</a>
<a href="#">»  Partner</a>
</div>
<br />
<h1>Neuigkeiten</h1>
<h2>Aktuelles</h2>
<p>Hier können deine Neuigkeiten über die Homepage stehen!!</p>
<br />
<h1>Partner</h1>
<h2>von Homepage</h2>
<br />
<div id="box_items">
<a href="#">»  Partner 1</a>
<a href="#">»  Partner 2</a>
<a href="#">»  Partner 3</a>
<a href="#">»  Partner 4</a>
<a href="#">»  Partner ...</a>
</div>
<br />
</div>
<div id="bbottom"></div>
</div>
<div id="ctop"></div>
<div id="subpage"><h1>Redstar Black</h1></div>

<div id="cbottom"></div></div>
<div id="footer">
©Copyright 2010 by <a href="#">Homepage</a>.  - Design by <a href="http://www.bycitys.de.tl/">Poddi</a></div>
</div>

        /*Redstar Black  -  Copyright by www.Poddi.de.tl*/
/*VERSTECKT*/
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element checked_menu{display:none;}
li.nav_element subpage{display:none;}
li.nav_element{display:none;}
#nav_container{display:none;}
#sidebar_container{display:none;}
#counter{display:none;}
/*VERSTECKT ENDE*/
/*HINTERGRUND*/
body{
background: #000;
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-size: .69em;
padding: 0px;
margin: 0px;
}
/*HINTERGRUND ENDE*/
/*FORMATIERUNG*/
*{padding: 0;margin: 0;}
p{
margin: 0px;
font-weight: normal;
padding: 0px 0px 16px 0px;
line-height: 1.5em;
}
h1{
font-family:Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
color: #dc0000;
}
h2{
margin: 0px;
font-size: 100%;
color: #000000;
}
a{
color: #a9ac99;
text-decoration: none;
outline: none;
}
a:hover{
color: #dc0000;
text-decoration: underline;
}
ul, li{
list-style-type: square;
}
hr{
height: 1px;
border: 0px dashed #ced2ba;
background-color: #ced2ba;
margin: 5px;
}
img{
border: 0px;
}
/*FORMATIERUNG ENDE*/
/*DESIGNCONTAINER*/
#design{
width: 900px;
margin: 0px auto;
color: #fff;
margin-top: 0px;
font-weight: normal;
}
#main{
width: 900px;
background: url(http://img.webme.com/pic/p/poddi-designs/7_main.png);
background-repeat: repeat-y;
float: left;
clear.both;
}
/*DESIGNCONTAINER ENDE*/
/*HEADER*/
h1.hptitle{
font-family:Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
margin-top: 70px; margin-left: 180px;
color: #fff;
}
h2.slogan{
font-family:Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
margin-top: 0px;
margin-left: 240px;
font-size: 120%;
color: #fff;
}
#header{
background-image: url(http://img.webme.com/pic/p/poddi-designs/7_header.png);
background-repeat: no-repeat;
width: 900px;
height: 159px;
color: #ffffff;
margin: 0px auto;
float: left;
clear:both;
margin-top: 0px;
}
/*HEADER ENDE*/
/*BOX*/
#box{
width: 200px;
color: #000;
float: left;
margin-left: 10px;
}
#btop{
width: 200px;
height: 25px;
background: url(http://img.webme.com/pic/p/poddi-designs/7_btop.png);
color: #000;
float: left;
}
#bbg{
width: 180px;
background: url(http://img.webme.com/pic/p/poddi-designs/7_bbg.png);
color: #000;
float: left;
padding: 10px;
padding-top: 0px;
padding-bottom: 0px;
}
#bbottom{
width: 200px;
height: 5px;
background: url(http://img.webme.com/pic/p/poddi-designs/7_bbottom.png);
color: #000;
float: left;
}
#box_items a:link,
#box_items a:visited,
#box_items a:hover {
font-weight: bold;
width: 159px;
height: 16px;
color:#a9ac99;
display:block;
padding: 3px;
border-bottom: 1px solid #ced2ba;
}
#box_items a:hover {color: #dc0000;
text-decoration: none;
font-weight: bold;
}
/*BOX ENDE*/
/*INHALTSBEREICH*/
#subpage{
width: 638px;
float: right;
background: url(http://img.webme.com/pic/p/poddi-designs/7_cbg.png);
padding-left: 15px;
padding-right: 15px;
color: #000;
margin-right: 10px;
}
#ctop{
width: 668px;
height: 25px;
float: right;
background: url(http://img.webme.com/pic/p/poddi-designs/7_ctop.png);
margin-right: 10px;
}
#content{
width: 638px;
float: right;
background: url(http://img.webme.com/pic/p/poddi-designs/7_cbg.png);
padding-left: 15px;
padding-right: 15px;
color: #000;
margin-right: 10px;
}
#cbottom{
width: 668px;
height: 5px;
float: right;
background: url(http://img.webme.com/pic/p/poddi-designs/7_cbottom.png);
margin-right: 10px;
}
/*INHALTSBEREICH ENDE*/
/*MENU*/
#menu {
width: 858px;
height: 27px;
background: url(http://img.webme.com/pic/p/poddi-designs/7_nav_bg.png);
margin: 10px;
float: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
color: #000;
}
#menu_items a:link,
#menu_items a:visited,
#menu_items a:hover {
font-weight: bold;
height: 16px;
color:#a9ac99;
display:block;
float: left;
border-right: 1px solid #bdbdbd;
padding: 4px;
padding-left: 10px;
padding-right: 10px;
}
#menu_items a:hover {color: #dc0000;
text-decoration: none;
font-weight: bold;
}
/*MENU ENDE*/
/*FOOTER*/
#footer{
width: 900px;
min-height: 11px;
background: url(http://img.webme.com/pic/p/poddi-designs/7_foot.png) no-repeat;
color: #fff;
margin-bottom: 20px;
padding-top: 20px;
text-align: right;
float: left;
clear: both;
}
#footer a {
color: #fff;
text-decoration: underline;
}
#footer a:hover{
color: #dc0000;
text-decoration: underline;
}
/*FOOTER ENDE*/
/*WEITERES*/
input{
border: 1px solid #bdbdbd;
background: #e8e8e8;
padding: 2px;
}
textarea{
border: 1px solid #bdbdbd;
background: #e8e8e8;
padding: 2px;
}
input[type=submit]{
border: 1px solid #bdbdbd;
background: #e8e8e8;
padding: 2px;
cursor: pointer;
}
/*WEITERES ENDE*/
/*WERBUNG ZENTRIEREN*/
table[height="102"] {
margin:auto;
}
/*WERBUNG ZENTRIEREN ENDE*/

<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
   <script type="text/javascript">
   $(window).load(function(){
      
      var toplamLi = $("#s li").length;
      var liGenislik = $("#s li").width();
      var toplamGenislik = toplamLi*liGenislik;
         toplamGenislik = toplamGenislik + "px";
      $("#s").css("width",toplamGenislik);
      $("#slider").prepend('<div id="onceki">Önceki</div><div id="sonraki">Sonraki</div>');
      
      var a = 0;
      
      var GeriGit = toplamLi*liGenislik-liGenislik+"px";
      $("#sonraki").click(function(){
         if (a == toplamLi-1){
            $("#s").animate({"marginLeft":"+="+GeriGit});
            a = 0;
         }else {
            a++;
            $("#s").animate({"marginLeft":"-="+liGenislik}, "fast");
         }
      });
      
      $("#onceki").click(function(){
         if (a == 0){
            $("#s").animate({"marginLeft":"-="+GeriGit});
            a = toplamLi-1;
         }else {
            a--;
            $("#s").animate({"marginLeft":"+="+liGenislik}, "slow");
         }   
      });
      
   });
   </script>
   <div id="anagovde">
   <div id="header"><img src="http://img.webme.com/pic/p/pinoki-deneme/sansur.png"/></div>
    <div id="menu">

    <a href="#" title="#">anasayfa</a>
    <a href="#" title="#">ben kimim?</a>
    <a href="#" title="#">ziyeretci defteri</a>
   <a href="#" title="#">iletişim</a>
    </div>
<div id="icerik">
<div id="iceriksag">
<div id="kutu"><span class="stil1">Reklamlar</span></div>
        <div id="sponsoricerik">
         <a href="#" title="reklam"><div class="reklam250"></div></a>
        </div>
        <div class="kutucuk"><span class="stil1">Kategoriler</span></div>
        <div class="kutuicerik">
        <div class="kategori"><img src="http://img.webme.com/pic/p/pinoki-deneme/liste.png" width="16" height="16" alt="liste" /><a href="#" title="#">Css Dersleri</a></div>
        <div class="kategori"><img src="http://img.webme.com/pic/p/pinoki-deneme/liste.png" width="16" height="16" alt="liste" /><a href="#" title="#">JQuery Dersleri</a></div>
        <div class="kategori"><img src="http://img.webme.com/pic/p/pinoki-deneme/liste.png" width="16" height="16" alt="liste" /><a href="#" title="#">Bs Dersleri</a></div>
        <div class="kategori"><img src="http://img.webme.com/pic/p/pinoki-deneme/liste.png" width="16" height="16" alt="liste" /><a href="#" title="#">Php Dersler</a></div>
        <div class="kategori"><img src="http://img.webme.com/pic/p/pinoki-deneme/liste.png" width="16" height="16" alt="liste" /><a href="#" title="#">Photoshop Dersleri</a></div>
      </div>
</div>


        <div id="container">
         <div id="header_container">

            <div id="pre_header"></div>
            <div class="header"><h1 id="header"><span>   </span></h1></div>
            <div id="post_header"></div>
         </div>
         <div id="nav_container">

         <h2 id="nav_heading"><span></span></h2>
            <ul id="nav">
               <li class="nav_element checked_menu" id="nav_">

<a href="/--.htm" class="menu"><span>  </span></a></li>
            </ul>
         </div>
         <div id="content_container">
            <div id="pre_content"></div>

            <div id="content">
               <h2 id="title"><span>  </span></h2>
               <br />            </div>

            <div id="counter"><span></span></div>
            <div id="post_content"></div>
                        <div id="sidebar_container">
               <h2 id="sidebar_heading"><span></span></h2>

               <div id="sidebar_content"></div>
            </div>
         </div>
      </div>
</div>

<div id="iceriksol">     
   <div id="slider">
<div class="slider">
<ul id="s">
<li><a href="#"><img src="http://img.webme.com/pic/p/pinoki-deneme/resim1.png" alt="" /></a></li>
<li><a href="#"><img src="http://img.webme.com/pic/p/pinoki-deneme/resim2.png" alt="" /></a></li>
<li><a href="#"><img src="http://img.webme.com/pic/p/pinoki-deneme/resim3.png" alt="" /></a></li>
<li><a href="#"><img src="http://img.webme.com/pic/p/pinoki-deneme/resim4.png" alt="" /></a></li>
<li><a href="#"><img src="http://img.webme.com/pic/p/pinoki-deneme/resim4.png" alt="" /></a></li>
<li><a href="#"><img src="http://img.webme.com/pic/p/pinoki-deneme/resim5.png" alt="" /></a></li>
</ul>
</div></div>
       
        <div id="iceriktemizle"></div>
<div id="yazialani">

          </div>
      </div>
        </div>
          <div id="reklamtemizle"></div>
<div id="footertemizle"></div>
      <div id="footer"><div class="footer">

        <div class="footersol"><span style="font-family: Comic Sans MS; color: #fff;">Tüm hakları saklıdır.Tasarım ve kodlama:<a href="https://twitter.com/#!/pinokitr"><img src="pinoki" alt="" /></a></span></div>
        </div>
</div>
  </div>
</div>
</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;}

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

body {
   background: url("http://www.backgroundlabs.com/backgrounds/255.jpg");
   margin: auto;
}
 
.stil1 {
   font-size: 18px;
   font-weight: bold;
   font-family: 'Comic Sans MS';
   margin: auto;
}

.stil2 {
   font-size: 18px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;}
   
.stil2:hover {
   font-size: 18px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   background-color:#004648;
   color:#fff;}
   
.stil3 {
   font-size:12px;
   font-family:Arial;
   }
.stil3:hover {
   background-color:#004648;
   color:#fff;
   font-size:12px;
   font-family:Arial;
   }

#anagovde {
   width: 980px;
   margin:0 auto;
   position: relative;
}
#header {
   width: 935px;
   padding-left:5px;
   }
  #menu {
   background-image: url(http://img.webme.com/pic/p/pinoki-deneme/menubgg.png);
   height: 35px;
   width: 955px;
      padding-top:10px;
   padding-left:10px;
   margin-left:5px;
}

   #menu a {
   font-family:Tahoma, Geneva, sans-serif;
   font-size:18px;
   color:#fff;
   text-decoration:none;
   margin-right:20px;}
   
   #menu a:hover {
   border-bottom:2px solid #016363;}
   
   
  #icerik {
   width:1024px;
   
}
  #iceriksol {
   float: left;
   width: 300px;
}
  #iceriksag {
   float: right;
   width: 354px;
}

   #iceriksag h1{
   font-family:20 cents marker;
   font-size:18px;
   color:#fff;
   padding-top:15px;
   padding-left:20px;         
}   


  #iceriktemizle {
   clear: both;
}

   ul,li {
   padding: 0;
   margin: 0;
   border: 0;
   list-style: none;
   }
   #slider {
   height: 200px;
   width: 627px;
   float: left;
   margin-top: 15px;
   margin-left:5px;
   margin-bottom:10px;
    padding:10px;
   border:2px solid #01a7ab;
   background-color: #FFF;
   position: relative;
   webkit-border-radius: 5px;
    moz-border-radius: 5px;
    border-radius: 5px;
    webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
   }
   .slider {
   width: 615px;
   height: 187px;
   overflow: hidden;
   margin-top: 7px;
   margin-right:3px;
   margin-left:5px;
   }
   #s li {
   float: left;
   }
   #sonraki {
   background: url("http://img.webme.com/pic/p/pinoki-deneme/sonraki.png");
   width: 48px;
   height: 48px;
   cursor: pointer;
   text-indent: -9999px;
   position: absolute;
   top: 80px;
   right: -20px;
   }
   #onceki {
   background: url("http://img.webme.com/pic/p/pinoki-deneme/onceki.png");
   width: 48px;
   height: 48px;
   cursor: pointer;
   text-indent: -9999px;
   position: absolute;
   top: 80px;
   left: -20px;
   }
 #yazialani {

   width: 628px;
   background-color: #FFF;
   margin-left:5px;
   border:2px solid #01a7ab;
   font-family:Arial, Helvetica, sans-serif;
   color:#000;
   font-size:12px;
   padding:10px;
    webkit-border-radius: 5px;
    moz-border-radius: 5px;
    border-radius: 5px;
    webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}   
   #footer {
   background-image:url(http://img.webme.com/pic/p/pinoki-deneme/footerbg.png);
   background-repeat:no-repeat;
   padding-left:10px;
   padding-top:20px;
   height: 100px;
   width: 965px;
   margin-left: 5px;
    margin: 0 auto;
}
.footersag {
   float:right;
   padding-right:20px;
   }
   
.footersol {
   float:left;
   }
}
  .yaziresim {
   height: 285px;
   width: 520px;
   margin:0 auto;
   margin-bottom:15px;
}
      
  #kutu {
   background-image: url(http://img.webme.com/pic/p/pinoki-deneme/kutucuk.png);
   height: 37px;
   width: 279px;
   margin-top: 15px;
   margin-right:10px;
   color:#fff;
   padding:10px; 

} 
  #sponsoricerik {
   background-color:#FFF;
   height: 300px;
   width: 295px;
   margin-right:10px;
   border:2px solid #01a7ab;
}
   
.kutucuk {
background-image: url(http://img.webme.com/pic/p/pinoki-deneme/kutucuk.png);
height: 37px;
width: 279px;
margin-top: 15px;
margin-right:10px;
font-size:18px;
color:#fff;
padding:10px;

}

     .kutuicerik {
   background-color:#FFF;
   width: 295px;
   margin-right:10px;
   border:2px solid #01a7ab;
   border-top:none;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#004648;
   }
#footertemizle{
   clear:both;}
   .kategori{
       width:275px;
      height:25px;
      border-bottom:1px dashed #01a7ab;
      padding-left:20px;
      padding-top:12px;
      font-family:Arial, Helvetica, sans-serif;
      font-size:12px;
      color:#004648;}
   
   .kategori a{
      font-family:Arial, Helvetica, sans-serif;
      font-size:12px;
      color:#0068c8;   
      text-decoration:none;}
      

      
   .kategori:hover{
      background-color:#0068c8;
      color:#fff;}
   
   .kategori:hover a{
      background-color:#0068c8;
      color:#fff;
#reklamtemizle {
   clear: both;
}
      
   .kategori img {
      float:left;
      margin-right:10px;}

 .altbaslik h2{
 font-family:Arial;
 font-size:12px;
 color:#fff;
 margin-top:1px;
 font-weight:normal;
 }
#ust_menu{
background-color: #0068c8;
top: 0;
height: 48px;
width: 2000px;
position: fixed;
}
input,textarea{     border: 1px solid #00BFFF;      background: #eeeeee;     padding: 3px;} input:focus,textarea:focus{border: 1px solid #bbbbbb;}  input[type="submit"]{ background: url(http://img.webme.com/pic/o/osmantalay/bttnbg.jpg) repeat-x;  border: 1px solid #dddddd; padding: 2px 5px 2px 5px; color: #646464; text-decoration: none;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SarrafCorpse</title>
</head><body bgcolor="#CCCCCC">

  <table width="1200" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr valign="top">
      <td height="76" valign="middle"><table width="270" border="0" align="left" cellpadding="0" cellspacing="0">
        <tr>
          <td width="253"><a href="FACEBOOKADRESSİ"><img src="http://img.webme.com/pic/s/sarrafcorpse/facebook.png" width="64" height="64" /></a><a href="TWİTTERADRESİ"><img src="http://img.webme.com/pic/s/sarrafcorpse/twitter.png" width="64" height="64" /></a><a href="FRİENDFEEDADRESİ"><img src="http://img.webme.com/pic/s/sarrafcorpse/friendfeed.png" width="64" height="64" /></a><a href="RSSADRESİ"><img src="http://img.webme.com/pic/s/sarrafcorpse/rss.png" width="64" height="64" /></a></td>
        </tr>
      </table>
        <table width="865" height="72" border="0" align="right" cellpadding="0" cellspacing="0">
          <tr align="center" valign="middle">
            <td height="68"><div id="SiteAdi"> SiteAdı.TR.GG</div></td>
          </tr>
        </table></td>
    </tr>
    </table>
  <table width="1200" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td height="48" valign="top"><div id='cssmenu'>
<ul>
   <li class='active '><a href='index.html'><span>AnaSayfa</span></a></li>
   <li class='has-sub '><a href='#'><span>Projeler</span></a>
      <ul>
         <li><a href='#'><span>Proje Adı</span></a></li>
         <li><a href='#'><span>Proje Adı</span></a></li>
         <li><a href='#'><span>Proje Adı</span></a></li>
         <li><a href='#'><span>Proje Adı</span></a></li>
         <li><a href='#'><span>Proje Adı</span></a></li>
         <li><a href='#'><span>Proje Adı</span></a></li>
         <li><a href='#'><span>Proje Adı</span></a></li>
         <li><a href='#'><span>Proje Adı</span></a></li>
      </ul>
   </li>
   <li><a href='#'><span>Hakkımda</span></a></li>
   <li><a href='#'><span>İletişim</span></a></li>
</ul>
</div></td>
    </tr>
  </table>
  <table width="1200" height="40" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr></tr>
  <tr>
    <td align="right" valign="top"><table width="413" height="79" border="0" align="left" cellpadding="0" cellspacing="0">
      <tr>
        <td height="75" align="right" valign="top"><table width="143" height="71" border="0" align="right" cellpadding="0" cellspacing="0">
          <tr>
            <td width="143" height="71" align="left" valign="top"><img src="http://img.webme.com/pic/s/sarrafcorpse/tasarimlogo4.png" width="135" height="71" /></td>
          </tr>
        </table>          <img src="http://img.webme.com/pic/s/sarrafcorpse/tasarimlogo2.png" width="135" height="71" /></td>
      </tr>
    </table>
      <table width="363" height="78" border="0" align="left" cellpadding="0" cellspacing="0">
        <tr>
          <td height="74" align="center" valign="middle"><div id="lakap">Sanaldaki Lakabınız</div></td>
        </tr>
      </table>
      <table width="412" height="79" border="0" align="right" cellpadding="0" cellspacing="0">
        <tr valign="top">
          <td width="404" height="75" align="left" valign="top"><img src="http://img.webme.com/pic/s/sarrafcorpse/tasarimlogo3.jpg" width="135" height="71" /><img src="http://img.webme.com/pic/s/sarrafcorpse/tasarimlogo.jpg" width="135" height="71" /></td>
        </tr>
      </table>
   </td>
  </tr>
  </table>
  <table width="1200" height="1920" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="1920" valign="top"><table width="1200" height="1920" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td height="1920" valign="top"><table width="156" height="1920" border="0" align="left" cellpadding="0" cellspacing="0">
          <tr>
            <td width="148" height="1920"><div id='cssmenu2'>
              <ul>
                <li class='has-sub '><a href='#'><span>Html</span></a>
                  <ul>
                    <li class='has-sub '><a href='#'><span>Bölüm Adı</span></a>
                      <ul>
                        <li><a href='#'><span>Bölüm İçeriği</span></a></li>
                        <li><a href='#'><span>Bölüm İçeriği</span></a></li>
                      </ul>
                    </li>
                    <li class='has-sub '><a href='#'><span>Bölüm Adı</span></a>
                      <ul>
                        <li><a href='#'><span>Bölüm İçeriği</span></a></li>
                        <li><a href='#'><span>Bölüm İçeriği</span></a></li>
                      </ul>
                    </li>
                    <li class='has-sub '><a href='#'><span>Bölüm Adı</span></a>
                      <ul>
                        <li><a href='#'><span>Bölüm İçeriği</span></a></li>
                        <li><a href='#'><span>Bölüm İçeriği</span></a></li>
                      </ul>
                    </li>
                  </ul>
                </li>
                <li class='has-sub '><a href='#'><span>Dersler</span></a>
                  <ul>
                    <li class='has-sub '><a href='#'><span>Ders Adı</span></a>
                      <ul>
                        <li><a href='#'><span>Ders İçeriği</span></a></li>
                        <li><a href='#'><span>Ders İçeriği</span></a></li>
                      </ul>
                    </li>
                    <li class='has-sub '><a href='#'><span>Ders Adı</span></a>
                      <ul>
                        <li><a href='#'><span>Ders İçeriği</span></a></li>
                        <li><a href='#'><span>Ders İçeriği</span></a></li>
                      </ul>
                    </li>
                    <li class='has-sub '><a href='#'><span>Ders Adı</span></a>
                      <ul>
                        <li><a href='#'><span>Ders Adı</span></a></li>
                        <li><a href='#'><span>Ders İçeriği</span></a></li>
                      </ul>
                    </li>
                  </ul>
                </li>
                <li class='has-sub '><a href='#'><span>Menü Adı</span></a>
                  <ul>
                    <li class='has-sub '><a href='#'><span>Bölüm Adı</span></a>
                      <ul>
                        <li><a href='#'><span>Bölüm İçeriği</span></a></li>
                        <li><a href='#'><span>Bölüm İçeriği</span></a></li>
                      </ul>
                    </li>
                    <li class='has-sub '><a href='#'><span>Bölüm Adı</span></a>
                      <ul>
                        <li><a href='#'><span>Bölüm İçeriği</span></a></li>
                        <li><a href='#'><span>Bölüm İçeriği</span></a></li>
                      </ul>
                    </li>
                    <li class='has-sub '><a href='#'><span>Bölüm Adı</span></a>
                      <ul>
                        <li><a href='#'><span>Bölüm İçeriği</span></a></li>
                        <li><a href='#'><span>Bölüm İçeriği</span></a></li>
                      </ul>
                    </li>
                  </ul>
                </li>
              </ul>
            </div></td>
          </tr>
        </table>
          <table width="1037" height="196" border="0" align="right" cellpadding="0" cellspacing="0">
            <tr bgcolor="#999999">
              <td width="356" height="192" align="left" valign="top"><table width="1025" height="53" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  <td width="1017" valign="top"><p>

</p>
                   
                </tr>
              </table>                <p> </p></td>
            </tr>
          </table></td>
      </tr>
    </table></td>
  </tr>
</table>

li.nav_element{display: none;}
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;}


#iletisimbolumu {
   margin-right: 910px;
   margin-left: 20px;
   margin-bottom: 11px;
   width: 260px;
   height: 60px;
   padding: 0px;
   right: 800px;
   left: 35px;
   clip: rect(auto,800px,auto,35px);
}
#SiteAdi {
   font: oblique bold 36px Georgia, "Times New Roman", Times, serif;
   color: #000;
}
#cssmenu{
   height: 37px;
   display: block;
   padding: 0;
   margin: 0;
   border: 1px solid;
   border-radius: 5px;
}
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;}
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; }
#cssmenu ul li > ul{width:200px;}
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }


#cssmenu, #cssmenu > ul > li > ul > li a:hover{
   background: #333333;
   background: -moz-linear-gradient(top, #333333 0%, #222222 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#222222));
   background: -webkit-linear-gradient(top, #333333 0%,#222222 100%);
   background: -o-linear-gradient(top, #333333 0%,#222222 100%);
   background: -ms-linear-gradient(top, #333333 0%,#222222 100%);
   background: #FFF top;
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); }
#cssmenu > ul > li > a{border-right:1px solid #000; color:#fff;}
#cssmenu > ul > li > a:after{border-color:#444;}
#cssmenu > ul > li > a:hover{
   background: #000;
}
#lakap {
   font: oblique 24px Georgia, "Times New Roman", Times, serif;
}

/* Some stylesheet reset */
#cssmenu2 > ul {
   list-style: none;
   margin: 0;
   padding: 0;
   vertical-align: baseline;
   line-height: 1;
}

/* The container */
#cssmenu2 > ul {
   display: block;
   position: relative;
   width: 150px;
}

   /* The list elements which contain the links */
   #cssmenu2 > ul li {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      width: 150px;   
   }

      /* General link styling */
      #cssmenu2 > ul li a {
         /* Layout */
         display: block;
         position: relative;
         margin: 0;
         border-top: 1px dotted #3a3a3a;
         border-bottom: 1px dotted #1b1b1b;
         padding: 11px 20px;
         width: 110px;

         /* Typography */
         font-family:  Helvetica, Arial, sans-serif;
         color: #d8d8d8;
         text-decoration: none;
         text-transform: uppercase;
         text-shadow: 0 1px 1px #000;
         font-size: 13px;
         font-weight: 300;

         /* Background & effects */
         background: #282828;
      }

      /* Rounded corners for the first link of the menu/submenus */
      #cssmenu2 > ul li:first-child>a {
         border-top-left-radius: 4px;
         border-top-right-radius: 4px;
         border-top: 0;
      }

      /* Rounded corners for the last link of the menu/submenus */
      #cssmenu2 > ul li:last-child>a {
         border-bottom-left-radius: 4px;
         border-bottom-right-radius: 4px;
         border-bottom: 0;
      }


      /* The hover state of the menu/submenu links */
      #cssmenu2 > ul li>a:hover, #cssmenu2 > ul li:hover>a {
         color: #3cc4e6;
         text-shadow: 0 1px 0 #fff;
         background: #e6e6e6;
         background: -webkit-linear-gradient(bottom, #e6e6e6, #fff);
         background: -ms-linear-gradient(bottom, #e6e6e6, #fff);
         background: -moz-linear-gradient(bottom, #e6e6e6, #fff);
         background: -o-linear-gradient(bottom, #e6e6e6, #fff);
         border-color: transparent;
      }

      /* The arrow indicating a submenu */
      #cssmenu2 > ul .has-sub>a::after {
         content: '';
         position: absolute;
         top: 16px;
         right: 10px;
         width: 0px;
         height: 0px;

         /* Creating the arrow using borders */
         border: 4px solid transparent;
         border-left: 4px solid #d8d8d8;
      }

      /* The same arrow, but with a darker color, to create the shadow effect */
      #cssmenu2 > ul .has-sub>a::before {
         content: '';
         position: absolute;
         top: 17px;
         right: 10px;
         width: 0px;
         height: 0px;

         /* Creating the arrow using borders */
         border: 4px solid transparent;
         border-left: 4px solid #000;
      }

      /* Changing the color of the arrow on hover */
      #cssmenu2 > ul li>a:hover::after, #cssmenu2 > ul li:hover>a::after {
         border-left: 4px solid #3cc4e6;
      }

      #cssmenu2 > ul li>a:hover::before, #cssmenu2 > ul li:hover>a::before {
         border-left: 4px solid #fff;
      }

   
      /* THE SUBMENUS */
      #cssmenu2 > ul ul {
         position: absolute;
         left: 150px;
         top: -9999px;
         padding-left: 5px;
         opacity: 0;
         /* The fade effect, created using an opacity transition */
         -webkit-transition: opacity .3s ease-in;
         -moz-transition: opacity .3s ease-in;
         -o-transition: opacity .3s ease-in;
         -ms-transition: opacity .3s ease-in;
      }

      /* Showing the submenu when the user is hovering the parent link */
      #cssmenu2 > ul li:hover>ul {
         top: 0px;
         opacity: 1;
      }
#cssmenu2 {
   margin-bottom: 1800px;
}