Grafiker Tasarımı

tarafından ßyFurkan Ptsi Nis. 04, 2011 5:28 am

Tasarımın Resmi:
[Resimleri görebilmek için üye olun veya giriş yapın.]

Tümünü Seç:Ctrl+A
Kopyala:Ctrl+C

Tasarımın üstü:

Kod::  <table width="900" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01"> <tr> <td height="33" valign="top" background="http://img.webme.com/pic/b/bilgi-depom/tasarim-basligi.png"> </td> </tr> <tr> <td valign="top" background="http://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="http://img.webme.com/pic/b/bilgilisayfa/biligili-sayfalogo-.png" _fcksavedurl="http://img.webme.com/pic/b/bilgilisayfa/biligili-sayfalogo-.png" _fcksavedurl="http://img.webme.com/pic/b/bilgi-depom/bilgi-depom-logo.png" _fcksavedurl="http://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" _fcksavedurl="">  <script language="JavaScript" type="text/javascript"> codeID = 40768; memberID = 5579; siteID = 9806; channelID = 11731; ptypeID = 1; dimWidth = 468; dimHeight = 60; </script> <script language="JavaScript" src="http://ads.adport.com.tr/seeBanner.js"></script>  </tr> </table> </td> </tr> <tr> <td valign="top" background="http://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://bilgilisayfa.tr.gg/" _fcksavedurl="http://bilgilisayfa.tr.gg/" _fcksavedurl="http://bilgilisite.tr.gg/" _fcksavedurl="http://bilgilisite.tr.gg/">Ana Sayfa</a></li> <li><a href="http://bilgilisayfa.tr.gg/Forum/index.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/Forum/index.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/Forum/index.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/Forum/index.htm">Forum</a></li> <li><a href="http://bilgilisayfa.tr.gg/Ataturk_kosesi.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/Ataturk_kosesi.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/Ataturk_kosesi.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/Ataturk_kosesi.htm">Atatürk Köşesi</a></li> <li><a href="http://bilgilisayfa.tr.gg/muzik.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/muzik.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/muzik.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/muzik.htm">Müzik</a></li> <li><a href="http://bilgilisayfa.tr.gg/islam.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/islam.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/islam.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/islam.htm">İslam</a></li> <li><a href="http://bilgilisayfa.tr.gg/hakkimizda.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/hakkimizda.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/hakkimizda.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/hakkimizda.htm">Hakkımızda</a></li> <li><a href="http://bilgilisayfa.tr.gg/cizgifilim.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/cizgifilim.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/cizgifilim.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/cizgifilim.htm">ÇizgiFilm</a></li> <li><a href="http://bilgilisayfa.tr.gg/ziyaretcidefteri.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/ziyaretcidefteri.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/ziyaretcidefteri.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/ziyaretcidefteri.htm">Ziyaretçi Defteri</a></li> <li><a href="http://bilgilisayfa.tr.gg/iletisim.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/iletisim.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/iletisim.htm" _fcksavedurl="http://bilgilisayfa.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="http://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> BilgiliSayfa.Tr.Gg </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="http://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ın altı:

