Olcay İpek

Kutuların İçindeki Kodları Ctrl+a Yaparak Kopyalayın

Tasarım Üzerine
<!-- Save for Web Slices (Untitled-1) --> <table width="900" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01"> <tr> <td height="33" valign="top" background="https://img.webme.com/pic/b/bilgi-depom/tasarim-basligi.png"> </td> </tr> <tr> <td valign="top" background="https://img.webme.com/pic/b/bilgi-depom/tasarim-orta.png"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="4%" height="95"> </td> <td width="38%"><div align="center"><img src="https://img.webme.com/pic/b/bilgi-depom/bilgi-depom-logo.png" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/bilgi-depom-logo.png" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/bilgi-depom-logo.png" width="331" height="102" /></div></td> <td width="58%"><a target="_blank" href="http://bilgi-depom.tr.gg/iletisim.htm" _fcksavedurl="http://bilgi-depom.tr.gg/iletisim.htm" _fcksavedurl="http://bilgi-depom.tr.gg/iletisim.htm"><img border="0" alt="" src="https://img.webme.com/pic/b/bilgi-depom/reklam-alani-banneri19.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/reklam-alani-banneri19.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/reklam-alani-banneri19.gif" style="width: 468px; height: 68px;" /></div></td> <td width="0%"> </td> </tr> </table> </td> </tr> <tr> <td valign="top" background="https://img.webme.com/pic/b/bilgi-depom/tasarim-arkasi.png"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="4%" rowspan="3"> </td> <td colspan="2"> <div id="menu"> <ul> <li><a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/">Ana Sayfa</a></li> <li><a href="http://bilgi-depom.tr.gg/Forum/index.htm" _fcksavedurl="http://bilgi-depom.tr.gg/Forum/index.htm" _fcksavedurl="http://bilgi-depom.tr.gg/Forum/index.htm">Forum</a></li> <li><a href="http://bilgi-depom.tr.gg/gazete.htm" _fcksavedurl="http://bilgi-depom.tr.gg/gazete.htm" _fcksavedurl="http://bilgi-depom.tr.gg/gazete.htm">Gazete</a></li> <li><a href="http://bilgi-depom.tr.gg/top-liste.htm" _fcksavedurl="http://bilgi-depom.tr.gg/top-liste.htm" _fcksavedurl="http://bilgi-depom.tr.gg/top-liste.htm">Top Liste</a></li> <li><a href="http://bilgi-depom.tr.gg/reklamlar.htm" _fcksavedurl="http://bilgi-depom.tr.gg/reklamlar.htm" _fcksavedurl="http://bilgi-depom.tr.gg/reklamlar.htm">Reklamlar</a></li> <li><a href="http://bilgi-depom.tr.gg/hakkimda.htm" _fcksavedurl="http://bilgi-depom.tr.gg/hakkimda.htm" _fcksavedurl="http://bilgi-depom.tr.gg/hakkimda.htm">Hakkımda</a></li> <li><a href="http://bilgi-depom.tr.gg/sitemize-destek-olun.htm" _fcksavedurl="http://bilgi-depom.tr.gg/sitemize-destek-olun.htm" _fcksavedurl="http://bilgi-depom.tr.gg/sitemize-destek-olun.htm">Destek Ol</a></li> <li><a href="http://bilgi-depom.tr.gg/ziyaretci-defteri.htm" _fcksavedurl="http://bilgi-depom.tr.gg/ziyaretci-defteri.htm" _fcksavedurl="http://bilgi-depom.tr.gg/ziyaretci-defteri.htm">Ziyaretçi Defteri</a></li> <li><a href="http://bilgi-depom.tr.gg/iletisim.htm" _fcksavedurl="http://bilgi-depom.tr.gg/iletisim.htm" _fcksavedurl="http://bilgi-depom.tr.gg/iletisim.htm">İletişim</a></li> <br style="clear:both" /> </ul> </div> </td> <td width="3%" rowspan="3"> </td> </tr> <tr> <td width="62%" height="872" rowspan="2" valign="top"><br /> <table id="Table_3" width="560" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="32" colspan="3" valign="middle" background="https://img.webme.com/pic/b/bilgi-depom/icerik-bolumu.png"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="2%"> </td> <td width="59%"><div align="left" class="stil10"><marquee> Duyuru</marquee></div></td> <td width="9%"> </td> <td width="28%"><div align="center" class="stil10"> <script language="javascript" src="http://in.sitekodlari.com/saat.js"></script> </div></td> <td width="2%"> </td> </tr> </table></td> </tr> <tr> <td colspan="3" valign="top" background="https://img.webme.com/pic/b/bilgi-depom/alt-icerik-bolumu.png"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="2%"> </td> <td width="96%" valign="top"> <div id="content">

