İce blue,red,butterfly,css Tasarım Paylaşımları..

<div id="tasarim">
<div id="ust">
<div class="ustmenu">

<ul id="qm0" class="qmmc" >
    <li><a class="qmparent bullet" href="www.yetkintasarim.tr.gg" style="padding-right: 23px;">Anasayfa</a>
    <ul>
        <li><a href="http://www.sanaldunya.forum.st">Forum</a></li>
        <li><a href="/Ziyaretçi-defteri.htm">Ziyaretçi Defteri<br />
        </a></li>
        <li><a href="/Toplist.htm">Toplist</a><a href="/Mesaj-At.htm">Özel Mesaj At<br />
        </a></li>
        <li><a href="/Bannerlerimiz.htm">Bannerlerimiz</a></li>
        <li><a href="/Online-iletisim.htm">Online İletişim<br />
        </a></li>
    </ul>
    </li>
    <li><a class="qmparent bullet" href="/Atat.ue.rk.htm" padding-right:="">M.Kemal ATATÜRK</a>
    <ul>
        <li><a href="/M-.-Kemal-h-in-Hayatı.htm">Atatürk'ün Hayatı<br />
        </a></li>
        <li><a href="/Atat.ue.rk-Resimleri.htm">Atatürk 'ün Sözleri<br />
        </a></li>
        <li><a href="/videolari.htm">Atatürk 'ün Videoları</a></li>
        <li><a href="/Atat.ue.rk-h-.ue.n-S.oe.zleri.htm">Atatürk 'ün Sözleri</a></li>
    </ul>
    </li>
    <li><a class="qmparent bullet" href="/Dini-B.oe.l.ue.m.htm" style="padding-right: 23px;">Dini Bölüm</a>
    <ul>
        <li><a href="/HzMuhammedin-Hayatı.htm">Hz.Muhammed'in(S.A.V.)Hayatı</a></li>
        <li><a href="/Kuranın--Oe-nemi.htm">Kuran-ı Kerimin Önemi</a></li>
        <li><a href="/Namaz-ve-saglik.htm">Namaz Ve Sağlık</a></li>
        <li><a href="/32-Farz.htm">Otuz iki Farz<br />
        </a></li>
        <li><a href="/mekke.htm">Mekke</a></li>
    </ul>
    </li>
    <li><a class="qmparent bullet" href="#" style="padding-right: 23px;">İzle / Öğren</a>
    <ul>
        <li><a href="/Dreamweaver-Dersleri.htm">Dreamweaver Dersleri<br />
        </a></li>
        <li><a href="/Corel-Draw-Dersleri.htm">Corel Draw Dersleri<br />
        </a></li>
        <li><a href="/Flash-Dersleri.htm">Flash Dersleri<br />
        </a></li>
        <li><a bilgisayar-dersleri.htm="" negrodizayn.tr.gg="" http:="" href="/Bilgisayar-Dersleri.htm">Bilgisayar Dersleri<br />
        </a></li>
        <li><a href="/Domain-Hosting-Dersleri.htm">Domain Host Dersleri</a></li>
        <li><a href="/Joomla-Dersleri.htm">Joomla Dersleri</a></li>
        <li><a href="/Grafik_Tasarım-Dersleri.htm">Grafik-Tasarım Dersleri<br />
        </a></li>
    </ul>
    </li>
    <li> </li>
    <li><a class="qmparent bullet" href="javascript:void(0);" style="padding-right: 23px;">Videolar</a>
    <ul>
        <li><a href="#">Komik <br />
        </a></li>
        <li><a href="#">Spor<br />
        </a></li>
        <li><a href="#">Reklam<br />
        </a></li>
        <li><a href="#">Sinema</a></li>
        <li><a href="#">Oyun</a></li>
    </ul>
    </li>
    <li><a class="qmparent bullet" href="javascript:void(0);" style="padding-right: 23px;">Msn Messenger</a>
    <ul style="top: 26px; height: 109px;">
        <li><a href="/Hata_Ç.oe.z.ue.m.htm">Hatalar Ve Çözümleri<br />
        </a></li>
        <li><a href="/Msn-bilgileri.htm">Msn Bilgileri<br />
        </a></li>
        <li><a href="/Msn-Nikleri.htm">Msn Nickleri<br />
        </a></li>
        <li><a href="/Msn-ifadeleri.htm">Msn İfadeleri<br />
        </a></li>
        <li><a href="/Msn-plus-Live.htm">Msn Plus Live<br />
        </a><a href="http://www.ebuddy.com">Msn Oturum Aç(Ebuddy)</a><a href="#"><br />
        </a></li>
    </ul>
    </li>
    <li><a class="qmparent bullet" href="javascript:void(0);" style="padding-right: 23px;">Siten İçin</a>
    <ul>
        <li><a href="#">Html Nedir?<br />
        </a></li>
        <li><a href="#">Html Kodlar<br />
        </a></li>
        <li><a href="#">Html Kodları Dene<br />
        </a></li>
        <li><a href="#">Google Adense Nedir?</a></li>
        <li><a href="#">Alexa Nedir?</a></li>
        <li><a href="#">Css Nedir?</a></li>
        <li><a href="#">Php Nedir?</a></li>
        <li><a href="#">Seo Nedir?<br />
        </a></li>
        <li><a href="#">Hit Arttırma Yolları<br />
        </a></li>
    </ul>
    </li>
    <li><a class="qmparent bullet" href="javascript:void(0);" style="padding-right: 23px;">Photoshop</a>
    <ul>
        <li><a href="#">Photoshop Dersleri<br />
        </a></li>
        <li><a href="#">Brush<br />
        </a></li>
        <li><a href="#">Style<br />
        </a></li>
        <li><a href="#">Pattern</a></li>
        <li><a href="#">Brush</a></li>
    </ul>
    </li>
    <li><a class="qmparent bullet" href="javascript:void(0);" style="padding-right: 23px;">Tasarımlar</a>
    <ul>
        <li><a href="#">Photoshop Dersleri<br />
        </a></li>
        <li><a href="#">Brush<br />
        </a></li>
        <li><a href="#">Style<br />
        </a></li>
        <li><a href="#">Pattern</a></li>
        <li><a href="#">Brush</a></li>
    </ul>
    </li>
</ul>


</div>
<div class="duyurunegro"><center>Web Sitemiz Yapım Aşamasındadır..!!

WwW.YetkinTasarim.Tr.Gg</center></div>

</div>
<div id="orta">
<div class="iceriksag"><p style="text-align: left"><span style="font-family: Verdana"><em><span style="color: #ff0000"><strong>Ana Menü</strong><br />
</span><span style="color: #c0c0c0">» Ana Sayfa <br />
» İletişim <br />
» Ziyaretçi Defteri <br />
» Forum <br />
» Bizi Destekleyin</span></em></span></p>
<p style="text-align: left"><span style="font-family: Verdana"><em><span style="color: #ff0000"><strong>Bilgilerndirme</strong> <br />
</span><span style="color: #c0c0c0">» Hakkımızda <br />
» Referanslar <br />
» Tasarım Ekibimiz <br />
» GrafikerLer</span></em></span></p>
<p style="text-align: left"><span style="font-family: Verdana"><em><span style="color: #ff0000"><strong>Bedava-Sitem Tasarımlar</strong><br />
</span><span style="color: #c0c0c0">» Css Tasarımlar <br />
» Red Tasarımlar <br />
» Butterfly Tasarımlar <br />
» İceBlue Tasarımlar <br />
» Html Tasarımlar</span></em></span></p>
<p style="text-align: left"><span style="font-family: Verdana"><em><span style="color: #ff0000"><strong>YetkinForum Tasarımlar</strong><br />
</span><span style="color: #c0c0c0">» Phpbb2 Tasarımlar <br />
» Phpbb3 Tasarımlar <br />
» Punbb Tasarımlar <br />
» İnsivor Tasarımlar</span></em></span></p>
<p style="text-align: left"><span style="font-family: Verdana"><em><span style="color: #ff0000"><strong>Html & Css Kodlar</strong><br />
</span><span style="color: #c0c0c0">» İntro Düğmesi Kaldırma <br />
» Css Menu Kodları <br />
» Haber Kodları <br />
» Döviz Kodları <br />
» Saat Kodları <br />
» Reklam Alanı Resim Kodları <br />
» Hava Durumu Kodları <br />
» Takvim Kodları <br />
» Kayan Yazı Kodları <br />
» Tablo & Duyru Kodları <br />
» Sık Kullanılanlara Ekle Kodları <br />
» Fıkra Kodları <br />
» Puan Durumu Kodları</span></em></span></p>
<p style="text-align: left"><span style="font-family: Verdana"><em><span style="color: #ff0000"><strong>Grafik Resimleri</strong><br />
</span><span style="color: #c0c0c0">» Bedava Sitem Tasarım R. <br />
» Yetkin Forum Tasarım R.</span></em></span></p>
<p style="text-align: left"><span style="font-family: Verdana"><em><span style="color: #ff0000"><strong>Bedava-Sitem Dersleri</strong></span><span style="color: #c0c0c0"><strong><br />
</strong>» Tasarım Eklemek <br />
» Resimler Eklemek <br />
» Sayfa Eklemek <br />
» Ekstralar Eklemek <br />
» Ayarları Düzeltmek</span></em></span></p>
<p style="text-align: left"><span style="font-family: Verdana"><em><span style="color: #ff0000"><strong>Bedava-Sitem Genel Problemler</strong> </span><span style="color: #c0c0c0"><br />
» Editör Sorunu <br />
» Anket Eklemek <br />
» Copyright İçerik Bölümü <br />
» Red Başlık Resmi Eklemek <br />
» Css Tasarım Eklemek <br />
» Css Tasarım Kod Ayarlama <br />
» İceblue Tasarım Kod Ayarlama <br />
» Red Tasarım Kod Ayarlama <br />
» ButterFly Tasarım Kod Ayarlama</span></em></span></p>
<p style="text-align: left"><span style="font-family: Verdana"><em><span style="color: #ff0000"><strong>YetkinForum Dersleri</strong><br />
</span><span style="color: #c0c0c0">» Css Kodları <br />
» Genel Yönetim <br />
» Afiş Asmak <br />
» Kullanıcı Yönetimi & Gruplar <br />
» Modüller <br />
» Çeşitli</span></em></span></p>
<p style="text-align: left"><span style="font-family: Verdana"><em><span style="color: #ff0000"><strong>Link Reklam Alanı</strong><br />
</span><span style="color: #c0c0c0">»Bu Alana Reklam Verebilirsiniz <br />
»Bu Alana Reklam Verebilirsiniz <br />
»Bu Alana Reklam Verebilirsiniz <br />
»Bu Alana Reklam Verebilirsiniz <br />
 </span></em></span></p>