Kod:: </div> </td> <td width="2%"> </td> </tr> </table></td> </tr> <tr> <td height="18" colspan="3" valign="top" background="http://img.webme.com/pic/b/bilgi-depom/alt-icerik-bolumu.png"> </td> </tr> <tr> <td width="6" height="19" valign="top" background="http://img.webme.com/pic/b/bilgi-depom/icerik-bolumu1.png</td> <td width="463" valign="top" background="http://img.webme.com/pic/b/bilgi-depom/icerik-bolumu1.png"><div align="left"></div></td> <td width="91" valign="top" background="http://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="http://img.webme.com/pic/b/bilgi-depom/uye-girisi.png" _fcksavedurl="http://img.webme.com/pic/b/bilgi-depom/uye-girisi.png" _fcksavedurl="http://img.webme.com/pic/b/bilgi-depom/uye-girisi.png" _fcksavedurl="http://img.webme.com/pic/b/bilgi-depom/uye-girisi.png" width="276" height="57" alt="." /></td> </tr> <tr> <td valign="top" background="http://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_fckprotectedatt="%20onblur_fckprotectedatt_fckprotectedatt%3D%22%2520onblur_fckprotectedatt%253D%2522%252520onblur%25253D%252522if(this.value%25253D%25253D'')%252520%25257B%252520this.value%25253D'Kullan%2525C4%2525B1c%2525C4%2525B1%252520Ad%2525C4%2525B1'%25253B%252520%25257D%252522%2522%22" onfocus_fckprotectedatt_fckprotectedatt_fckprotectedatt="%20onfocus_fckprotectedatt_fckprotectedatt%3D%22%2520onfocus_fckprotectedatt%253D%2522%252520onfocus%25253D%252522if(this.value%252520%25253D%25253D%252520'Kullan%2525C4%2525B1c%2525C4%2525B1%252520Ad%2525C4%2525B1')%252520%25257B%252520this.value%25253D''%25253B%252520%25257D%252522%2522%22" id="nick" name="modulenter[nick]" /> <br /> <input type="password" value="Şifre" onblur_fckprotectedatt_fckprotectedatt_fckprotectedatt="%20onblur_fckprotectedatt_fckprotectedatt%3D%22%2520onblur_fckprotectedatt%253D%2522%252520onblur%25253D%252522if(this.value%25253D%25253D'')%252520%25257B%252520this.value%25253D'%2525C5%25259Eifre'%25253B%252520%25257D%252522%2522%22" onfocus_fckprotectedatt_fckprotectedatt_fckprotectedatt="%20onfocus_fckprotectedatt_fckprotectedatt%3D%22%2520onfocus_fckprotectedatt%253D%2522%252520onfocus%25253D%252522if(this.value%252520%25253D%25253D%252520'%2525C5%25259Eifre')%252520%25257B%252520this.value%25253D''%25253B%252520%25257D%252522%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" _fcksavedurl="http://bilgi-depom.tr.gg/Forum/anmelden.htm"><span style="color: rgb(255, 0, 0);"><strong></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" _fcksavedurl="http://zeytinkopugu.com/Freecss/images/menu_04.png" width="276" height="55" alt="." /></td> </tr> <tr> <td valign="top" background="http://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="" _fcksavedurl="" _fcksavedurl="" _fcksavedurl="" tabindex="1"><strong>Bilmece Bölümü</strong></span></a></div> </li> <li> <div align="left"><a href="http://bilgilisayfa.tr.gg/Anadolu-Bilmeceleri.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/Anadolu-Bilmeceleri.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/Anadolu-Bilmeceleri.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/Anadolu-Bilmeceleri.htm" tabindex="2"><span class="stil9">Anadolu Bilmeceleri</span></a></div> </li> <li> <div align="left"><a href="http://bilgilisayfa.tr.gg/Zor-Bilmeceler.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/Zor-Bilmeceler.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/Zor-Bilmeceler.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/Zor-Bilmeceler.htm" tabindex="3"><span class="stil9">Zor Bilmece</span></a></div> </li> <li> <div align="left"><a href="http://bilgilisayfa.tr.gg/Sevgi-Ask-Bilmeceleri.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/Sevgi-Ask-Bilmeceleri.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/Sevgi-Ask-Bilmeceleri.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/Sevgi-Ask-Bilmeceleri.htm" tabindex="4"><span class="stil9">Sevgi Aşk Bilmeceleri</span></a> </li> <li> <div align="left"><a href="http://bilgilisayfa.tr.gg/Cocuk-Bilmeceleri.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/Cocuk-Bilmeceleri.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/Cocuk-Bilmeceleri.htm" _fcksavedurl="http://bilgilisayfa.tr.gg/Cocuk-Bilmeceleri.htm" tabindex="6"><span class="stil9">Çocuk Bilmeceleri</span></a></div> </li> </ul> </div></td> </tr> </table> <div align="center"></div></td> </tr> <tr> <td valign="top"><img id="menu_06" src="http://img.webme.com/pic/b/bilgi-depom/tasarim-arkasi-resmi.png" _fcksavedurl="http://img.webme.com/pic/b/bilgi-depom/tasarim-arkasi-resmi.png" _fcksavedurl="http://img.webme.com/pic/b/bilgi-depom/tasarim-arkasi-resmi.png" _fcksavedurl="http://img.webme.com/pic/b/bilgi-depom/tasarim-arkasi-resmi.png" width="276" height="58" alt="." /></td> </tr> </table> <table width="100%" border="0" cells pacing="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="http://img.webme.com/pic/b/bilgi-depom/icerik-bolumu1.png"><div align="center" class="stil11">Tüm Hakları Saklıdır. © 2010 l Desingby Furkan</div></td> <td width="2%"> </td> </tr> </table> </td> </tr> <tr> <td height="55" valign="top" background="http://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>

Css Kodu:

Kod:: 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(http://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(http://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(http://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(http://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(http://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(http://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(http://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>