Tasarım Altına
</div> </td> <td width="2%"> </td> </tr> </table></td> </tr> <tr> <td height="18" colspan="3" valign="top" background="https://img.webme.com/pic/b/bilgi-depom/alt-icerik-bolumu.png"> </td> </tr> <tr> <td width="6" height="19" valign="top" background="https://img.webme.com/pic/b/bilgi-depom/icerik-bolumu1.png</td> <td width="463" valign="top" background="https://img.webme.com/pic/b/bilgi-depom/icerik-bolumu1.png"><div align="left"></div></td> <td width="91" valign="top" background="https://img.webme.com/pic/b/bilgi-depom/icerik-bolumu1.png"><div align="center"></div></td> </tr> </table> </td> <td width="31%" valign="top"><table width="276" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_"> <tr> <td valign="top"><img id="menu_01" src="https://img.webme.com/pic/b/bilgi-depom/uye-girisi.png" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/uye-girisi.png" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/uye-girisi.png" width="276" height="57" alt="." /></td> </tr> <tr> <td valign="top" background="https://img.webme.com/pic/b/bilgi-depom/menu-yan-cizgisi.png"><table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td><div class="icerik"> <form action="Forum/index.htm" method="get" name="http://bilgi-depom.tr.gg/Forum/index.htm"> <div class="panel"><input type="text" value="Kullanıcı Adı" onblur_fckprotectedatt_fckprotectedatt="%20onblur_fckprotectedatt%3D%22%2520onblur%253D%2522if(this.value%253D%253D'')%2520%257B%2520this.value%253D'Kullan%25C4%25B1c%25C4%25B1%2520Ad%25C4%25B1'%253B%2520%257D%2522%22" onfocus_fckprotectedatt_fckprotectedatt="%20onfocus_fckprotectedatt%3D%22%2520onfocus%253D%2522if(this.value%2520%253D%253D%2520'Kullan%25C4%25B1c%25C4%25B1%2520Ad%25C4%25B1')%2520%257B%2520this.value%253D''%253B%2520%257D%2522%22" id="nick" name="modulenter[nick]" /> <br /> <input type="password" value="Şifre" onblur_fckprotectedatt_fckprotectedatt="%20onblur_fckprotectedatt%3D%22%2520onblur%253D%2522if(this.value%253D%253D'')%2520%257B%2520this.value%253D'%25C5%259Eifre'%253B%2520%257D%2522%22" onfocus_fckprotectedatt_fckprotectedatt="%20onfocus_fckprotectedatt%3D%22%2520onfocus%253D%2522if(this.value%2520%253D%253D%2520'%25C5%259Eifre')%2520%257B%2520this.value%253D''%253B%2520%257D%2522%22" id="sifre" name="modulenter[pwd]" /> <br /> <input type="submit" value=" " class="buton" /></div> </form> <div style="text-align: center;"><a href="http://bilgi-depom.tr.gg/Forum/anmelden.htm" _fcksavedurl="http://bilgi-depom.tr.gg/Forum/anmelden.htm"><span style="color: rgb(255, 0, 0);"><strong>Üye Ol</strong></span></a></div> </div></td> </tr> </table></td> </tr> <tr> <td valign="top"><img id="menu_04" src="http://zeytinkopugu.com/Freecss/images/menu_04.png" _fcksavedurl="http://zeytinkopugu.com/Freecss/images/menu_04.png" _fcksavedurl="http://zeytinkopugu.com/Freecss/images/menu_04.png" width="276" height="55" alt="." /></td> </tr> <tr> <td valign="top" background="https://img.webme.com/pic/b/bilgi-depom/menu-yan-cizgisi.png"><table width="87%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td background="http://zeytinkopugu.com/Freecss/images/menu_baslik.png"><div id="anamenu"> <ul> <li> <div align="left"><a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" tabindex="1"><span class="stil9">Ana Sayfa</span></a></div> </li> <li> <div align="left"><a href="http://bilgi-depom.tr.gg/Forum/index.htm" _fcksavedurl="http://bilgi-depom.tr.gg/Forum/index.htm" _fcksavedurl="http://bilgi-depom.tr.gg/Forum/index.htm" tabindex="2"><span class="stil9">Forum</span></a></div> </li> <li> <div align="left"><a href="http://bilgi-depom.tr.gg/tasarimlar.htm" _fcksavedurl="http://bilgi-depom.tr.gg/tasarimlar.htm" _fcksavedurl="http://bilgi-depom.tr.gg/tasarimlar.htm" tabindex="3"><span class="stil9">Css Tasarımlar</span></a></div> </li> <li> <div align="left"><a href="http://bilgi-depom.tr.gg/html-kodlari-sayfa-1.htm" _fcksavedurl="http://bilgi-depom.tr.gg/html-kodlari-sayfa-1.htm" _fcksavedurl="http://bilgi-depom.tr.gg/html-kodlari-sayfa-1.htm" tabindex="4"><span class="stil9">Html Kodlar</span></a></div> </li> <li> <div align="left"><a href="http://bilgi-depom.tr.gg/fbml-kodlar.htm" _fcksavedurl="http://bilgi-depom.tr.gg/fbml-kodlar.htm" _fcksavedurl="http://bilgi-depom.tr.gg/fbml-kodlar.htm" tabindex="6"><span class="stil9">Fbml Kodlar</span></a></div> </li> </ul> </div></td> </tr> </table> <div align="center"></div></td> </tr> <tr> <td valign="top"><img id="menu_06" src="https://img.webme.com/pic/b/bilgi-depom/tasarim-arkasi-resmi.png" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/tasarim-arkasi-resmi.png" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/tasarim-arkasi-resmi.png" width="276" height="58" alt="." /></td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="83"><div align="center"> </a></div></td> </tr> </table> <br /> <br /> <br /></td> </tr> <tr> <td height="23" valign="top"> </td> </tr> </table> <br /> <table width="99%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="3%" height="32"> </td> <td width="1%"> </td> <td width="94%" background="https://img.webme.com/pic/b/bilgi-depom/icerik-bolumu1.png"><div align="center" class="stil11">Tüm Hakları Saklıdır. © 2010 l Burhan BAHAR</div></td> <td width="2%"> </td> </tr> </table> </td> </tr> <tr> <td height="55" valign="top" background="https://img.webme.com/pic/b/bilgi-depom/tasarim-alt-taraf-resmi.png"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><div align="center"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td width="19%"><div align="center"></div></td> </tr> </tbody> </table> <div align="center"><br /> </div> </div></td> </tr> </table></td> </tr> </table> <!-- End Save for Web Slices -->