</div>
<div class="icerik">

</div>
</div>

<div id="negrofooter">
<div style="text-align: center;"><span style="color: rgb(128, 128, 128);">
<br />
<br /><span style="font-size: smaller;"><span style="font-family: Tahoma;">Copyright 2009 - 2010 (c) Tüm Hakları Saklıdır.<br />
Tasarım yada içeriğin izinsiz,kaynak gösterilmeden alınması halinde gerekli işlemler yapılacaktır. <br />
WwW.YetkinTasarim.Tr.gg</span></span></span></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}

#kommentartext {
background-image:url(http://img258.yukle.tc/images/6395zz.png);
}
* {padding: 0; margin:0 }

body {
background-image: url(http://i23.servimg.com/u/f23/13/73/65/25/arkapl15.jpg);
background-repeat: repeat;
background-attachment: scroll;
background-color: white;
background-position: top-left;
}

#tasarim{
width: 1024px;
margin-left:  auto;
margin-right: auto;
}

#ust{
margin-left:  auto;
margin-right: auto;
background: url(http://i23.servimg.com/u/f23/13/73/65/25/negrod13.png);
width: 1024px;
height: 263px;
float: left;
}

.ustmenu{
width:1024px;

padding: 10px 0 0 20px;
}
.duyurunegro{
margin-left:  auto;
margin-right: auto;
width: 460px;
height: 110px;
overflow: hidden;
float: left;
text-align: left;
padding: 56px 0 0 500px;
font-size: 15px;
color: #ffffff;
font-family: Verdana, arial;
}

#orta{
margin-left:  auto;
margin-right: auto;
background: url(http://i23.servimg.com/u/f23/13/73/65/25/orta12.png);
width: 1024px;
height: 100%;
float: left;
}
.icerik {
width:650px;
float: left;
padding: 0 0 0 12px;
overflow: justify;
text-align: justify;
}

.iceriksag {
width:290px;
float: right;
padding: 0 28px 0 0;
overflow: justify;
}

#negrofooter{
margin-left:  auto;
margin-right: auto;
background: url(http://i23.servimg.com/u/f23/13/73/65/25/altt10.png);
width: 1024px;
height: 91px;
float: left;
}



body,td,th {
   font-family: Tahoma;
   font-size: 16px;
   color: #ffffff;
}
a:link {
   color: #ffffff;
}
a:visited {
   color: #ffffff;
}
a:hover {
   color: #FF3300;
}
a:active {
   color: #FF3300;
}
a {
   font-family: tahoma;
   font-style: italic;
   color: #FF3300;
}






.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{
    float:left;
    width:0px;
}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {
    position:relative;
    zoom:1;
    z-index:10;
    width: 320px;
}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {
    left:-10000px;
    position:absolute;
    z-index:10;
}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


    /* QuickMenu 0 */

    /*"""""""" (MAIN) Container""""""""*/   
    #qm0   
    {   
        width:auto;
        background-color:transparent;
    }


    /*"""""""" (MAIN) Items""""""""*/   
    #qm0 a   
    {
    padding:6px 40px 6px 8px;
    margin:0px -1px 0px 0px;
    background-color:transparent;
    color:#FFFFFF;
    font-family:arial;
    font-size:11px;
    text-decoration:none;
    text-align:left;
    border-width:0px;
    border-style:solid;
    font-weight: bold;   
    }
   
    .bullet {
    background-image: url(http://www.gazetevatan.com//imgs/bullet.gif);
    background-repeat: no-repeat;
    background-position: right center;
    font-size:12px;
}


    /*"""""""" (MAIN) Hover State""""""""*/   
    #qm0 a:hover   
    {   
        color:#c70d34;   

    }


    /*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/   
    #qm0 li:hover>a   
    {   
        color:#000000;
    }


    /*"""""""" (MAIN) Active State""""""""*/   
    body #qm0 .qmactive, body #qm0 .qmactive:hover   
    {   
        background-color:#F3F3F3;
        color:#000000;
    }


    /*"""""""" (SUB) Container""""""""*/   
    #qm0 div, #qm0 ul   
    {
    padding:5px;
    margin:-1px 0px 0px;
    background-color:#F3F3F3;
    border: 1px solid #999;
    }


    /*"""""""" (SUB) Items""""""""*/   
    #qm0 div a, #qm0 ul a   
    {   
        padding:2px 40px 2px 5px;
        background-color:transparent;
        color:#555555;
        border-width:0px;
        border-style:none;
        border-color:#000000;
    }


    /*"""""""" (SUB) Hover State""""""""*/   
    #qm0 div a:hover   
    {   
        color:#0a0505;
            font-weight: bold;   
    }


    /*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/   
    #qm0 ul li:hover>a   
    {   
        color:#313131;
            font-weight: bold;   
    }


    /*"""""""" (SUB) Active State""""""""*/   
    body #qm0 div .qmactive, body #qm0 div .qmactive:hover   
    {   
        background-color:transparent;
        color:#313131;
    }


    /*"""""""" Individual Titles""""""""*/   
    #qm0 .qmtitle   
    {   
        cursor:default;
        padding:3px 0px 3px 4px;
        color:#444444;
        font-family:arial;
        font-size:11px;
        font-weight:bold;
    }


    /*"""""""" Individual Horizontal Dividers""""""""*/   
    #qm0 .qmdividerx   
    {   
        border-top-width:1px;
        margin:4px 0px;
        border-color:#BFBFBF;
    }


    /*"""""""" Individual Vertical Dividers""""""""*/   
    #qm0 .qmdividery   
    {   
        border-left-width:1px;
        height:15px;
        margin:4px 2px 0px;
        border-color:#BFBFBF;
    }


    /*"""""""" Custom Rule""""""""*/   
    ul#qm0 ul li:hover > a.qmparent   
    {   
        background-image:url("http://www.gazetevatan.com/qmimages/cssalt1_arrow_right_hover.gif");
    }


    /*"""""""" Custom Rule""""""""*/   
    ul#qm0 ul .qmparent   
    {
    }


    /*"""""""" Custom Rule""""""""*/   
    ul#qm0 li:hover > a.qmparent   
    {
    color:#000000;
    }


    /*"""""""" Custom Rule""""""""*/   
    ul#qm0 .qmparent   
    {
    background-repeat:no-repeat;
    background-position:97% 50%;
    }

.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}.qmmc1 {    position:relative;
    zoom:1;
    z-index:10;
    width: 320px;
}
.qmmc1 {list-style:none;padding:0px;margin:0px;}

<style type="text/css">
<!--
body,td,th {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #000000;
 font-weight: bold;
}
body {
 background-color: #000000;
}
a {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #000000;
 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: #000000;
}
.style1 {font-size: 36px}
-->
</style>
<table width="910" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="260" valign="top" background="http://i23.servimg.com/u/f23/13/73/65/25/11110.jpg"><table

width="1090" height="70" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td height="182" colspan="5" align="center"><p></p>
      </tr>
        <tr>
        <td height="34" colspan="5" align="center">
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center"><span style="color: #ffffff">YAPIMDAYIZ...</span></div></td>
      </tr>
      <tr>
              <td width="160" height="45" align="center"></td>
        <td width="553" align="center"></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="125" valign="top" background="http://i23.servimg.com/u/f23/13/73/65/25/211.jpg"><table width="1000" height="41" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="152" align="center" valign="top">
<div style="text-align: center"><em><font size="3"><span style="color: #ff0000"><font size="2">ANA&nbsp;MENU</font><br />
</span><font size="2">Anasayfa</font><br />
<font size="2">İletişim<br />
Ziyaret&ccedil;i Defteri<br />
Forum</font><br />
<br />
<span style="color: #ff0000"><font size="2">SAVAŞ&Ccedil;I</font><br />
</span><font size="2">Karakterler<br />
Silahlar<br />
Kalkanlar<br />
Zırhlar<br />
Skiller</font><br />
<br />
<span style="color: #ff0000"><font size="2">SURA</font><br />
</span><font size="2">Karakterler<br />
Silahlar<br />
Kalkanlar<br />
Zırhlar<br />
Skiller</font><br />
<br />
<span style="color: #ff0000"><font size="2">NİNJA</font><br />
</span><font size="2">Karakterler</font><br />
<font size="2">Silahlar<br />
Kalkanlar<br />
Zırhlar<br />
Skiller<br />
</font><br />
<font color="#ff0000" size="2">G&Ouml;REVLER</font><br />
<font size="2">At G&ouml;revleri&nbsp;</font><br />
</font><font size="2">Lwl G&ouml;revleri<br />
</font><span style="color: #ff0000"><br />
<font size="3"><font size="2">KRALLIKLAR &amp; HARİTALAR<br />
</font></font></span><font size="3"><font size="2">Kırmızı Krallık &amp; Haritalar</font><br />
<font size="2">Mavi&nbsp;Krallık &amp; Haritalar</font><br />
</font>Sarı Krallık &amp; Haritalar<br />
<br />
<font color="#ff0000">CHAR ALIM &amp; SATIM<br />
</font>SAVAŞ&Ccedil;I<br />
SURA<br />
NİNJA<br />
<br />
<font color="#ff0000">KISA FİLM</font><br />
<embed width="181" allowfullscreen="true" wmode="opaque" src="http://metin2.org/img/movies/videoPlayer.swf" type="application/x-shockwave-flash" height="120"></embed></em></div>
</td>
        <td width="90">&nbsp;</td>
        <td width="658" valign="top"><p>

</div>
</td>
 </tr>
    </table></td>
  </tr>
  <tr>
    <td height="128" background="http://i23.servimg.com/u/f23/13/73/65/25/311.jpg">&nbsp;</td>
  </tr>
</table>

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-image: url(http://i23.servimg.com/u/f23/13/73/65/25/siyah10.jpg);
background-repeat: repeat;
background-attachment: scroll;
background-color: white;
background-position: top-left;
}

<table width="703" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="http://ressim.net/a/upload/5e6dd49e.png" width="700" height="232" border="0" usemap="#Map"></td>
  </tr>
  <tr>
    <td height="313" valign="top" background="http://ressim.net/a/upload/efe692a8.png"><table width="700" height="311" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="13"> </td>
        <td width="672" align="center" valign="top"><div id="content">

</td>
        <td width="15"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><img src="http://ressim.net/a/upload/e2125d4a.png" width="700" height="127" border="0" usemap="#Map2"></td>
  </tr>
</table>

<map name="Map"><area shape="rect" coords="7,103,136,147" href="">
<area shape="rect" coords="141,104,286,147" href="http://berkandesign.tr.gg/Benkimim.htm">
<area shape="rect" coords="296,103,448,149" href="http://berkandesign.tr.gg/Hizmetlerimiz.htm">
<area shape="rect" coords="452,101,590,150" href="http://berkandesign.tr.gg/Referanslar.htm">
<area shape="rect" coords="597,101,697,147" href="http://berkandesign.tr.gg/Iletisim.htm">
</map>
<map name="Map2"><area shape="rect" coords="216,52,698,118" href="http://berkandesign.tr.gg/Reklamver.htm">
</map>