Css Koduna
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} table {margin-left: auto;margin-right: auto} <style type="text/css"> body,td,th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } body { background: url(https://img.webme.com/pic/b/bilgi-depom/tasarim-arkasi-cizgileri.png) top left repeat; color: #000000; font-family: Verdana; font-size: 13px; line-height: 1.4; height: 100%; padding: 0; } </style> <style> #anamenu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; width: 160px; padding: 0px; margin: 0px; border:1px; border-color:#000000; } #anamenu h1 { display: block; font-size: 90%; padding: 3px 0 5px 3px; border:none; border-color:#FFFFFF; color: #333333; margin: 0px; width:159px; } #anamenu ul { list-style: none; margin: 0px; padding: 0px; border: none; } #anamenu ul li { margin: 0px; padding: 0px; } #anamenu ul li a { font-size: 80%; display: block; border-bottom: 1px dashed #27a7d6; padding: 5px 0px 2px 4px; text-decoration: none; color: #666666; width:223px; } #anamenu ul li a:hover, #anamenu ul li a:focus { color: #000000; background-color: #d5d5d5; } .stil9 {font-size: 12px} .stil10 { color: #FFFFFF; font-weight: bold; } a:link { color: #000000; text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } .stil11 {color: #000000; font-weight: bold; } /*==================== Kullanici Giris kutusu ========================= */ .panel { width: 230px; margin: auto; } .panel input#nick {/*Nick iletisim kutusu*/ padding: 4px 8px 4px 34px; border: none; background: url(https://img.webme.com/pic/b/bilgi-depom/kullanici-girisi.png) top left no-repeat; width: 128px; } .panel input#nick:focus {/*Nick iletisim kutusu SECILI*/ background: url(https://img.webme.com/pic/b/bilgi-depom/kullanici-girisi.png) left -24px no-repeat; } .panel input#sifre { /*Sifre iletisim kutusu*/ padding: 4px 8px 4px 34px; border: none; background: url(http://zeytinkopugu.com/Freecss/img/sifre.png) top left no-repeat; width: 128px; } .panel input#sifre:focus {/*Sifre iletisim kutusu SECILI*/ background: url(http://zeytinkopugu.com/Freecss/img/sifre.png) left -24px no-repeat; } .buton {/*Giris Buton*/ width: 74px; height: 24px; background: url(https://img.webme.com/pic/b/bilgi-depom/giris-butonu.png) left 0px no-repeat; border: 0; cursor: pointer; } .buton:hover { /*Giris Buton Hover*/ background: url(https://img.webme.com/pic/b/bilgi-depom/giris-butonu.png) left -24px no-repeat; border: 0; } #wrap {width:880px;margin:0 auto; padding:20px} #menu {font:14px arial, verdana, sans-serif;-moz-box-shadow:0px 2px 5px 2px #999; -webkit-box-shadow: 0px 2px 5px 2px #999;} /* Burada menümüze bir miktar gölge veriyoruz */ #menu ul{background:#fff url(https://img.webme.com/pic/b/bilgi-depom/menu-cizgileri.gif) repeat-x;margin:0;padding:0;list-style:none;border:1px solid #c0c0c0;padding:10px 0px 10px 0px;} #menu li{margin:0;display:inline;float:left;padding:0px;} #menu ul li a {padding:10px;color:#444;text-decoration:none;} /* Menü bağlantılarımızı burada tanımlıyoruz */ #menu ul li a:hover { /* Bağlantılarımızın hover durumundaki tanımlamalarını yapıyoruz */ padding:10px; background:#6a6a6a url(https://img.webme.com/pic/b/bilgi-depom/siyah-cizgi.gif) repeat-x; color:#fff; text-decoration:none; -moz-box-shadow:0px 2px 5px 2px #6a6a6a; /* Bu iki satırda gölge tanımlamaları yapılıyor. */ -webkit-box-shadow: 0px 2px 5px 2px #6a6a6a; -moz-border-radius: 0px 0px 4px 4px; /* Bu iki satırda ise yuvarlak köşeler için tanımlamalar yapılıyor */ -webkit-border-radius: 0px 0px 4px 4px; } /* Buradan sonraki satırlar önizleme sayfamızda yaptığımız açıklama alanlarını tanımlıor */ .bilgi {margin:0 auto;width:860px;background:#eee;color:#333;border:2px solid #ddd;margin:30px 0px 10px 0px;padding:10px;font:14px/24px arial, verdana, sans-serif;text-align:left;} .bilgi h2 {font:bold 18px arial, verdana, sans-serif;color:#f91365;} .bilgi a {color:#fff; background:#2e83ff;padding:4px;text-decoration:none} .bilgi a:hover {color:#fff; background:#333;padding:4px;text-decoration:none} .bilgi em {border-bottom:1px solid #999;} </style>