BODY { background: url(http://ressim.net/a/upload/5258de02.png) top right;        background-attachment: fixed }

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,td,th {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #FFFFFF;
}
a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #1A9DDB;
}
a:visited {
   color: #FFFFFF;
}
a:hover {
   color: #1A9DDA;
}
a:active {
   color: #FFFFFF;
}
-->

<title>Berkan Design | Kişisel Grafik Portfolyom | Berkandesign.net | info( at )berkandesign.net</title><table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="http://ressim.net/a/upload/20482a4d.png" width="900" height="206" border="0" usemap="#Map"></td>
  </tr>
  <tr>
    <td height="444" valign="top" background="http://ressim.net/a/upload/34daaa8f.png"><table width="900" height="445" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="10" align="left" valign="top"> </td>
        <td width="880" align="left" valign="top"><div align="center" class="stil1"><div id="content"></div>

</td>
        <td width="10" align="left" valign="top"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><img src="http://ressim.net/a/upload/59dc68c2.png" width="900" height="134" border="0" usemap="#Map2"></td>
  </tr>
</table>

<map name="Map"><area shape="rect" coords="389,36,883,113" href="http://berkandesign.tr.gg/Reklamver.htm">
<area shape="rect" coords="57,137,172,170" href="http://berkandesign.tr.gg/">
<area shape="rect" coords="198,140,356,173" href="http://berkandesign.tr.gg/Hizmetlerimiz.htm">
<area shape="rect" coords="379,140,511,172" href="http://berkandesign.tr.gg/Referanslar.htm">
<area shape="rect" coords="539,137,645,170" href="http://berkandesign.tr.gg/Fiyatlar.htm">
<area shape="rect" coords="658,134,847,169" href="http://berkandesign.tr.gg/Iletisim.htm">
</map>
<map name="Map2"><area shape="rect" coords="385,47,882,116" href="http://berkandesign.tr.gg/Reklamver.htm">
</map>

BODY { background: url(http://ressim.net/a/upload/5258de02.png) top right;        background-attachment: fixed }

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,td,th {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #228EC1;
}
a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #2392C6;
}
a:link {
   text-decoration: none;
}
a:visited {
   text-decoration: none;
   color: #2497CD;
}
a:hover {
   text-decoration: none;
   color: #2496CB;
}
a:active {
   text-decoration: none;
   color: #333333;
}
.stil1 {font-size: 14px}
-->

<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="http://ressim.net/a/upload/5b835bf0.png" width="900" height="209" border="0" usemap="#Map"></td>
  </tr>
  <tr>
    <td height="403" align="left" valign="top" background="http://ressim.net/a/upload/f5950d73.png"><table width="900" height="140" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="42"> </td>
        <td width="808" align="center" valign="top"><div id="content">

</td>
        <td width="50"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><img src="http://ressim.net/a/upload/ef79be58.png" width="900" height="164" border="0" usemap="#Map2"></td>
  </tr>
</table>

<map name="Map"><area shape="rect" coords="224,136,257,172" href="http://berkandesign.tr.gg/">
<area shape="rect" coords="261,133,304,172" href="http://berkandesign.tr.gg/Iletisim.htm">
<area shape="rect" coords="318,144,428,171" href="http://berkandesign.tr.gg/Benkimim.htm">
<area shape="rect" coords="454,144,547,171" href="http://berkandesign.tr.gg/Hizmetlerimiz.htm">
<area shape="rect" coords="562,144,685,168" href="http://berkandesign.tr.gg/Referanslar.htm">
<area shape="rect" coords="694,136,807,170" href="http://berkandesign.tr.gg/Iletisim.htm">
</map>

<map name="Map2"><area shape="rect" coords="355,46,849,134" href="http://berkandesign.tr.gg/Reklamver.htm">
</map>

BODY { background: url(http://ressim.net/a/upload/5258de02.png) top right;        background-attachment: fixed }

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

}
a:visited {
   text-decoration: none;
   color: #19739D;
}
a:hover {
   text-decoration: none;
   color: #19739D;
}
a:active {
   text-decoration: none;
   color: #FFFFFF;
}


<style type="text/css">

input,textarea{
border: 1px solid #cce2f7;
background: #e6f1fb;
padding: 3px;}
input:focus,textarea:focus{border: 1px solid #004995;}

input[type="submit"]{ background: url(http://img.webme.com/pic/b/beta-stixipage/kommentarbutton.png) repeat-x;
width : 134px;
height: 38px;
border: 0px solid #FFFFFF;
color: #FFFFFF;
text-decoration: none;
margin-left: 10px;
font-size: 11px;
cursor: pointer;}
input[type="submit"]:hover{background: url(http://img.webme.com/pic/b/beta-stixipage/kommentarbutton_hover.png);
color: #000000;
text-decoration: none;}

#kontakt{margin: 0px auto; clear: both;}
</style>

<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="134" background="http://ressim.net/a/upload/12b35cf2.png"><table width="800" height="114" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="10" height="114" valign="bottom"> </td>
        <td width="779" valign="bottom"><div align="center"><a href="http://berkandesign.tr.gg/">Ana Sayfa</a> | <a href="http://berkandesign.tr.gg/Hizmetlerimiz.htm">Hizmetlerimiz</a> | <a href="http://berkandesign.tr.gg/Referanslar.htm">Referanslar</a> | <a href="http://berkandesign.tr.gg/Iletisim.htm">İletişim</a> | <a href="http://berkandesign.tr.gg/Calismalarim.htm">Çalışmalarım</a> | <a href="http://berkandesign.tr.gg/GrafikDersleri.htm">Grafik Dersleri</a> | <a href="http://berkandesign.tr.gg/BedavaSitem.htm">Bedava Sitem</a> | <a href="http://berkandesign.tr.gg/BanaDestekOl.htm">Bana Destek Ol</a></div></td>
        <td width="11" valign="bottom"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="376" valign="top" background="http://ressim.net/a/upload/b023e76f.png"><table width="800" height="460" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="10" valign="top"> </td>
        <td width="779" valign="top"><div align="center"><div id="content"></div>

</td>
        <td width="11" valign="top"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="117" background="http://ressim.net/a/upload/17ab3b80.png
"><table width="800" height="76" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="10"> </td>
        <td width="780" valign="top">Deneme</td>
        <td width="10"> </td>
      </tr>
    </table></td>
  </tr>
</table>

BODY { background: url(http://ressim.net/a/upload/cc2294de.png) top right;        background-attachment: fixed }

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,td,th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333333;
}
a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #999999;
}
a:link {
    text-decoration: none;
    color: #666666;
}
a:visited {
    text-decoration: none;
    color: #FFFFFF;
}
a:hover {
    text-decoration: none;
    color: #666666;
}
a:active {
    text-decoration: none;
    color: #FFFFFF;
}
#menu {
    background-color: #BEBEBE;
    float: left;
    width: 800px;
}

<DIV style="Z-INDEX: 1; LEFT: 260px; WIDTH: 55px; POSITION: absolute; TOP: 145px; HEIGHT: 1px"><script>
function image() {
};
image = new image();
cupacup = 0;
// Resim Sırasına göre gösterir
image[cupacup++] = '<a target="_blank" href="http://RESME TIKLAYINCA GİTMESİNİ İSTEDİĞİN ADRES"><img style="width: 400px; height: 80px" border="0" src="http://img.webme.com/pic/c/cupacup/logo1.png" /></a>'

image[cupacup++] = '<a target="_blank" href="http://RESME TIKLAYINCA GİTMESİNİ İSTEDİĞİN ADRES"><img style="width: 400px; height: 80px" border="0" src="http://img.webme.com/pic/c/cupacup/logo2.png" /></a>'

image[cupacup++] = '<a target="_blank" href="http://RESME TIKLAYINCA GİTMESİNİ İSTEDİĞİN ADRES"><img style="width: 400px; height: 80px" border="0" src="http://img.webme.com/pic/c/cupacup/logo3.png" /></a> '

image[cupacup++] = '<a target="_blank" href="http://RESME TIKLAYINCA GİTMESİNİ İSTEDİĞİN ADRES"><img style="width: 400px; height: 80px" border="0" src="http://img.webme.com/pic/c/cupacup/logo4.png" /></a>'

image[cupacup++] = '<a target="_blank" href="http://RESME TIKLAYINCA GİTMESİNİ İSTEDİĞİN ADRES"><img style="width: 400px; height: 80px" border="0" src="http://img.webme.com/pic/c/cupacup/logo5.png" /></a>'


// keep adding items here...
cupacup = Math.floor(Math.random() * cupacup);
document.write(image[cupacup]);
</script></DIV>
<br />
<br />
<br />
<br />
<br />



<table width="892" height="72" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="912" height="72" align="left" valign="top" background="http://s10.directupload.net/images/100905/8lzv345x.png"><table width="895" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="895" height="12"> </td>
        </tr>
        <tr>
          <td height="35" align="center"><div id="templatemo_menu">
   
        <ul>
            <li><a href="Ana-Sayfa.htm" >Ana Sayfa!</a></li>

            <li><a href="http://cupacup.tr.gg/Yeniler.htm" target="_parent">Yeniler!</a></li>
            <li><a href="http://cupacup.tr.gg/Site-Reklam%26%23305%3Bn%26%23305%3B-Yap.htm" target="_parent">Reklamını Yap!</a></li>

            <li><a href="%26%23304%3Bletisim.htm" target="_parent">İletişim!</a></li>
           

            <li><a href="yorumlar.htm">Yorumlar!</a></li>

<li><a href="Top-liste.htm">Topliste!</a></li>

<li><a href="Chat.htm" target="_parent">Chat!</a></li>

        </ul>       
   
    </div> <!-- end of templatemo_menu --></td>
        </tr>
      </table></td>
  </tr>
</table>
<table width="893" height="63" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="906" align="left" valign="top" background="http://s1.directupload.net/images/100905/45l9ymw7.png"><table width="893" height="64" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="25"> </td>
        <td width="190" align="left" valign="top"><script src="http://hackerfriend.sitemynet.com/sozler.js" type="text/javascript"></script><div class="bayrak" style="text-align: center;"><a href="http://www.cupacup.tr.gg"><img border="0" src="http://img.webme.com/pic/c/cnvristtr/flag_tr1.png" alt="" /></a> <a href="http://translate.google.com/translate?js=y&prev=_t&hl=tr&ie=UTF-8&layout=1&eotf=1&u=www.cupacup.tr.gg&sl=tr&tl=en"><img border="0" src="http://img.webme.com/pic/c/cnvristtr/flag_uk1.png" alt="" /></a> <a href="http://translate.google.com/translate?js=y&prev=_t&hl=tr&ie=UTF-8&layout=1&eotf=1&u=www.cupacup.tr.gg&sl=tr&tl=es"><img border="0" src="http://img.webme.com/pic/c/cnvristtr/flag_es1.png" alt="" /></a> <a href="http://translate.google.com/translate?hl=tr&sl=tr&tl=de&u=http%3A%2F%2Fwww.cupacup.tr.gg%2F"><img border="0" src="http://img.webme.com/pic/c/cnvristtr/flag_de1.png" alt="" /></a> <a href="http://translate.google.com/translate?hl=tr&sl=tr&tl=fr&u=http%3A%2F%2Fwww.cupacup.tr.gg%2F"><img border="0" src="http://img.webme.com/pic/c/cnvristtr/flag_fr1.png" alt="" /></a><a href="http://translate.google.com/translate?hl=tr&sl=tr&tl=ru&u=http%3A%2F%2Fwww.cupacup.tr.gg%2F"><img width="22" height="22" border="0" src="http://s5.directupload.net/images/100803/wcyru2qa.png" alt="" /></a></div>

<div class="arrowlistmenu">
 
<h3 class="headerbar">
<div style="text-align: center;"><img src="http://s1.directupload.net/images/100905/waab7qek.png" width="200" height="40" alt="Kategoriler" /></div><div class="markermenu">
<ul>
<li><a href="http://cupacup.tr.gg/CupaCup_K%26%23305%3Bz.htm" >Kız Oyunları</a></li>

<li><a href="http://cupacup.tr.gg/CupaCup_Komik.htm" >Komik Oyunlar</a></li>
<li><a href="http://cupacup.tr.gg/CupaCup_Spor.htm" >Spor Oyunları</a></li>
<li><a href="http://cupacup.tr.gg/CupaCup_%C7ocuk.htm" >Çocuk Oyunları</a></li>

<li><a href="http://cupacup.tr.gg/CupaCup_Macera.htm" >Macera Oyunları</a></li>
<li><a href="http://cupacup.tr.gg/CupaCup_Yar%26%23305%3B%26%23351%3B.htm" >Yarış Oyunları</a></li>
<li><a href="http://cupacup.tr.gg/CupaCup_Zeka.htm" >Zeka Oyunları</a></li>
<li><a href="http://cupacup.tr.gg/CupaCup_%26%23304%3Bki-Ki%26%23351%3Bilik-Oyunlar.htm" >İki Kişilik Oyunlar</a></li>

<li><a href="http://cupacup.tr.gg/CupaCup_D.oe.v.ue.%26%23351%3B.htm" >Dövüş Oyunları</a></li>
<li><a href="http://cupacup.tr.gg/CupaCup_Beceri.htm" >Beceri Oyunları</a></li>

<li><a href="http://cupacup.tr.gg/CupaCup_Makyaj.htm" >Makyaj Oyunları</a></li>

<li><a href="http://cupacup.tr.gg/CupaCup_Boyama.htm" >Boyama Oyunları</a></li>
<li><a href="http://cupacup.tr.gg/CupaCup_%C7eviklik.htm">Çeviklik Oyunları</a></li>
<li><a href="http://cupacup.tr.gg/CupaCup_%C7izgi-Film.htm">Çizgi Film Oyunları</a></li>
<li><a href="http://cupacup.tr.gg/CupaCup_E%26%23287%3Bitici.htm">Eğitici Oyunlar</a></li>

<li><a href="http://cupacup.tr.gg/CupaCup_Giysi.htm">Giysi Oyunları</a></li>
<li><a href="http://cupacup.tr.gg/CupaCup_Klasik.htm">Klasik Oyunlar</a></li>
<li><a href="http://cupacup.tr.gg/CupaCup_Animasyonlar.htm">Animasyonlar</a></li>

<li><a href="http://cupacup.tr.gg/CupaCup_Sava%26%23351%3B.htm">Strateji Oyunları</a></li>
<li><a href="http://cupacup.tr.gg/CupaCup_Sue.htm">Sue Oyunları</a></li>
<li><a href="http://cupacup.tr.gg/CupaCup_%26%23350%3Bans.htm">Şans Oyunları</a></li>
<li><a href="http://cupacup.tr.gg/CupaCup_Yemek.htm">Yemek Oyunları</a></li>
<li><a href="http://cupacup.tr.gg/CupaCup_Kuaf.oe.r.htm">Kuaför Oyunları</a></li>

<li><a href="http://cupacup.tr.gg/CupaCup_Oda.htm">Dekorasyon Oyunları</a></li>
<li><a href="http://cupacup.tr.gg/CupaCup_3-Boyutlu.htm">3 Boyutlu Oyunlar</a></li>
<li><a href="http://cupacup.tr.gg/CupaCup_Ben-10.htm">Ben 10 Oyunları</a></li>
<li><a href="http://cupacup.tr.gg/CupaCup_Bratz-.htm">Bratz Oyunları</a></li>

<li><a href="http://cupacup.tr.gg/CupaCup_Winx.htm">Winx Oyunları</a></li>
<li><a href="http://cupacup.tr.gg/CupaCup_Araba.htm">Araba Oyunları</a></li>
   
</ul>
</div>
<div style="text-align: center;"><img src="http://img.webme.com/pic/c/cupacup/untitled-3.png" width="200" height="40" alt="Yeni Haberler" /></div>
                <div class="cleaner_h30"></div>

               
               
           <div style="text-align: center;"><img src="http://s5.directupload.net/images/100913/r99ydyr5.png" width="140" height="50" alt="Dostlar!" /></div>
              <div class="markermenu">
<ul>
<li><a href="http://ahmetsagirli.tr.gg/" >Ahmet Sağırlı</a></li>
<li><a href="http://ahogame.tr.gg/" >AhO Game</a></li>
<li><a href="http://metsen.tr.gg/">Metsen</a></li>
<li><a href="http://florman.tr.gg/">Florman</a></li>

<li><a href="http://ahsaweb.tr.gg/">AhsaWeb</a></li>
<li><a href="http://istikrarsizgenclik.tr.gg/" style="border-bottom-width: 0">?????????ız g??çl??</a></li>       

</ul>
<div style="text-align: center;"><img src="http://img.webme.com/pic/c/cupacup/untitled-3.png" width="200" height="40" alt="Yeni Haberler" /></div>

<div style="text-align: center;"><img border="0" src="http://s5.directupload.net/images/100905/tm9hs2jo.png" alt="" /><br /><!-- Start of reklam.ara.com.tr  -->
<script language="javascript"><!--
var ara_userid=4506;
var ara_type=3;
var ara_format="160x600";
var ara_bg="#FFFFFF";
var ara_title="#008000";
var ara_text="#000000";
var ara_link="#0000FF";
var ara_border="#C0C0C0";
//--></script>
<script language="javascript" src="http://reklam.ara.com.tr/reklam/reklam.js"></script>
<!-- End of reklam.ara.com.tr  --></div>
<div style="text-align: center;"><img src="
http://img.webme.com/pic/c/cupacup/tm9hs2jo.png" width="200" height="40" alt="Yeni Haberler" /></div>



<div style="text-align: center;"><img border="0" src="http://s1.directupload.net/images/100905/r2yum6ys.png" alt="" /><br />
<a href="http://ahogame.tr.gg?in=3" target="_blank"><img src="http://img.webme.com/pic/a/ahogame/untitled-3.png" border="0"></a><a href="http://bedava-topliste.tr.gg?in=13" target="_blank"><img src="http://img.webme.com/pic/b/bedava-topliste/lnuaoah5.png" border="0"></a><a href="http://detaytoplist.tr.gg?in=90" target="_blank"><img src="http://img.webme.com/pic/d/detaytoplist/bannerimiz.gif" border="0"></a><a href="http://csshost.tr.gg?in=5" target="_blank"><img src="http://img.webme.com/pic/c/csshost/toplistcss.gif" border="0"></a><a href="http://tumhepsiburada.tr.gg?in=6" target="_blank"><img src="http://img.webme.com/pic/t/tumhepsiburada/toplist2.gif" border="0"></a><a href="http://lifecity.tr.gg?in=99" target="_blank"><img src="http://img.webme.com/pic/l/lifecity/www.lifecity.tr.gg.gif" border="0"></a><a href="http://murathoca54.tr.gg?in=116" target="_blank"><img src="http://img.webme.com/pic/m/murathoca54/out.gif" border="0"></a><a href="http://cupacup.tr.gg?in=6" target="_blank"><img src="http://img.webme.com/pic/c/cupacup/e3mwsdox.gif" border="0"></a><a href="http://sebekenet.tr.gg?in=15" target="_blank"><img src="http://img.webme.com/pic/s/sebekenet/banner1.png.png" border="0"></a><a href="http://bilgiliwebnet.tr.gg?in=7" target="_blank"><img src="http://img.webme.com/pic/b/bilgiliwebnet/baner.png" border="0"></a><a href="http://h-k-d.tr.gg?in=25" target="_blank"><img src="http://img.webme.com/pic/h/h-k-d/ban7.gif" border="0"></a><a href="http://double-maniac.tr.gg?in=23" target="_blank"><img src="http://img.webme.com/pic/d/double-maniac/doublemaniac.gif" border="0"></a>
<div style="text-align: center;"><img border="0" src="http://s1.directupload.net/images/100905/66gt4org.png" alt="" /><br />


</div>

</h3>
</div></td>
        <td width="6"> </td>
        <td width="629" align="left" valign="top"><div id="container"></div>

</td>
        <td width="4" align="left" valign="top"> </td>
        </tr>
    </table></td>
  </tr>
</table>
<table width="880" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="892" height="103" align="left" valign="top" background="http://s1.directupload.net/images/100905/yiq5czp5.png"><table width="900" cellpadding="0">
      <tr>
        <td width="25" height="31"> </td>
        <td width="414" align="center"> </td>
        <td width="451"> </td>
      </tr>
      <tr>
        <td height="60"> </td>
        <td align="center"><a href="http://wwebw.tr.gg/Web-Yarismasi.htm"><img border="0" src="http://img48.xooimage.com/files/a/8/2/wwebw-20068db.gif" style="width: 394px; height: 50px;" alt="" /></a><br /></td>
        <td> </td>
      </tr>
    </table></td>
  </tr>
</table>

iframe{border:Solid 6px #B7D6FF;}
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}

#modulenter[name]  { background-image:url(http://img.webme.com/pic/i/indexe/k15.png); }

#modulenter[email]  { background-image:url(http://img.webme.com/pic/i/indexe/k15.png); }

#modulenter[url]  { background-image:url(http://img.webme.com/pic/i/indexe/k15.png); }

#modulenter[text]  { background-image:url(http://img.webme.com/pic/i/indexe/k15.png); }

#kommentartext  { background-image:url(http://img.webme.com/pic/i/indexe/k15.png); }

body,td,th {
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
font-weight: normal;
}
body {
background-image: url(http://www.backgroundlabs.com/backgrounds/170.gif);
}
a {
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333399;
font-weight: normal;
}


/* menu */

#templatemo_menu ul {
    width: 860px;
    margin: 0 auto;
    padding: 0px;
    list-style: none;
}

#templatemo_menu ul li {
    padding: 0px;
    margin: 0px;
    display: inline;
}

#templatemo_menu ul li a {
    position: relative;
    float: left;
    width: 120px;
    display: block;
    height: 26px;
    padding: 12px 0 0 0;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    color: #070707;   
    font-weight: bold;
    outline: none;
}

#templatemo_menu li a:hover, #templatemo_menu li .current {
    color: #070707;
    background: url(http://s5.directupload.net/images/100901/yu5ye4vh.png) no-repeat center;
}
/* end of menu */


.bayrak {
    background:url(http://img.webme.com/pic/c/cupacup/sitedili.png) no-repeat;
    padding-left:2px;
    width:200px;
    padding-top:12px;
    height:50px;
}


<style type="text/css">

/*Cupacup Mavi Design Menü!*/

.markermenu{
width: 2000px; /*width of menu*/
}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 0px solid #9A9A9A;
}

.markermenu ul li a{
background: white url(http://s7.directupload.net/images/100905/i6ro2pfq.gif) no-repeat 2px center;
font: bold 13px "Century Gothic", Arial, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 0px solid #B5B5B5;
}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}


.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover{
color: black;
background-color: #ADD0FF;
background-image:url(http://s10.directupload.net/images/100905/8j9suirn.gif); /*onMouseover image change. Remove if none*/
}

/* Holly Hack for IE */
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
/* End */

</style>

<div id="tasarim">
<div id="ust"></div>
<div id="orta">
<div class="icerik">
<div id="slantedmenu">
<ul>
<li><a href="SAYFA LİNKİ">SAYFA ADI</a></li>
<li><a href="SAYFA LİNKİ">SAYFA ADI</a></li>
<li><a href="SAYFA LİNKİ">SAYFA ADI</a></li>
<li><a href="SAYFA LİNKİ">SAYFA ADI</a></li>
<li><a href="SAYFA LİNKİ">SAYFA ADI</a></li>
<li><a href="SAYFA LİNKİ">SAYFA ADI</a></li>
</ul>
</div>

</div>
</div>
</div>
<div id="alt"></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-left: auto}

* {padding: 0; margin:0 }

body {
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarimci-amca1/background.png) top center fixed;
}

#tasarim{
width: 678px;
margin-left: 335px;
margin-top: 50px;
}

#ust{
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarimci-amca1/ust.png);
width: 678px;
height: 19px;
float: left;
}

#orta{
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarimci-amca1/orta.png);
width: 678px;
height: 100%;
float: left;
}

.icerik {
width:658px;
float: left;
padding: 0 0 0 10px;
overflow: hidden;
text-align: justify;
}

#alt{
margin-left: 335px;
margin-right: auto;
background: url(http://img.webme.com/pic/t/tasarimci-amca1/alt.png);
width: 676px;
height: 33px;
float: left;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#slantedmenu{
font-weight: bold;
font-size: 90%;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #e0e0e0;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(http://www.dynamicdrive.com/cssexamples/media/slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited{
color: #494949;
}

#slantedmenu ul li a:hover{
color: black;
}

.hata, .ikaz, .tamam, .bilgi {
   margin-bottom: 1.5em;
   padding: 1em 1.5em 1em 5.5em;
   border-bottom: 2px solid #fff;
   border-top: 2px solid #fff;
   color: #444 }
 
.hata { background: #fbe3e4 url(http://img.webme.com/pic/m/mistanbul/hata.png) 2.2em center no-repeat; border-color: #e0011b }
 
   .hata a { color: #d12f19 }
 
.ikaz { background: #fff6bf url(http://img.webme.com/pic/m/mistanbul/ikaz.png) 2.2em center no-repeat; border-color: #ffd324 }
 
   .ikaz a { color: #817134 }
 
.tamam { background: #e9ffdd url(http://img.webme.com/pic/m/mistanbul/tamam.png) 2.2em center no-repeat; border-color: #72c868 }
 
   .tamam a { color: #529214 }
 
.bilgi { background: #e2ecee url(http://img.webme.com/pic/m/mistanbul/bilgi.png) 2.2em center no-repeat; border-color: #9ddae6 }
 
   .bilgi a { color: #2d7ba2 }
 
/* listeler */
.hata ul, .ikaz ul, .tamam ul, .bilgi ul {
   list-style: none;
   margin: 1.3em 1.5em }
 
.hata ul li, .ikaz ul li, .tamam ul li, .bilgi ul li { padding-left: 1.3em }
 
.hata ul li { background: url(http://img.webme.com/pic/m/mistanbul/hata-bullet.png)  0 0.55em no-repeat }
 
.ikaz ul li { background: url(http://img.webme.com/pic/m/mistanbul/ikaz-bullet.png)  0 0.55em no-repeat }
 
.tamam ul li { background: url(http://img.webme.com/pic/m/mistanbul/tamam-bullet.png) 0 0.55em no-repeat }
 
.bilgi ul li { background: url(http://img.webme.com/pic/m/mistanbul/bilgi-bullet.png) 0 0.55em no-repeat }

<div class="hata"><marquee>sagopa-blog tasarımı</marquee></div>

<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="http://ressim.net/a/upload/f81edd47.png" width="900" height="262" border="0" usemap="#Map"></td>
  </tr>
  <tr>
    <td height="337" valign="top" background="http://ressim.net/a/upload/eba513c0.png"><table width="900" height="219" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="38">&nbsp;</td>
        <td width="828" align="center" valign="top"><div id="content"></div>

</td>
        <td width="34">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="84" valign="top" background="http://ressim.net/a/upload/d1e099e0.png"><table width="900" height="64" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="40">&nbsp;</td>
        <td width="825"><p>&nbsp;</p>
          <p>asdsadsa</p></td>
        <td width="35">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>

<map name="Map"><area shape="rect" coords="48,208,173,249" href="http://berkandesign.tr.gg/">
<area shape="rect" coords="209,209,348,248" href="http://berkandesign.tr.gg/Benkimim.htm">
<area shape="rect" coords="392,209,539,247" href="http://berkandesign.tr.gg/Hizmetlerimiz.htm">
<area shape="rect" coords="577,205,725,248" href="http://berkandesign.tr.gg/Referanslar.htm">
<area shape="rect" coords="762,204,875,250" href="http://berkandesign.tr.gg/Iletisim.htm">
</map>

BODY { background: url(http://www.backgroundlabs.com/backgrounds/89.jpg) top right;        background-attachment: fixed }

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,td,th {
   font-family: Times New Roman, Times, serif;
   font-size: 16px;
}
a {
   font-family: Times New Roman, Times, serif;
   font-size: 14px;
   color: #EA9D0C;
}
a:link {
   text-decoration: none;
}
a:visited {
   text-decoration: none;
   color: #F8F7F0;
}
a:hover {
   text-decoration: none;
   color: #EA9D0C;
}
a:active {
   text-decoration: none;
   color: #F8F7F0;
}

<bilgi><style type="text/css">

#yapiyoruztopbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
width: 150px;
heihgt: 250px;
visibility: hidden;
z-index: 100;
}

</style> <script type="text/javascript">

/*DynamicDriver.com Tarafından Hazırlanıp Yapiyoruz.tr.gg Tarafından Düzenlenmistir*/

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("yapiyoruztopbar").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("yapiyoruztopbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("yapiyoruztopbar");
stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<div align="center"><font color="#000000"> </font>
<div id="yapiyoruztopbar"><font color="#000000">Yapıyoruz.tr.gg Tarafından Tamamen Özel Olarak Hazırlanan Blog Tasarım 25'e Hoş Geldiniz.Daha Fazlası İçin <a href="http://yapiyoruz.tr.gg/"><span style="text-decoration: underline;">Tıklayın</span>  <br />
</a><a onClick="closebar(); return false" href=""><img border="0" src="http://img.webme.com/pic/y/yapiyoruz/kapat.png" alt="" /></a> </font></div>
</div></bilgi><div id="govde">
  <div id="bas">
    <div class="logoduzen"></div>
    <div class="reklam-sag"><img src="http://img.webme.com/pic/y/yapiyoruz/25-reklam.gif" width="460" height="62" alt="reklam"></div>
    <div class="logo">
      <a href="#url">
      <script>
function image() {
};
image = new image();
yapiyoruz = 0;
// Resim Sırasına göre gösterir
image[yapiyoruz++] = '<img style="width: 225px; height: 150px" border="0" src="http://img.webme.com/pic/y/yapiyoruz/25-logo-1.png" /></a>'

image[yapiyoruz++] = '<img style="width: 225px; height: 150px" border="0" src="http://img.webme.com/pic/y/yapiyoruz/25-logo-2.png" /></a>'

image[yapiyoruz++] = '<img style="width: 225px; height: 150px" border="0" src="http://img.webme.com/pic/y/yapiyoruz/25-logo-3.png" /></a> '

image[yapiyoruz++] = '<img style="width: 225px; height: 150px" border="0" src="http://img.webme.com/pic/y/yapiyoruz/25-logo-4.png" /></a> '

image[yapiyoruz++] = '<img style="width: 225px; height: 150px" border="0" src="http://img.webme.com/pic/y/yapiyoruz/25-logo-5.png" /></a> '

yapiyoruz = Math.floor(Math.random() * yapiyoruz);
document.write(image[yapiyoruz]);
      </script>
    </a></div>
  </div>
  <div id="menu">
    <div class="menuic">
      <ul>
        <li><a href="#url">Anasayfa</a></li>
        <li><a href="#url">FORUM</a></li>
        <li><a href="#url">Hakkımızda</a></li>
        <li><a href="#url">Videolar</a></li>
        <li><a href="#url">Resimler</a></li>
        <li><a href="#url">Müzikler</a></li>
        <li><a href="#url">Blogum</a></li>
        <li><a href="#url">Market</a></li>
        <li><a href="#url">İletişim</a></li>
        <li><a href="http://yapiyoruz.tr.gg" alt="Tasarimin Adresi">Yapiyoruz</a></li>
      </ul>
    </div>
  </div>
  <div id="sayfadili">
    <div class="sayfadili"><a href="http://www.yapiyoruz.tr.gg"><img border="0" src="http://img.webme.com/pic/y/yapiyoruz/25-bayraktr.png" alt="" /></a> <a href="http://translate.google.com/translate?js=y&prev=_t&hl=tr&ie=UTF-8&layout=1&eotf=1&u=www.siten.tr.gg&sl=tr&tl=en"><img border="0" src="http://img.webme.com/pic/y/yapiyoruz/25-bayraking.png" alt="" /></a> <a href="http://translate.google.com/translate?js=y&prev=_t&hl=tr&ie=UTF-8&layout=1&eotf=1&u=www.siten.tr.gg&sl=tr&tl=es"><img border="0" src="http://img.webme.com/pic/y/yapiyoruz/25-bayrakes.png" alt="" /></a> <a href="http://translate.google.com/translate?hl=tr&sl=tr&tl=de&u=http%3A%2F%2Fwww.siten.tr.gg%2F"><img border="0" src="http://img.webme.com/pic/y/yapiyoruz/25-bayrakalm.png" alt="" /></a> <a href="http://translate.google.com/translate?hl=tr&sl=tr&tl=fr&u=http%3A%2F%2Fwww.siten.tr.gg%2F"><img border="0" src="http://img.webme.com/pic/y/yapiyoruz/25-bayrakfra.png" alt="" /></a><a href="http://translate.google.com/translate?hl=tr&sl=tr&tl=ru&u=http%3A%2F%2Fwww.siten.tr.gg%2F"><img width="22" height="22" border="0" src="http://img.webme.com/pic/y/yapiyoruz/25-bayrakwr2.png" alt="" /></a></div>
  </div>
  <div id="icerik">
    <div class="sag-icerik">
      <div id="content">
        <div class="s-bilgi">
          <div class="baslik-golge">(Bilgi) Tasarım 25'e Hoş Geldiniz Bu Tasarım Yapıyoruz.tr.gg Tarafından Özel Olarak Hazırlanmıştır.En İyi 1024*768 Mozilla Firefox 3.0+ Sürümlerinden Görüntülenir.Tasarımın Tüm Hakları ve Sorumlukları Sitemize Aittir.Sitemizden Alıntı Oldugu Belirtildiği Halinde Paylaşılması Serbesttir. </div>
        </div>
      </div>
      <br/>
      <br/>
      <div class="yeni-konu-icerik">
        <div class="yeni-konu">
          <table width="300" border="0">
            <tr>
              <td width="54" height="7" align="center" valign="bottom"></td>
              <td width="10" rowspan="2">&nbsp;</td>
              <td width="203" rowspan="2" class="baslik-golge">Buraya Konu Başlıgı #1</td>
              <td width="15" rowspan="2">&nbsp;</td>
            </tr>
            <tr>
              <td height="52" align="center" valign="top"><h3 class="baslik-golge"><strong>10 EKM</strong></h3></td>
            </tr>
          </table>
        </div>
        <table width="645" border="0">
          <tr>
            <td width="453" height="236" rowspan="2" align="left" valign="top"><p>Bu İçeriğe Kendi Konunuz Hakkında Bilgileri Yazınız.<br />
              ....</p>
              <ul>
                <li>İşaret #1</li>
                <li>İşaret #2</li>
                <li>İşaret #3</li>
                <li>İşaret #4</li>
                <li>İşaret #5</li>
                <li>İşaret #6</li>
              </ul>
              <p>İçerik Bolumu.</p>
              <hr />
              <p><span class="baslik-golge">Yazar:</span> Admin | <span class="baslik-golge">Tarih:</span> 10 Ekim 23:15 | <span class="baslik-golge">Bölüm:</span>Türkiyeden</p></td>
            <td width="89" height="113" align="left" valign="top"><img src="http://img.webme.com/pic/y/yapiyoruz/yeni-konu-resim1.jpg" width="84" height="115" alt="konu1" /></td>
            <td width="89" align="left" valign="top">&nbsp;</td>
          </tr>
          <tr>
            <td height="40" colspan="2" align="left" valign="top">&nbsp;</td>
          </tr>
        </table>
        <p><br/>
          <br/>
        </p>
      </div>
      <br/>
      <br/>
      <div class="yeni-konu-icerik">
        <div class="yeni-konu">
          <table width="300" border="0">
            <tr>
              <td width="54" height="7" align="center" valign="bottom"></td>
              <td width="10" rowspan="2">&nbsp;</td>
              <td width="203" rowspan="2" class="baslik-golge">Buraya Konu Başlıgı #2</td>
              <td width="15" rowspan="2">&nbsp;</td>
            </tr>
            <tr>
              <td height="52" align="center" valign="top"><h3 class="baslik-golge"><strong>11 EKM</strong></h3></td>
            </tr>
          </table>
        </div>
        <table width="643" border="0">
          <tr>
            <td width="432" height="236" rowspan="2" align="left" valign="top"><p>Bu İçeriğie Kendi Konunuz Hakkında Bilgileri Yazınız.<br />
              ....</p>
              <ul>
                <li>İşaret #1</li>
                <li>İşaret #2</li>
                <li>İşaret #3</li>
                <li>İşaret #4</li>
                <li>İşaret #5</li>
                <li>İşaret #6</li>
              </ul>
              <p>İçerik Bolumu.</p>
              <hr />
              <p><span class="baslik-golge">Yazar:</span> Admin | <span class="baslik-golge">Tarih:</span> 11 Ekim 20:45 | <span class="baslik-golge">Bölüm:</span>Genel</p></td>
            <td width="115" height="115" align="left" valign="top"><img src="http://img.webme.com/pic/y/yapiyoruz/25-yeni-konu-resim2.png" width="115" height="115" alt="konu1" /></td>
            <td width="82" align="left" valign="top">&nbsp;</td>
          </tr>
          <tr>
            <td colspan="2" align="left" valign="top">&nbsp;</td>
          </tr>
        </table>
        <p><br/>
          <br/>
        </p>
      </div>
      <br/>
      <br/>

 </div>
    <div class="sol-menu">
      <h5 class="baslik-golge"><a href="#url">Genel</a></h5>
      <ul>
        <li><a href="#url">Ana Sayfa</a></li>
        <li><a href="#url">Hakkimizda</a></li>
        <li><a href="#url">Forum</a></li>
        <li><a href="#url">İletişim</a></li>
        <li><a href="http://yapiyoruz.tr.gg">Yapiyoruz.tr.gg</a></li>
      </ul>
      <h5 class="baslik-golge"><a href="#url">Eğlence</a></h5>
      <ul>
        <li><a href="#url">Videolar</a></li>
        <li><a href="#url">Resimler</a></li>
        <li><a href="#url">Müzikler</a></li>
        <li><a href="#url">Blogum</a></li>
        <li><a href="#url">Market</a></li>
        <li><a href="http://yapiyoruz.tr.gg">Yapiyoruz.tr.gg</a></li>
      </ul>
      <h5 class="baslik-golge"><a href="#url">Türkiyeden</a></h5>
      <ul>
        <li><a href="#url">Gazeteler</a></li>
        <li><a href="#url">Haberler</a></li>
        <li><a href="#url">Diziler</a></li>
        <li><a href="#url">Filmler</a></li>
        <li><a href="#url">Vizyondakiler</a></li>
        <li><a href="http://yapiyoruz.tr.gg">Yapiyoruz.tr.gg</a></li>
      </ul>
      <h5 class="baslik-golge"><a href="#url">B-S Yardım</a></h5>
      <ul>
        <li><a href="#url">Tasarımlar</a></li>
        <li><a href="#url">Kodlar</a></li>
        <li><a href="#url">HTML Deneme</a></li>
        <li><a href="http://yapiyoruz.tr.gg">Yapiyoruz.tr.gg</a></li>
      </ul>
    </div>
    <div class="icerik-duzen"></div>
  </div>
  <div id="copr">
    <div class="link-tks-sag">
      <ul>
        <li><a href="#url">Link Takas 1</a></li>
        <li><a href="#url">Link Takas 2</a></li>
        <li><a href="#url">Link Takas 3</a></li>
        <li><a href="#url">Link Takas 4</a></li>
      </ul>
    </div>
    <div class="istatistik-sol">
      <ul>
        <li><a href="#url">Bugun: [visits]</a></li>
        <li><a href="#url">Tıklanma [hits]</a></li>
        <li><a href="#url">İp: [ip]</a></li>
      </ul>
    </div>
    <div class="ustduzen"></div>
</div>

/*Tasarim Yapiyoruz.tr.gg Tarafindan Ozel Olarak Hazirlanmistir*/

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, Geneva, sans-serif;
   font-size: 12px;
   color: #000;
}
body {
   background-image: url(http://img.webme.com/pic/y/yapiyoruz/25-arka.png);
   background-position:center top;
   background-attachment:fixed;
}
a {
   font-family: Verdana, Geneva, sans-serif;
   font-size: 12px;
   color: #000;
}
a:link {
   text-decoration: none;
}
.icerik-duzen {
   clear: both;
}
a:visited {
   text-decoration: none;
   color: #000;
}
a:hover {
   text-decoration: none;
   color: #06F;
}
a:active {
   text-decoration: none;
   color: #000;
}
#govde {
   height: auto;
   width: 1024px;
   margin-right: auto;
   margin-left: auto;
}
#bas {
   background-image: url(http://img.webme.com/pic/y/yapiyoruz/25_01.gif);
   height: 217px;
   width: 1024px;
}
.logo {
   height: 150px;
   width: 225px;
   margin-top: 35px;
   margin-left: 130px;
   float: left;
}
.reklam-sag {
   float: right;
   height: 62px;
   width: 460px;
   margin-top: 83px;
   margin-right: 120px;
}
.ustduzen {
   clear: both;
}
.logoduzen {
   height: 5px;
   width: 1px;
}
#menu {
   background-image: url(http://img.webme.com/pic/y/yapiyoruz/25_02.gif);
   height: 56px;
   width: 1024px;
}
#sayfadili {
   background-image: url(http://img.webme.com/pic/y/yapiyoruz/25_03.png);
   height: 61px;
   width: 1024px;
}
.sayfadili {
   padding-left:2px;
   width:200px;
   padding-top:12px;
   height:50px;
   float: right;
   margin-top: 8px;
   margin-right: 90px;
}
.menuic {
   height: 51px;
   width: 877px;
   margin-left: 78px;
}
#govde #menu .menuic ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}
#govde #menu .menuic ul li {
   float: left;
}
#govde #menu .menuic ul li a {
   font-size: 12px;
   color: #000;
   text-decoration: none;
   display: block;
   padding-top: 17px;
   padding-right: 17px;
   padding-bottom: 18px;
   padding-left: 17px;
   margin-top: 2px;
}
#govde #menu .menuic ul li a:hover {
   background-image: url(http://site.mynet.com/yapiyoruz2010/25-menu-hover.png);
   background-repeat: repeat-x;
}
#icerik {
   background-image: url(http://img.webme.com/pic/y/yapiyoruz/25_04.gif);
   height: auto;
   width: 1024px;
}
.sol-menu {
   float: left;
   height: auto;
   width: 175px;
   margin-left: 83px;
}
#govde #icerik .sol-menu h5 {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}
#govde #icerik .sol-menu h5 a {
   background-image: url(http://img.webme.com/pic/y/yapiyoruz/25-konubaslik.png);
   background-repeat: no-repeat;
   display: block;
   padding: 4px;
   color: #FFF;
   text-decoration: none;
}
.sag-icerik {
   float: right;
   height: auto;
   width: 680px;
   margin-right: 84px;
}
.baslik-golge {
   text-shadow: 1px 1px 1px black;
   font-weight: bold;
   color: #FFF;
   text-decoration: none;
}
.s-bilgi {
   line-height: 22px;
   color: #FFF;
   text-decoration: none;
   background-color: #EAC07B;
   height: auto;
   width: 668px;
   padding-top: 2px;
   padding-left: 10px;
   border-top-width: 1px;
   border-bottom-width: 1px;
   border-top-style: solid;
   border-bottom-style: solid;
   border-top-color: #000;
   border-bottom-color: #000;
   background-image: url(http://img.webme.com/pic/y/yapiyoruz/25-s-bilgi-buton.png);
   background-repeat: no-repeat;
   background-position: right top;
   font-weight: bold;
}
.yeni-konu {
   background-image: url(http://img.webme.com/pic/y/yapiyoruz/25-yeni-konu.png);
   background-repeat: no-repeat;
   display: block;
   padding: 2px;
   height: 64px;
   width: 300px;
   background-position: 5px;
}
.yeni-konu-icerik {
   background-color: #D7952A;
   padding: 2px;
   height: auto;
   width: 670px;
   border: 1px double #000;
   background-image: url(http://img.webme.com/pic/y/yapiyoruz/25-yeni-konu-isaret.png);
   background-repeat: no-repeat;
   background-position: right top;
}
.istatistik-sol {
   color: #FFF;
   text-decoration: none;
   display: block;
   height: 22px;
   width: 355px;
   margin-top: 15px;
   margin-left: 155px;
   float: left;
}
.link-tks-sag {
   float: right;
   height: 22px;
   width: 350px;
   margin-top: 16px;
   margin-right: 90px;   
}
#copr .link-tks-sag ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}
#copr .link-tks-sag ul li {
   float: left;
}
#copr .link-tks-sag ul li a {
   display: block;
   color: #FFF;
   font-weight: bold;
   text-decoration: none;
   padding-top: 5px;
   padding-left: 3px;
   text-shadow: 1px 1px 1px black;
}
#copr .link-tks-sag ul li a:hover {
   text-shadow: 1px 1px 1px blue;
}
#copr .istatistik-sol ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}
#copr .istatistik-sol ul li {
   float: left;
}
#copr .istatistik-sol ul li a {
   color: #FFF;
   text-decoration: none;
   display: block;
   padding-top: 5px;
   padding-left: 3px;
   text-shadow: 1px 1px 1px black;
}
#copr {
   background-image: url(http://img.webme.com/pic/y/yapiyoruz/25_05.png);
   height: 66px;
   width: 1024px;
}
#govde #icerik .sol-menu ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}
#govde #icerik .sol-menu ul li a {
   color: #000;
   text-decoration: none;
   display: block;
   padding: 3px;
}
#govde #icerik .sol-menu ul li a:hover {
   background-image: url(http://img.webme.com/pic/y/yapiyoruz/25-sag-menu-hover.png);
}

table {margin-left: auto;margin-right: auto}

#kommentartext {

background-image:url(http://img4.imageshack.us/img4/4761/mesajfn.png);

<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="http://ressim.net/a/upload/230e9323.png" width="900" height="168" border="0" usemap="#Map"></td>
  </tr>
  <tr>
    <td height="333" valign="top" background="http://ressim.net/a/upload/7ea21feb.png"><table width="900" height="310" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="9" valign="top"> </td>
        <td width="881" valign="top"><div align="center"><div id="content"></div>

</td>
        <td width="10" valign="top"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><img src="http://ressim.net/a/upload/9b513cf1.png" width="900" height="90"></td>
  </tr>
</table>

<map name="Map"><area shape="rect" coords="10,84,106,118" href="http://berkandesign.tr.gg/">
<area shape="rect" coords="137,89,254,116" href="http://berkandesign.tr.gg/Benkimim.htm">
<area shape="rect" coords="296,88,412,119" href="http://berkandesign.tr.gg/Hizmetlerimiz.htm">
<area shape="rect" coords="445,93,564,116" href="http://berkandesign.tr.gg/Referanslar.htm">
<area shape="rect" coords="592,90,668,117" href="http://berkandesign.tr.gg/Iletisim.htm">
<area shape="rect" coords="707,88,783,117" href="http://berkandesign.tr.gg/GrafikDersleri.htm">
<area shape="rect" coords="820,89,883,117" href="http://berkandesign.tr.gg/Defter.htm">
<area shape="rect" coords="654,127,875,147" href="http://berkandesign.tr.gg/Iletisim.htm">
</map>

<div style="text-align: center"><!-- REALIST - Sayac Kodu --><script language="JavaScript" type="text/javascript" src="http://www.realist.gen.tr/realist.php?id=60509">
</script><span style="color: rgb(255,255,255)"><span style="font-family: Arial"><br />
<a href="http://www.BerkanDesign.net">www.BerkanDesign.net</a> | admin( at )berkandesign.net</span></span></div>

BODY { background: url(http://www.backgroundlabs.com/backgrounds/89.jpg) top right;        background-attachment: fixed }

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,td,th {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #3B3B3B;
}
a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #3B3B3B;
}
a:link {
   text-decoration: none;
}
a:visited {
   text-decoration: none;
   color: #8A8A8A;
}
a:hover {
   text-decoration: none;
   color: #8A8A8A;
}
a:active {
   text-decoration: none;
   color: #E8E6E6;
}

<table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="http://www.hizliupload.com/img/brkndesign.png" width="950" height="87" border="0" usemap="#Map"></td>
  </tr>
  <tr>
    <td height="354" valign="top" background="http://www.hizliupload.com/img/brkndeidi.png"><table width="950" height="301" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="9" valign="top"> </td>
        <td width="933" align="center" valign="top"><div id="content"></div>

</td>
        <td width="10" valign="top"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="208" valign="middle" background="http://www.hizliupload.com/img/brkndemnm.png"><table width="950" height="154" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="10"> </td>
        <td width="352" valign="top"><p>» <a href="http://berkandesign.tr.gg/PsDersleri.htm">Görsel Photoshop Dersleri</a></p>
          <p>» <a href="http://berkandesign.tr.gg/DwDersleri.htm">Görsel Dreamweaver Dersleri</a></p>
          <p>» <a href="http://berkandesign.tr.gg/FlashDersleri.htm">Görsel Adobe Flash Dersleri</a></p>
          <p>» <a href="http://berkandesign.tr.gg/DersIstekleri.htm">Sizin Ders İstekleriniz</a></p></td>
        <td width="14"> </td>
        <td width="353" valign="top"><p>» <a href="http://berkandesign.tr.gg/Referanslar.htm">Güncel Referans Listesi</a></p>
          <p>» <a href="http://berkandesign.tr.gg/Iletisim.htm">Diğer Grafik İstekleriniz</a></p>
          <p>» <a href="http://berkandesign.tr.gg/Iletisim.htm">Ücretsiz Grafik İstekleri</a></p>
          <p>» <a href="http://berkandesign.tr.gg/Indir.htm">Grafik Programları İndir</a></p></td>
        <td width="221" align="center" valign="top"><p>« Site İstatistiklerim »</p>
          <p>Eklenicek</p>
          <p>Eklenicek</p>
          <p>Eklenicek</p></td>
      </tr>
    </table></td>
  </tr>
</table>

<map name="Map"><area shape="rect" coords="8,8,130,62" href="http://berkandesign.tr.gg/">
<area shape="rect" coords="151,12,277,65" href="http://berkandesign.tr.gg/Benkimim.htm">
<area shape="rect" coords="301,14,423,67" href="http://berkandesign.tr.gg/Hizmetlerimiz.htm">
<area shape="rect" coords="439,14,570,67" href="http://berkandesign.tr.gg/Referanslar.htm">
<area shape="rect" coords="585,13,709,68" href="http://berkandesign.tr.gg/Referanslar.htm">
</map>

BODY { background: url(http://www.backgroundlabs.com/backgrounds/152.gif) top right;        background-attachment: fixed }

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,td,th {
   font-family: Times New Roman, Times, serif;
   color: #000000;
}
a {
   font-family: Times New Roman, Times, serif;
   color: #000000;
}
a:link {
   text-decoration: none;
}
a:visited {
   text-decoration: none;
   color: #000000;
}
a:hover {
   text-decoration: none;
   color: #FF0000;
}
a:active {
   text-decoration: none;
   color: #FF0000;
}

<table width="780" cellspacing="0" cellpadding="0" border="0" align="center">
    <tbody>
        <tr>
            <!-- top left corner -->
            <td height="32" width="32" style="width: 32px; height: 32px; background: url(&quot;http://i54.tinypic.com/qnlc89.png&quot;) repeat-y scroll 0% 0% transparent;">&nbsp;</td>
            <!-- top border -->
            <td height="32" width="716" style="width: 716px; height: 32px; background: url(&quot;http://i52.tinypic.com/2v3j66d.png&quot;) repeat-x scroll 0% 0% transparent;">&nbsp;</td>
            <!-- top right corner -->
            <td height="32" width="32" style="width: 32px; height: 32px; background: url(&quot;http://i55.tinypic.com/2elxhsw.png&quot;) no-repeat scroll 0% 0% transparent;">&nbsp;</td>
        </tr>
        <tr>
            <!-- border left -->
            <td style="width: 32px; background: url(&quot;http://i56.tinypic.com/2hfuzkp.png&quot;) repeat-y scroll 0% 0% transparent;">&nbsp;</td>
            <!-- content -->
            <td style="background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 10px;">

            <div id="contenu"><em><br />
            </em></div>
            </td>
            <!-- border right -->
            <td height="100%" width="32" style="width: 32px; background: url(&quot;http://i51.tinypic.com/2zdvleg.png&quot;) repeat-y scroll 0% 0% transparent;">&nbsp;</td>
        </tr>
        <tr>
            <!-- bottom left corner -->
            <td height="32" width="32" style="width: 32px; height: 32px; background: url(&quot;http://i53.tinypic.com/15s56qt.png&quot;) repeat-y scroll 0% 0% transparent;">&nbsp;</td>
            <!-- bottom border -->
            <td height="32" width="716" style="width: 716px; height: 32px; background: url(&quot;http://i52.tinypic.com/2ia4kd1.png&quot;) repeat-x scroll 0% 0% transparent;">&nbsp;</td>
            <!-- bottom right corner -->
            <td height="32" width="32" style="width: 32px; height: 32px; background: url(&quot;http://i55.tinypic.com/35aq354.png&quot;) repeat-y scroll 0% 0% transparent;">&nbsp;</td>
        </tr>
    </tbody>
</table>
<div style="text-align: center;"><strong>Npt Music Tarafından Yapılmıştır</strong></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;}

body,td,th {
   font-family: Times New Roman, Times, serif;
   color: #000000;
}
a {
   font-family: Times New Roman, Times, serif;
   color: #000000;
}
a:link {
   text-decoration: none;
}
a:visited {
   text-decoration: none;
   color: #000000;
}
a:hover {
   text-decoration: none;
   color: #FF0000;
}
a:active {
   text-decoration: none;
   color: #FF0000;
}