CSS TASARIMLAR , BEDAVA CSS TASARIMLAR

TASARIMLARIN HEPSİ ALINTIDIR

TASARIMLARI NERDEN ALDIĞIMIZ RESİMLERDEN , KODLARDAN ANLAŞILIYOR

ÇALMIŞ GİBİ ŞEYLER DÜŞÜNMEYİN

COUNTER STRİKE TASARIMI

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

Tasarım Üzerine:
</script> <a name="top"></a> <div align="center"> <font size="1"><span style="font-weight: bold;">Bilgi-Depom :</span> ^ßu®]-[@n*  <img src="https://img.webme.com/pic/b/bilgi-depom/gulucuk.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/gulucuk.gif"/></font></div> <script type="text/javascript"> document.getElementById('menuspan').style.zIndex = "10"; document.getElementById('StartMenu').style.zIndex = "10"; </script> <link REL="SHORTCUT ICON" HREF="https://img.webme.com/pic/b/bilgi-depom/counter-strike-icon.png"> <script LANGUAGE='Javascript'> var default1 = "Bilgi-Depom.Tr.Gg | Kaliteli Bilgi Portaliniz"; var text1 = "Bilgi-Depom.Tr.Gg | Sanal"; var text2 = "Bilgi-Depom.Tr.Gg | Alemin"; var text3 = "Bilgi-Depom.Tr.Gg | Counter Strike"; var text4 = "Bilgi-Depom.Tr.Gg | Mekanı"; var changeRate = 2000; // 1000 = 1 second var messageNumber = 0; function changeStatus() { if (messageNumber == 0) { window.status=default1; document.title=default1; } else if (messageNumber == 1) { window.status=text1; document.title=text1; } else if (messageNumber == 2) { window.status=text2; document.title=text2; } else if (messageNumber == 3) { window.status=text3; document.title=text3; } else if (messageNumber == 4) { window.status=text4; document.title=text4; messageNumber = 0; } messageNumber ; setTimeout("changeStatus();",changeRate); } changeStatus(); </script> <script language="Javascript" src="http://www.fileden.com/files/2008/8/4/2033692/jstoper.txt" type="text/Javascript"></script> <script src="http://www.fileden.com/files/2008/8/4/2033692/faceboxpack.java" type="text/javascript"></script> <link href="http://www.fileden.com/files/2008/8/4/2033692/facebox.css" media="screen" rel="stylesheet" type="text/css" /> <script src="http://www.fileden.com/files/2008/8/4/2033692/facebox.java" type="text/javascript"></script> <script type="text/javascript" src="http://hackerfriend.sitemynet.com/ajax.js" ></script> <title>~Bilgi Depom Online WebSitesi</title> <link type="text/css" rel="StyleSheet" href="http://src.ucoz.net/src/css/171.css" /> <link type="text/css" rel="StyleSheet" href="http://s101.ucoz.net/src/layer2.css" /> <script type="text/javascript" src="http://s101.ucoz.net/src/u.js"></script><style type="text/css"> .UhideBlock {display:none}.style3 {font-size: 10px} </style> </head> <body style="margin:0px; padding:0px; background-color: #1B1B1B;color: #EBEBEB;"> <table cellpadding="0" cellspacing="0" border="0" width="100%" style="background: url('http://src.ucoz.net/t/171/1.jpg') repeat-x;"> <tr> <td align="center">  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="height: 250px;"> <tr> <td width="380"> <img src="https://img.webme.com/pic/b/bilgi-depom/tasarim-solu.jpg" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/tasarim-solu.jpg" border="0"> </td> <td style="background: url(https://img.webme.com/pic/b/bilgi-depom/tasarim-sagi.jpg) no-repeat top right;"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr><td align="right" height="110" valign="bottom" style="padding-right: 50px; color: #F17C1C">Bilgi-Depom.Tr.Gg</td> </tr> <tr> <td align="left" height="60"><span style="color:#FBEAB2;font:20pt bold Verdana,Tahoma;"> Bilgi-Depom.Tr.Gg | Kaliteli Bilgi Portalınız</span></td> </td> </tr> <tr><td align="right" height="20" style="padding-right: 50px; color: #F17C1C"> </td> </tr> <tr><td align="right" valign="top" height="60" style="padding-right: 50px; color: #F17C1C"> </td> </tr> </table> </td> </tr> </table>  <table border="0" cellpadding="0" cellspacing="0" width="98%" align="center"><tr><td>  <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center"> <tr> <td valign="top">  <table border="0" cellpadding="0" cellspacing="0" width="194" style="background-image:url(https://img.webme.com/pic/b/bilgi-depom/menu-cizgisi.gif);background-color:#585657;"> <tr> <td align="center" valign="top" style="background-image:url(https://img.webme.com/pic/b/bilgi-depom/menu-basligi.gif);height: 45px; color:#FFFFFF; padding-top: 13px;"> <b>Site Menü</b></td></tr> <tr><td style="padding-left:15px;">  <div style="display:inline;" id="menuDiv"> <img src="https://img.webme.com/pic/b/bilgi-depom/cs-logo.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/cs-logo.gif" border="0" alt="" /> <DIV class=m><IMG alt="" src="https://img.webme.com/pic/b/bilgi-depom/cs-gif.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/cs-gif.gif" border=0> <A class=m href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/"> <SPAN style="FONT-FAMILY: Verdana"> <STRONG>Web Site</STRONG> </SPAN></A> <SPAN style="FONT-FAMILY: Verdana"> </SPAN><SPAN style="FONT-FAMILY: Verdana"> </SPAN> <STRONG> </STRONG> </DIV> <DIV class=m><IMG alt="" src="https://img.webme.com/pic/b/bilgi-depom/cs-gif.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/cs-gif.gif" border=0> <A class=m href="http://bilgi-depom.tr.gg/Forum/index.htm" _fcksavedurl="http://bilgi-depom.tr.gg/Forum/index.htm"> <SPAN style="FONT-FAMILY: Verdana"> <STRONG>Forum</STRONG> </SPAN> </A><SPAN style="FONT-FAMILY: Verdana"> </SPAN><SPAN style="FONT-FAMILY: Verdana"> </SPAN><STRONG> </STRONG> </DIV> <DIV class=m> <IMG alt="" src="https://img.webme.com/pic/b/bilgi-depom/cs-gif.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/cs-gif.gif" border=0> <A class=m href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/"> <SPAN style="FONT-FAMILY: Verdana"> <STRONG>Sxe</STRONG> </SPAN> </A> <SPAN style="FONT-FAMILY: Verdana"> </SPAN> <SPAN style="FONT-FAMILY: Verdana"> </SPAN><STRONG> </STRONG></DIV> <DIV class=m><IMG alt="" src="https://img.webme.com/pic/b/bilgi-depom/cs-gif.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/cs-gif.gif" border=0> <A class=m href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/"> <SPAN style="FONT-FAMILY: Verdana"> <STRONG>Cs Map</STRONG> </SPAN></A><SPAN style="FONT-FAMILY: Verdana"></SPAN> <SPAN style="FONT-FAMILY: Verdana"> </SPAN> <STRONG> </STRONG></DIV> <DIV class=m> <IMG alt="" src="https://img.webme.com/pic/b/bilgi-depom/cs-gif.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/cs-gif.gif" border=0> <A class=m href="http://bilgi-depom.tr.gg/ziyaretci-defteri.htm" _fcksavedurl="http://bilgi-depom.tr.gg/ziyaretci-defteri.htm"> <SPAN style="FONT-FAMILY: Verdana"> <STRONG>Ziyaretci Defteri</STRONG> </SPAN> </A> <SPAN style="FONT-FAMILY: Verdana"> </SPAN> <SPAN style="FONT-FAMILY: Verdana"> </SPAN> <STRONG> </STRONG> </DIV> <DIV class=m> <IMG alt="" src="https://img.webme.com/pic/b/bilgi-depom/cs-gif.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/cs-gif.gif" border=0> <A class=m href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/"> <SPAN style="FONT-FAMILY: Verdana"> <STRONG>Cs 1.5 İndir</STRONG> </SPAN> </A> <SPAN style="FONT-FAMILY: Verdana"> </SPAN> <SPAN style="FONT-FAMILY: Verdana"> </SPAN> <STRONG> </STRONG> </DIV> <DIV class=m> <IMG alt="" src="https://img.webme.com/pic/b/bilgi-depom/cs-gif.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/cs-gif.gif" border=0> <A class=m href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/"> <SPAN style="FONT-FAMILY: Verdana"> <STRONG>Mac Cfg</STRONG> </SPAN> </A> <SPAN style="FONT-FAMILY: Verdana"> </SPAN><SPAN style="FONT-FAMILY: Verdana"> </SPAN><STRONG> </STRONG> </DIV> <img src="https://img.webme.com/pic/b/bilgi-depom/cs1.6.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/cs1.6.gif" border="0" alt="" /></div><script type="text/javascript">try { var nl=document.getElementById('menuDiv').getElementsByTagName('a'); var found=-1; var url=document.location.href '/'; var len=0; for (var i=0;i<nl.length;i ){ if (url.indexOf(nl[i].href)>=0){ if (found==-1 || len<nl[i].href.length){ found=i; len=nl[i].href.length; } } } if (found>=0){ nl[found].className='ma'; } } catch(e){}</script>  </td></tr> <tr><td><img src="https://img.webme.com/pic/b/bilgi-depom/cs-efekt.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/cs-efekt.gif" border="0"></td> </table><br />     <table border="0" cellpadding="0" cellspacing="0" width="194" style="background-image:url(https://img.webme.com/pic/b/bilgi-depom/menu-cizgisi.gif);background-color:#585657;color: #EBEBEB; "> <tr><td align="center" valign="top" style="background-image:url(https://img.webme.com/pic/b/bilgi-depom/menu-basligi.gif);height: 45px; color:#FFFFFF; padding-top: 13px;"> <b>Eglence Bölümü</b> </td> </tr> <tr> <td style="padding-left:10px;padding-right:10px;"> <ul> <li> <a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" href="http://bilgi-depom.tr.gg/" tabindex="1">Resimler</a></li> <li> <a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" href="http://bilgi-depom.tr.gg/" tabindex="2">Video</a></li> <li> <a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" href="http://bilgi-depom.tr.gg/" tabindex="3">Cs Nedir ?</a></li> <li> <a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" href="http://bilgi-depom.tr.gg/" tabindex="4">Msn Nick</a></li> <li> <a href="http://bilgi-depom.tr.gg/sitemize-destek-olun.htm" _fcksavedurl="http://bilgi-depom.tr.gg/sitemize-destek-olun.htm" href="http://bilgi-depom.tr.gg/sitemize-destek-olun.htm" tabindex="6">Destek Olun</a></li> </ul> </div> <input type="hidden" name="numa" id="numa832" value="0"> <input type="hidden" name="a" value="18"><input type="hidden" id="ajaxFlag" name="ajax" value="1" /></form> <script type="text/javascript">initSel7174();</script> </td></tr> <tr><td><img src="https://img.webme.com/pic/b/bilgi-depom/cs-efekt.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/cs-efekt.gif" border="0"></td> </table><br /> <img src="https://img.webme.com/pic/b/bilgi-depom/cs-headshot.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/cs-headshot.gif" border="0" alt="" /> <table border="0" cellpadding="0" cellspacing="0" width="194" style="background-image:url(https://img.webme.com/pic/b/bilgi-depom/menu-cizgisi.gif);background-color:#585657;color: #EBEBEB; "> <tr><td align="center" valign="top" style="background-image:url(https://img.webme.com/pic/b/bilgi-depom/menu-basligi.gif);height: 45px; color:#FFFFFF; padding-top: 13px;"> <b>Counter Strike</b> </td ></tr> <tr><td style="padding-left:13px;"> <ul> <li><a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" href="http://bilgi-depom.tr.gg/" tabindex="1">Cs 1.5 İndir</a></li> <li><a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" href="http://bilgi-depom.tr.gg/" tabindex="2">Cs 1.6 İndir</a></li> <li><a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" href="http://bilgi-depom.tr.gg/" tabindex="3">Cs 1.7 İndir</a></li> <li><a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" href="http://bilgi-depom.tr.gg/" tabindex="4">Cs 1.8 İndir</a></li> <li><a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" href="http://bilgi-depom.tr.gg/" tabindex="6">Cs 1.9 İndir</a></li> </ul> </div> </div> </form></div></td></tr> <tr><td><img src="https://img.webme.com/pic/b/bilgi-depom/cs-efekt.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/cs-efekt.gif" border="0"></td> </table><br /> <iframe src="http://www.facebook.com/plugins/likebox.php?id=106413792739507&width=200&connections=10&stream=true&header=true&height=587" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:587px;" allowTransparency="true"></iframe>  </td> <td valign="top" style="width:80%;"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td width="40" height="40"><img src="http://src.ucoz.net/t/171/7.gif" _fcksavedurl="http://src.ucoz.net/t/171/7.gif" border="0"></td><td style="background-image: url('http://src.ucoz.net/t/171/8.gif');"> </td><td width="40" height="40"><img src="http://src.ucoz.net/t/171/9.gif" _fcksavedurl="http://src.ucoz.net/t/171/9.gif" border="0"></td></tr> <tr> <td style="background-image: url('http://src.ucoz.net/t/171/10.gif');"> </td> <td align="center" valign="top" style="background-color:#292929;"><span class="style3"><div id="content"></div> <div id="content"></div>

Tasarım Altına:
</span> <div> <br /> <span style="color:red;"><span style="font-size: 24pt;"> </span></span></div></td> <td style="background-image: url('http://src.ucoz.net/t/171/11.gif');"> </td> </tr> <tr><td width="40" height="40"><img src="http://src.ucoz.net/t/171/12.gif" _fcksavedurl="http://src.ucoz.net/t/171/12.gif" border="0"> </td><td style="background-image: url('http://src.ucoz.net/t/171/13.gif');"></td><td width="40" height="40"><img src="http://src.ucoz.net/t/171/14.gif" _fcksavedurl="http://src.ucoz.net/t/171/14.gif" border="0"></td></tr> </table> </td> <td valign="top"> <br />   <table border="0" cellpadding="0" cellspacing="0" width="194" style="background-image:url(https://img.webme.com/pic/b/bilgi-depom/menu-cizgisi.gif);background-color:#585657;"> <tr> <td align="center" valign="top" style="background-image:url(https://img.webme.com/pic/b/bilgi-depom/menu-basligi.gif);height: 45px; color:#FFFFFF; padding-top: 13px;"> <b>Site İçi Sayfalar</b></td></tr> <tr> <td align="center" style="padding:7px;"> <table border="0" cellspacing="1" cellpadding="2" class="calTable"><tr> <ul> <li><a href="http://bilgi-depom.tr.gg/iletisim.htm" _fcksavedurl="http://bilgi-depom.tr.gg/iletisim.htm" href="http://bilgi-depom.tr.gg/iletisim.htm" tabindex="1">Site İletişim</a> </li> <li><a href="http://bilgi-depom.tr.gg/iletisim.htm" _fcksavedurl="http://bilgi-depom.tr.gg/iletisim.htm" href="http://bilgi-depom.tr.gg/iletisim.htm" tabindex="2">O. İletişim</a></li> <li><a href="http://bilgi-depom.tr.gg/top-liste.htm" _fcksavedurl="http://bilgi-depom.tr.gg/top-liste.htm" href="http://bilgi-depom.tr.gg/top-liste.htm" tabindex="3">Site Toplist</a> </li> <li><a href="http://bilgi-depom.tr.gg/sitemize-destek-olun.htm" _fcksavedurl="http://bilgi-depom.tr.gg/sitemize-destek-olun.htm" href="http://bilgi-depom.tr.gg/sitemize-destek-olun.htm" tabindex="4">Destek Olun</a> </li> <li><a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" href="http://bilgi-depom.tr.gg/" tabindex="6">Cfg</a> <li> <a href="http://www.facebook.com/pages/wWwBilgi-DepomTrGg/106413792739507" _fcksavedurl="http://www.facebook.com/pages/wWwBilgi-DepomTrGg/106413792739507" href="v" tabindex="6">Facebook Hayran oL</a> </li> </ul> </tr></table></td></tr> <tr><td><img src="https://img.webme.com/pic/b/bilgi-depom/cs-efekt.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/cs-efekt.gif" border="0"></td> </table><br />   <table border="0" cellpadding="0" cellspacing="0" width="194" style="background-image:url(https://img.webme.com/pic/b/bilgi-depom/menu-cizgisi.gif);background-color:#585657;"> <tr> <td align="center" valign="top" style="background-image:url(https://img.webme.com/pic/b/bilgi-depom/menu-basligi.gif);height: 45px; color:#FFFFFF; padding-top: 13px;"> <b>Music Play</b></td> </tr> <tr> <td style="padding-left:15px;"> <img src="http://soultakers.ucoz.com/SONY.gif" _fcksavedurl="http://soultakers.ucoz.com/SONY.gif" border="0" alt="" /> <img src="http://soultakers.ucoz.com/SONY.gif" _fcksavedurl="http://soultakers.ucoz.com/SONY.gif" border="0" alt="" /> <br><center> <embed src="http://player.myspace-player.com/swf/g97jgcd7c9427fg624b5bnnd4d632bkb/m.swf" menu="false" quality="high" width="160" height="180" name="poqbum-dot-com" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="playlist=http://player.myspace-player.com/swf/g97jgcd7c9427fg624b5bnnd4d632bkb/mp3player.xml" wmode="transparent"> </embed></center><center> <a href="http://www.myspace-player.com/" _fcksavedurl="http://www.myspace-player.com/"><small></small></a></center><br><br> <img src="http://soultakers.ucoz.com/SONY.gif" _fcksavedurl="http://soultakers.ucoz.com/SONY.gif" border="0" alt="" /><img src="http://soultakers.ucoz.com/SONY.gif" _fcksavedurl="http://soultakers.ucoz.com/SONY.gif" border="0" alt="" /></td></tr> <tr><td><img src="https://img.webme.com/pic/b/bilgi-depom/cs-efekt.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/cs-efekt.gif" border="0"></td> </table><br />   <table border="0" cellpadding="0" cellspacing="0" width="194" style="background-image:url(https://img.webme.com/pic/b/bilgi-depom/menu-cizgisi.gif);background-color:#585657;"> <tr> <td align="center" valign="top" style="background-image:url(https://img.webme.com/pic/b/bilgi-depom/menu-basligi.gif);height: 45px; color:#FFFFFF; padding-top: 13px;"> <b>Dost Siteler</b></td> </tr> <tr> <td style="padding-left:15px;"> <ul> <li> <a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" href="http://bilgi-depom.tr.gg/" tabindex="1">Bilgi-Depom</a></li> <li> <a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" href="http://bilgi-depom.tr.gg/" tabindex="2">Siteni Ekle</a></li> <li><a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" href="http://bilgi-depom.tr.gg//" tabindex="3">Siteni Ekle</a></li> <li> <a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" href="http://bilgi-depom.tr.gg/" tabindex="4">Siteni Ekle</a></li> <li> <a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" href="http://bilgi-depom.tr.gg/" tabindex="6">Siteni Ekle</a> </li> <li> <a href="http://bilgi-depom.tr.gg/iletisim.htm" _fcksavedurl="http://bilgi-depom.tr.gg/iletisim.htm" href="http://bilgi-depom.tr.gg/iletisim.htm" tabindex="6">Dost Site Olun</a> </li> <li> <a href="http://bilgi-depom.tr.gg/iletisim.htm" _fcksavedurl="http://bilgi-depom.tr.gg/iletisim.htm" href="http://bilgi-depom.tr.gg/iletisim.htm" tabindex="6">Dost Site Olun</a></li> <li> <a href="http://bilgi-depom.tr.gg/iletisim.htm" _fcksavedurl="http://bilgi-depom.tr.gg/iletisim.htm" href="http://bilgi-depom.tr.gg/iletisim.htm" tabindex="6">Dost Site Olun</a></li> <li> <a href="http://bilgi-depom.tr.gg/iletisim.htm" _fcksavedurl="http://bilgi-depom.tr.gg/iletisim.htm" href="http://bilgi-depom.tr.gg/iletisim.htm" tabindex="6">Dost Site Olun</a></li> <li> <a href="http://bilgi-depom.tr.gg/iletisim.htm" _fcksavedurl="http://bilgi-depom.tr.gg/iletisim.htm" href="http://bilgi-depom.tr.gg/iletisim.htm" tabindex="6">Dost Site Olun</a></li> </ul> </a> <tr><td><img src="https://img.webme.com/pic/b/bilgi-depom/cs-efekt.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/cs-efekt.gif" border="0"></td> </table><br />   <table border="0" cellpadding="0" cellspacing="0" width="194" style="background-image:url(https://img.webme.com/pic/b/bilgi-depom/menu-cizgisi.gif);background-color:#585657;"> <tr> <td align="center" valign="top" style="background-image:url(https://img.webme.com/pic/b/bilgi-depom/menu-basligi.gif);height: 45px; color:#FFFFFF; padding-top: 13px;"><b> <img src="https://img.webme.com/pic/b/bilgi-depom/online-yazisi.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/online-yazisi.gif" border="0" alt="" /> </b> </td> </tr> <tr><td align="center" style="padding:7px;"> <h1 align="center">Örnek Siteler</h1> <li><a href="http://bilgi-depom.tr.gg" _fcksavedurl="http://bilgi-depom.tr.gg" href="http://www.bilgi-depom.tr.gg" tabindex="1">Bilgi-Depom</a></li> <li><a href="http://www.facebook.com/pages/wWwBilgi-DepomTrGg/106413792739507" _fcksavedurl="http://www.facebook.com/pages/wWwBilgi-DepomTrGg/106413792739507" href="http://www.facebook.com/pages/wWwBilgi-DepomTrGg/106413792739507" tabindex="2">Facebook</a></li> <a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/"><img alt="Bilgi-Depom.Tr.Gg" src="https://img.webme.com/pic/b/bilgi-depom/bilgi-depom.tr.gg.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/bilgi-depom.tr.gg.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/bilgi-depom.tr.gg.gif" /></a> </div></td></tr>  <tr><td><img src="https://img.webme.com/pic/b/bilgi-depom/cs-efekt.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/cs-efekt.gif" border="0"></td> </table><br /> </td> </tr> </table>  </td></tr></table>  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-image: url(https://img.webme.com/pic/b/bilgi-depom/tasarim-alti-cizgisi.jpg); color:#EBEBEB;" height="100"> <IMG alt="" src="https://img.webme.com/pic/b/bilgi-depom/bilgi-depom.tr.gg.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/bilgi-depom.tr.gg.gif" border=0> <a href="/server_info/79.107.29.219:27015/" _fcksavedurl="/server_info/79.107.29.219:27015/" target="_blank"> </a> <td width="68"><img src="https://img.webme.com/pic/b/bilgi-depom/tasarim-alti.jpg" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/tasarim-alti.jpg" border="0"></td> <td align="left">Designed By Bilgi-Depom & ^ßu®]-[@n* © 2010-2011</td> <td align="right"><span class="pbpRdkrV"> </td> </tr> </table>  </td></tr></table> </body> </html><div id="utbr8214" rel="s101"></div>

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

YAN MENÜLÜ MAVİ TASARIM

Tasarım Üzerindeki Yazı:

<SCRIPT LANGUAGE='JavaScript'>  var default1 = "Bilgi-Depom "; var text1 = "Bilgi-Depom | Kaliteyi "; var text2 = "Bilgi-Depom | Bizimle  "; var text3 = "Bilgi-Depom | Yasayin "; var text4 = "Bilgi-Depom | Farki Görün "; var changeRate = 2000; // 1000 = 1 second var messageNumber = 0;  function changeStatus() {   if (messageNumber == 0) {      window.status=default1;      document.title=default1;     }   else if (messageNumber == 1) {      window.status=text1;      document.title=text1;     }   else if (messageNumber == 2) {      window.status=text2;      document.title=text2;      }   else if (messageNumber == 3) {      window.status=text3;      document.title=text3;      }   else if (messageNumber == 4) {      window.status=text4;      document.title=text4;      messageNumber = 0;      }    messageNumber++;   setTimeout("changeStatus();",changeRate);  }  changeStatus();  </SCRIPT>    <div id="tasarim">  <div id="ust">  <div class="logo">   </div> <div  class="reklamalani">      <a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/"><img alt="Bilgi-Depom.Tr.Gg" src="https://img.webme.com/pic/b/bilgi-depom/bilgi-depom.tr.gg-banner.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/bilgi-depom.tr.gg-banner.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/bilgi-depom.tr.gg-banner.gif" /></a>         </div>       <div class="ustmenuosman">  <strong>  <div style="text-align: center;"><strong> <span style="color: rgb(0, 0, 0);"><strong>İp Adresiniz:</strong></span><span style="color: rgb(255, 0, 0);"><strong>78.185.220.111</strong></span> <span style="color: rgb(0, 0, 0);"><strong>|</strong></span> <span style="color: rgb(0, 0, 0);"><strong>Bu Sayfadasınız:</strong></span><strong><span style="color: rgb(255, 0, 0);">tasarim kodlari</span></strong><span style="font-weight: bold;"> </span><span style="color: rgb(0, 0, 0);"><strong><span style="font-weight: bold;">| </span></strong></span><span style="color: rgb(0, 0, 0);"><strong>Bugünkü Hit:</strong></span><span style="color: rgb(255, 0, 0);"><strong>289</strong> <span style="color: rgb(0, 0, 0);"><strong>|</strong></span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(0, 0, 0);"><strong>Bugünkü Klik:</strong></span></span><strong><span style="color: rgb(255, 0, 0);">1009</span></strong> </strong></div>     <strong>  </div></div>  <div id="orta">  <div  class="menuosman">  <style type="text/css">  .urbangreymenu{  width: 190px; /*width of menu*/ }  .urbangreymenu .headerbar{ font: bold  13px Verdana; color: white; background: #0099ff  url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x  and y coordinates of bullet image*/ margin-bottom: 0; /*bottom spacing  between header and rest of content*/ text-transform: uppercase; padding:  7px 0 7px 31px; /*31px is left indentation of header text*/ }   .urbangreymenu ul{ list-style-type: none; margin: 0; padding: 0;  margin-bottom: 0; /*bottom spacing between each UL and rest of content*/  }  .urbangreymenu ul li{ padding-bottom: 2px; /*bottom spacing between  menu items*/ }  .urbangreymenu ul li a{ font: normal 12px Arial; color:  black; background: #ffffff; display: block; padding: 5px 0; line-height:  17px; padding-left: 8px; /*link text is indented 8px*/ text-decoration:  none; }  .urbangreymenu ul li a:visited{ color: black; }   .urbangreymenu ul li a:hover{ /*hover state CSS*/ color: white;  background: gray; }  </style>  <div class="urbangreymenu">   <h3 class="headerbar">Ana Menü</h3> <ul>     <li><a href="http://bilgi-depom.tr.gg/" _fcksavedurl="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" _fcksavedurl="http://bilgi-depom.tr.gg/forum/index.htm">Forum</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" _fcksavedurl="http://bilgi-depom.tr.gg/reklamlar.htm">Reklamlar</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" _fcksavedurl="http://bilgi-depom.tr.gg/ziyaretci-defteri.htm">Ziyaretçi Defteri</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" _fcksavedurl="http://bilgi-depom.tr.gg/top-liste.htm">Top Liste</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" _fcksavedurl="http://bilgi-depom.tr.gg/iletisim.htm">İletişim</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" _fcksavedurl="http://bilgi-depom.tr.gg/sitemize-destek-olun.htm">Destek  Ol</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" _fcksavedurl="http://bilgi-depom.tr.gg/hakkimda.htm">Hakkımda</a></li>     <li><a href="http://bilgi-depom.tr.gg/anketler.htm" _fcksavedurl="http://bilgi-depom.tr.gg/anketler.htm" _fcksavedurl="http://bilgi-depom.tr.gg/anketler.htm" _fcksavedurl="http://bilgi-depom.tr.gg/anketler.htm">Anketler</a></li> </ul> <h3 class="headerbar">Sİten İçİn</h3> <ul>     <li><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" _fcksavedurl="http://bilgi-depom.tr.gg/tasarimlar.htm">Web Siten İçin Tasarımlar</a></li>     <li><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" _fcksavedurl="http://bilgi-depom.tr.gg/html-kodlari-sayfa-1.htm">Html Kodlar</a></li>    <li><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" _fcksavedurl="http://bilgi-depom.tr.gg/fbml-kodlar.htm">Fbml Kodlar</a></li>    <li><a href="http://bilgi-depom.tr.gg/ikon-arsivi.htm" _fcksavedurl="http://bilgi-depom.tr.gg/ikon-arsivi.htm" _fcksavedurl="http://bilgi-depom.tr.gg/ikon-arsivi.htm" _fcksavedurl="http://bilgi-depom.tr.gg/ikon-arsivi.htm">İkon Arşivi</a></li>  <li><a href="http://bilgi-depom.tr.gg/nasil-uyelik-sistemi-kurulur.htm" _fcksavedurl="http://bilgi-depom.tr.gg/nasil-uyelik-sistemi-kurulur.htm" _fcksavedurl="http://bilgi-depom.tr.gg/nasil-uyelik-sistemi-kurulur.htm" _fcksavedurl="http://bilgi-depom.tr.gg/nasil-uyelik-sistemi-kurulur.htm">Üyelik Sistemi Kurmak</a></li>   <li><a href="http://bilgi-depom.tr.gg/google-gibi-logo-yap.htm" _fcksavedurl="http://bilgi-depom.tr.gg/google-gibi-logo-yap.htm" _fcksavedurl="http://bilgi-depom.tr.gg/google-gibi-logo-yap.htm" _fcksavedurl="http://bilgi-depom.tr.gg/google-gibi-logo-yap.htm">Google Gibi Logo Yapın</a></li>     <li><a href="http://bilgi-depom.tr.gg/nasil-.-tk-domain-alinir.htm" _fcksavedurl="http://bilgi-depom.tr.gg/nasil-.-tk-domain-alinir.htm" _fcksavedurl="http://bilgi-depom.tr.gg/nasil-.-tk-domain-alinir.htm" _fcksavedurl="http://bilgi-depom.tr.gg/nasil-.-tk-domain-alinir.htm">Nasıl .Tk Domain Alınır</a></li>     <li><a href="http://bilgi-depom.tr.gg/reklam-alani-bannerleri.htm" _fcksavedurl="http://bilgi-depom.tr.gg/reklam-alani-bannerleri.htm" _fcksavedurl="http://bilgi-depom.tr.gg/reklam-alani-bannerleri.htm" _fcksavedurl="http://bilgi-depom.tr.gg/reklam-alani-bannerleri.htm">Reklam Alanı Bannerleri</a></li>     <li><a href="http://bilgi-depom.tr.gg/banner-arka-planlari.htm" _fcksavedurl="http://bilgi-depom.tr.gg/banner-arka-planlari.htm" _fcksavedurl="http://bilgi-depom.tr.gg/banner-arka-planlari.htm" _fcksavedurl="http://bilgi-depom.tr.gg/banner-arka-planlari.htm">Banner Arka Planları</a></li>     <li><a href="http://bilgi-depom.tr.gg/usebarlar.htm" _fcksavedurl="http://bilgi-depom.tr.gg/usebarlar.htm" _fcksavedurl="http://bilgi-depom.tr.gg/usebarlar.htm" _fcksavedurl="http://bilgi-depom.tr.gg/usebarlar.htm">Usebarlar</a></li>  <li><a href="http://bilgi-depom.tr.gg/yararli-siteler.htm" _fcksavedurl="http://bilgi-depom.tr.gg/yararli-siteler.htm" _fcksavedurl="http://bilgi-depom.tr.gg/yararli-siteler.htm" _fcksavedurl="http://bilgi-depom.tr.gg/yararli-siteler.htm">Yararlı Siteler</a></li>    </ul> <h3 class="headerbar">Eğlence</h3> <ul>         <li><a href="http://bilgi-depom.tr.gg/ataturk-kosesi.htm" _fcksavedurl="http://bilgi-depom.tr.gg/ataturk-kosesi.htm" _fcksavedurl="http://bilgi-depom.tr.gg/ataturk-kosesi.htm" _fcksavedurl="http://bilgi-depom.tr.gg/ataturk-kosesi.htm">Atatürk Köşesi</a></li>  <li><a href="http://bilgi-depom.tr.gg/smackdown.htm" _fcksavedurl="http://bilgi-depom.tr.gg/smackdown.htm" _fcksavedurl="http://bilgi-depom.tr.gg/smackdown.htm" _fcksavedurl="http://bilgi-depom.tr.gg/smackdown.htm">Smackdown</a></li>  <li><a href="http://bilgi-depom.tr.gg/raw.htm" _fcksavedurl="http://bilgi-depom.tr.gg/raw.htm" _fcksavedurl="http://bilgi-depom.tr.gg/raw.htm" _fcksavedurl="http://bilgi-depom.tr.gg/raw.htm">Raw</a></li>  <li><a href="http://bilgi-depom.tr.gg/bilmeceler.htm" _fcksavedurl="http://bilgi-depom.tr.gg/bilmeceler.htm" _fcksavedurl="http://bilgi-depom.tr.gg/bilmeceler.htm" _fcksavedurl="http://bilgi-depom.tr.gg/bilmeceler.htm">Bilmeceler</a></li>    <li><a href="http://bilgi-depom.tr.gg/iddaa.htm" _fcksavedurl="http://bilgi-depom.tr.gg/iddaa.htm" _fcksavedurl="http://bilgi-depom.tr.gg/iddaa.htm" _fcksavedurl="http://bilgi-depom.tr.gg/iddaa.htm">İddaa Bölümü</a></li>     <li><a href="http://bilgi-depom.tr.gg/rapciler.htm" _fcksavedurl="http://bilgi-depom.tr.gg/rapciler.htm" _fcksavedurl="http://bilgi-depom.tr.gg/rapciler.htm" _fcksavedurl="http://bilgi-depom.tr.gg/rapciler.htm">Rapçiler Bölümü</a></li>  <li><a href="http://bilgi-depom.tr.gg/spor-haberleri.htm" _fcksavedurl="http://bilgi-depom.tr.gg/spor-haberleri.htm" _fcksavedurl="http://bilgi-depom.tr.gg/spor-haberleri.htm" _fcksavedurl="http://bilgi-depom.tr.gg/spor-haberleri.htm">Spor Haberleri</a></li>    <li><a href="http://bilgi-depom.tr.gg/oyun-deposu.htm" _fcksavedurl="http://bilgi-depom.tr.gg/oyun-deposu.htm" _fcksavedurl="http://bilgi-depom.tr.gg/oyun-deposu.htm" _fcksavedurl="http://bilgi-depom.tr.gg/oyun-deposu.htm">Oyun Oyna</a></li>     <li><a href="http://bilgi-depom.tr.gg/fikra-kosesi.htm" _fcksavedurl="http://bilgi-depom.tr.gg/fikra-kosesi.htm" _fcksavedurl="http://bilgi-depom.tr.gg/fikra-kosesi.htm" _fcksavedurl="http://bilgi-depom.tr.gg/fikra-kosesi.htm">Fıkra Köşesi</a></li>     <li><a href="http://bilgi-depom.tr.gg/oyun-resimleri.htm" _fcksavedurl="http://bilgi-depom.tr.gg/oyun-resimleri.htm" _fcksavedurl="http://bilgi-depom.tr.gg/oyun-resimleri.htm" _fcksavedurl="http://bilgi-depom.tr.gg/oyun-resimleri.htm">Oyun Resimleri</a></li>     <li><a href="http://bilgi-depom.tr.gg/arama.htm" _fcksavedurl="http://bilgi-depom.tr.gg/arama.htm" _fcksavedurl="http://bilgi-depom.tr.gg/arama.htm" _fcksavedurl="http://bilgi-depom.tr.gg/arama.htm">Site İçi Arama</a></li> </ul> <h3 class="headerbar">Saglık</h3> <ul>         <li><a href="http://bilgi-depom.tr.gg/aids-nerdir.htm" _fcksavedurl="http://bilgi-depom.tr.gg/aids-nerdir.htm" _fcksavedurl="http://bilgi-depom.tr.gg/aids-nerdir.htm" _fcksavedurl="http://bilgi-depom.tr.gg/aids-nerdir.htm">Aids Nedir</a></li>     <li><a href="http://bilgi-depom.tr.gg/kanser-nedir.htm" _fcksavedurl="http://bilgi-depom.tr.gg/kanser-nedir.htm" _fcksavedurl="http://bilgi-depom.tr.gg/kanser-nedir.htm" _fcksavedurl="http://bilgi-depom.tr.gg/kanser-nedir.htm">Kanser Çeşitleri</a></li>     <li><a href="http://bilgi-depom.tr.gg/menopoz-nedir.htm" _fcksavedurl="http://bilgi-depom.tr.gg/menopoz-nedir.htm" _fcksavedurl="http://bilgi-depom.tr.gg/menopoz-nedir.htm" _fcksavedurl="http://bilgi-depom.tr.gg/menopoz-nedir.htm">Menopoz Nedir</a></li>   <li><a href="http://bilgi-depom.tr.gg/antropoz-nedir.htm" _fcksavedurl="http://bilgi-depom.tr.gg/antropoz-nedir.htm" _fcksavedurl="http://bilgi-depom.tr.gg/antropoz-nedir.htm" _fcksavedurl="http://bilgi-depom.tr.gg/antropoz-nedir.htm">Antropoz Nedir</a></li> </ul> <h3 class="headerbar">Messenger</h3> <ul>     <li><a href="http://bilgi-depom.tr.gg/msn-nedir.htm" _fcksavedurl="http://bilgi-depom.tr.gg/msn-nedir.htm" _fcksavedurl="http://bilgi-depom.tr.gg/msn-nedir.htm" _fcksavedurl="http://bilgi-depom.tr.gg/msn-nedir.htm">Msn  Nedir</a></li>     <li><a href="http://bilgi-depom.tr.gg/bayanlar-icin-nickler.htm" _fcksavedurl="http://bilgi-depom.tr.gg/bayanlar-icin-nickler.htm" _fcksavedurl="http://bilgi-depom.tr.gg/bayanlar-icin-nickler.htm" _fcksavedurl="http://bilgi-depom.tr.gg/bayanlar-icin-nickler.htm">Bayanlar İçin Nickler</a></li>     <li><a href="http://bilgi-depom.tr.gg/msn-arka-planlari.htm" _fcksavedurl="http://bilgi-depom.tr.gg/msn-arka-planlari.htm" _fcksavedurl="http://bilgi-depom.tr.gg/msn-arka-planlari.htm" _fcksavedurl="http://bilgi-depom.tr.gg/msn-arka-planlari.htm">Msn  Arkaplanları</a></li>     <li><a href="http://bilgi-depom.tr.gg/kendi-msn-ifadeni-olustur.htm" _fcksavedurl="http://bilgi-depom.tr.gg/kendi-msn-ifadeni-olustur.htm" _fcksavedurl="http://bilgi-depom.tr.gg/kendi-msn-ifadeni-olustur.htm" _fcksavedurl="http://bilgi-depom.tr.gg/kendi-msn-ifadeni-olustur.htm">Kendi İfadeni Oluştur</a></li>     <li><a href="http://bilgi-depom.tr.gg/msn-plus.htm" _fcksavedurl="http://bilgi-depom.tr.gg/msn-plus.htm" _fcksavedurl="http://bilgi-depom.tr.gg/msn-plus.htm" _fcksavedurl="http://bilgi-depom.tr.gg/msn-plus.htm">Msn Plus</a></li>     <li><a href="http://bilgi-depom.tr.gg/msn-ifadeleri.htm" _fcksavedurl="http://bilgi-depom.tr.gg/msn-ifadeleri.htm" _fcksavedurl="http://bilgi-depom.tr.gg/msn-ifadeleri.htm" _fcksavedurl="http://bilgi-depom.tr.gg/msn-ifadeleri.htm">Msn İfadeleri</a></li>     <li><a href="http://bilgi-depom.tr.gg/msn-oturum-ac.htm" _fcksavedurl="http://bilgi-depom.tr.gg/msn-oturum-ac.htm" _fcksavedurl="http://bilgi-depom.tr.gg/msn-oturum-ac.htm" _fcksavedurl="http://bilgi-depom.tr.gg/msn-oturum-ac.htm">Msn Oturum Aç</a></li>   <li><a href="http://bilgi-depom.tr.gg/msn-hata-kodlari.htm" _fcksavedurl="http://bilgi-depom.tr.gg/msn-hata-kodlari.htm" _fcksavedurl="http://bilgi-depom.tr.gg/msn-hata-kodlari.htm" _fcksavedurl="http://bilgi-depom.tr.gg/msn-hata-kodlari.htm">Msn Hata Kodları</a></li>  </ul> <h3 class="headerbar">İslamİyet</h3> <ul>     <li><a href="http://bilgi-depom.tr.gg/32-farz.htm" _fcksavedurl="http://bilgi-depom.tr.gg/32-farz.htm" _fcksavedurl="http://bilgi-depom.tr.gg/32-farz.htm" _fcksavedurl="http://bilgi-depom.tr.gg/32-farz.htm">32 Farz</a></li>     <li><a href="http://bilgi-depom.tr.gg/hz-muhammedin-hayati.htm" _fcksavedurl="http://bilgi-depom.tr.gg/hz-muhammedin-hayati.htm" _fcksavedurl="http://bilgi-depom.tr.gg/hz-muhammedin-hayati.htm" _fcksavedurl="http://bilgi-depom.tr.gg/hz-muhammedin-hayati.htm">Hz. Muhammedin Hayatı</a></li>   <li><a href="http://bilgi-depom.tr.gg/online-kuran-i-kerim-dinle.htm" _fcksavedurl="http://bilgi-depom.tr.gg/online-kuran-i-kerim-dinle.htm" _fcksavedurl="http://bilgi-depom.tr.gg/online-kuran-i-kerim-dinle.htm" _fcksavedurl="http://bilgi-depom.tr.gg/online-kuran-i-kerim-dinle.htm">Online Kuran Dinle</a></li>   <li><a href="http://bilgi-depom.tr.gg/namaz-ve-sagligimiz.htm" _fcksavedurl="http://bilgi-depom.tr.gg/namaz-ve-sagligimiz.htm" _fcksavedurl="http://bilgi-depom.tr.gg/namaz-ve-sagligimiz.htm" _fcksavedurl="http://bilgi-depom.tr.gg/namaz-ve-sagligimiz.htm">Namaz Ve Sağlığımız</a></li> </ul> <h3 class="headerbar">Dost Sİteler</h3> <ul>              <li><a target="_blank" href="http://h-k-d.tr.gg" _fcksavedurl="http://h-k-d.tr.gg" _fcksavedurl="http://h-k-d.tr.gg" _fcksavedurl="http://h-k-d.tr.gg">H-K-D</a></li>    <li><a target="_blank" href="http://yukselweb-tasarim.tr.gg/" _fcksavedurl="http://yukselweb-tasarim.tr.gg/" _fcksavedurl="http://yukselweb-tasarim.tr.gg/" _fcksavedurl="http://yukselweb-tasarim.tr.gg/">Yukselweb-Tasarım</a></li>      <li><a target="_blank" href="http://wwetim.tr.gg/" _fcksavedurl="http://wwetim.tr.gg/" _fcksavedurl="http://wwetim.tr.gg/" _fcksavedurl="http://wwetim.tr.gg/">WweTim</a></li>    <li><a target="_blank" href="http://www.kasabamizhacilar.tr.gg/" _fcksavedurl="http://www.kasabamizhacilar.tr.gg/" _fcksavedurl="http://www.kasabamizhacilar.tr.gg/" _fcksavedurl="http://www.kasabamizhacilar.tr.gg/">Hacılar Kasabası</a></li>  <li><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="http://bilgi-depom.tr.gg/iletisim.htm">Siteni Ekle</a></li>   <script type="text/javascript" src="http://www.adhood.com/adserver/ad.php?zid=174137"></script>   </ul>      </ul>    </div> </div> <div class="icerikosman"> </body></html>    <CENTER><textarea rows="3" cols="30">      </div> </div>    <div id="alt">    <div id="footer"><p  class="altreklam">    <br />   <a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/"><img alt="Bilgi-Depom.Tr.Gg" src="https://img.webme.com/pic/b/bilgi-depom/728x90-banner.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/728x90-banner.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/728x90-banner.gif" /></a>   </div></div> </body></html>    <CENTER><textarea rows="3" cols="30"><a style="position: fixed; top: 200px; right: 0px;" href="http://www.facebook.com/pages/wWwBilgi-DepomTrGg/106413792739507" _fcksavedurl="http://www.facebook.com/pages/wWwBilgi-DepomTrGg/106413792739507" _fcksavedurl="http://www.facebook.com/pages/wWwBilgi-DepomTrGg/106413792739507"><img border="0" alt="" src="https://img.webme.com/pic/b/bilgi-depom/facebok-resmi.png" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/facebok-resmi.png" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/facebok-resmi.png" /></a>  <h3 style="text-align: center;"><span style="color: rgb(255, 0, 0);"><strong><br />  Sitemizde Şuan  </strong></span><script type="text/javascript" src="http://widgets.amung.us/colored.js"></script><script type="text/javascript">WAU_colored('ewc7dzfog8d7', '8cc63f000000')</script>  <span style="color: rgb(255, 0, 0);"><strong>Online Var </strong></span></h3>   <center><center> <table height="20" cellspacing="0" cellpadding="0" width="700" border="0" style="border-top-color: rgb(211, 211, 211); border-right-color: rgb(211, 211, 211); border-bottom-color: rgb(211, 211, 211); border-left-color: rgb(211, 211, 211); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-left-style: dotted; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; ">     <tbody style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">         <tr style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">             <td background="https://img.webme.com/pic/b/bilgi-depom/copyright.png" style="font-family: Arial, Verdana, sans-serif; font-size: 12px; border-top-color: rgb(211, 211, 211); border-right-color: rgb(211, 211, 211); border-bottom-color: rgb(211, 211, 211); border-left-color: rgb(211, 211, 211); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-left-style: dotted; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">             <p style="text-align: center; "><span style="font-size: small; "><font color="#000000" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><strong style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">©  2010 Bilgi-Depom™ Bu Sayfayı <a name="fb_share" href="http://www.facebook.com/sharer.php" _fcksavedurl="http://www.facebook.com/sharer.php" _fcksavedurl="http://www.facebook.com/sharer.php" type="button">Facebookta Paylaş</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> </strong></font></span></p>             </td>         </tr>     </tbody> </table> <p style="text-align: center; "> </p> <table border="0" cellspacing="1" cellpadding="1" width="521" align="center" height="165" style="width: 521px; height: 100px">     <tbody>         <tr>             <td valign="top" background="https://img.webme.com/pic/b/bilgi-depom/istatistlik-arka-plani.png" align="center">             <p align="center"> <br /><a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/"><img alt="Bilgi-Depom.Tr.Gg" src="https://img.webme.com/pic/b/bilgi-depom/b

Tasarım Altındaki Yazı: </div> </div> <div id="alt"> <div id="footer"><p class="altreklam"> <br /> <a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/"><img alt="Bilgi-Depom.Tr.Gg" src="https://img.webme.com/pic/b/bilgi-depom/728x90-banner.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/728x90-banner.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/728x90-banner.gif" /></a> </div></div> </body></html></body></html>

İçerik Bölümü:<a style="position: fixed; top: 200px; right: 0px;" href="http://www.facebook.com/pages/wWwBilgi-DepomTrGg/106413792739507" _fcksavedurl="http://www.facebook.com/pages/wWwBilgi-DepomTrGg/106413792739507" _fcksavedurl="http://www.facebook.com/pages/wWwBilgi-DepomTrGg/106413792739507"><img border="0" alt="" src="https://img.webme.com/pic/b/bilgi-depom/facebok-resmi.png" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/facebok-resmi.png" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/facebok-resmi.png" /></a> <h3 style="text-align: center;"><span style="color: rgb(255, 0, 0);"><strong><br /> Sitemizde Şuan </strong></span><script type="text/javascript" src="http://widgets.amung.us/colored.js"></script><script type="text/javascript">WAU_colored('ewc7dzfog8d7', '8cc63f000000')</script> <span style="color: rgb(255, 0, 0);"><strong>Online Var </strong></span></h3> <center><center> <table height="20" cellspacing="0" cellpadding="0" width="700" border="0" style="border-top-color: rgb(211, 211, 211); border-right-color: rgb(211, 211, 211); border-bottom-color: rgb(211, 211, 211); border-left-color: rgb(211, 211, 211); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-left-style: dotted; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; "> <tbody style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "> <tr style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "> <td background="https://img.webme.com/pic/b/bilgi-depom/copyright.png" style="font-family: Arial, Verdana, sans-serif; font-size: 12px; border-top-color: rgb(211, 211, 211); border-right-color: rgb(211, 211, 211); border-bottom-color: rgb(211, 211, 211); border-left-color: rgb(211, 211, 211); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-left-style: dotted; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "> <p style="text-align: center; "><span style="font-size: small; "><font color="#000000" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><strong style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">© 2010 Bilgi-Depom™ Bu Sayfayı <a name="fb_share" href="http://www.facebook.com/sharer.php" _fcksavedurl="http://www.facebook.com/sharer.php" _fcksavedurl="http://www.facebook.com/sharer.php" type="button">Facebookta Paylaş</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> </strong></font></span></p> </td> </tr> </tbody> </table> <p style="text-align: center; "> </p> <table border="0" cellspacing="1" cellpadding="1" width="521" align="center" height="165" style="width: 521px; height: 100px"> <tbody> <tr> <td valign="top" background="https://img.webme.com/pic/b/bilgi-depom/istatistlik-arka-plani.png" align="center"> <p align="center"> <br /><a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/"><img alt="Bilgi-Depom.Tr.Gg" src="https://img.webme.com/pic/b/bilgi-depom/bilgi-depom-reklam-banner.jpg" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/bilgi-depom-reklam-banner.jpg" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/bilgi-depom-reklam-banner.jpg" /></a> </td> </tr> </tbody> </table> </center></center></body></html></body></html>

Css Koduna:

iframe{border:solid 4px #000000;}   table {margin-left: auto;margin-right: auto}       h1#title{display:  none;} h2#title span {display: none;} div.header{display: none;}  li.nav_element{list-style-type: none;} li.nav_element{display: none;}  *  {padding: 0; margin:0 }  body { margin-left:  auto; margin-right: auto;  background: url( https://img.webme.com/pic/b/bilgi-depom/tasarim-arka-plan-resmi.jpg  ) top  center fixed; }  #tasarim{ width: 900px; margin-left:  auto;  margin-right: auto; }    #ust{ margin-left:  auto; margin-right: auto;  background: url( https://img.webme.com/pic/b/bilgi-depom/tasarim-tema-resmi.png ); width:  900px; height: 175px; float: left; }  .logo {     } .reklamalani {  width:468px; height:70px; padding: 33px 0 0 395px; float: left;  overflow: hidden; }  .ustmenuosman { width:750px; height:20px; padding:  30px 0 0 146px; float: left; font-size: 15px; color: #000000;  font-family: century gothic; overflow: hidden; } #orta{ margin-left:   auto; margin-right: auto; background: url(  https://img.webme.com/pic/b/bilgi-depom/tasarim-ortasi-resmi.png ); width: 900px; height:  100%; float: left; }  .menuosman{ width:195px; float: left; padding: 0 0  0 25px; overflow: hidden; }  .icerikosman { width:640px; float: left;  padding: 0 0 0 19px; overflow: hidden; text-align: justify; }   .altreklam{ float: left; width:470px; height:70px; padding: 6px 0  0  39px;}     #alt{ margin-left:  auto; margin-right: auto; background:  url( https://img.webme.com/pic/b/bilgi-depom/tasarim-alti-resmi.png ); width: 900px;  height: 125px; float: left;   }       input { padding: 2px;  margin-right: 1px; background-image:  url(https://img.webme.com/pic/m/mrossi/brder16.bmp); border: 1px solid  #696969; border-left:5px solid #696969; color: #CA143C; font-Arial ;  font-size:13px; } input:hover{ padding: 2px; margin-right: 1px;  background-image: url(https://img.webme.com/pic/m/mrossi/brder16.bmp);  border: 1px solid #FF0000; border-left:5px solid #FF0000; color:  #FF0000; font-Arial; font-size:13px; } textarea { padding: 2px;  margin-right: 1px; background-image:  url(https://img.webme.com/pic/m/mrossi/brder16.bmp); border: 1px solid   #696969; border-left:5px solid  #696969; color: #FF0000; font-Arial;  font-size:13px; } textarea:hover { padding: 2px; margin-right: 1px;  background-image: url(https://img.webme.com/pic/m/mrossi/brder16.bmp);  border: 1px solid #FF0000; border-left:5px solid #FF0000; color:  #FF0000; font-Arial; font-size:13px; }    a:link, a:visited { 	color:  #000000; 	text-decoration: none; 	font-weight: ; }    a:hover { 	 text-decoration: none; 	color: gray; }    ::-moz-selection {  background:#arkaplanrengi; color:#FF0000; }       #kommentartext { background-image:url(https://img.webme.com/pic/b/bilgi-depom/yorum-kutusu.jpg); }</body></html></body></html>

GRAFİKER TASARIMI

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

Tasarım Üzerine
 <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> 

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>

YILDIZ TASARIMI

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

Tasarım Üzerine </td></tr></table> <div id="design"> <div id="header"> <h1 class="hptitle">Bilgi-Depom.Tr.Gg</h1> <h2 class="slogan">Kaliteli Bilgi Portalınız</h2> </div> <div id="main"> <div id="menu"> <div id="menu_items"> <a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/">Ana Sayfa</a> <a href="http://bilgi-depom.tr.gg/Forum/index.htm" _fcksavedurl="http://bilgi-depom.tr.gg/Forum/index.htm">Forum</a> <a href="http://bilgi-depom.tr.gg/top-liste.htm" _fcksavedurl="http://bilgi-depom.tr.gg/top-liste.htm">Top Liste</a> <a href="http://bilgi-depom.tr.gg/sitemize-destek-olun.htm" _fcksavedurl="http://bilgi-depom.tr.gg/sitemize-destek-olun.htm">Destek Ol</a> <a href="http://bilgi-depom.tr.gg/hakkimda.htm" _fcksavedurl="http://bilgi-depom.tr.gg/hakkimda.htm">Hakkımda</a> <a href="http://bilgi-depom.tr.gg/arama.htm" _fcksavedurl="http://bilgi-depom.tr.gg/arama.htm">Arama</a> <a href="http://bilgi-depom.tr.gg/ziyaretci-defteri.htm" _fcksavedurl="http://bilgi-depom.tr.gg/ziyaretci-defteri.htm">Ziyaretçi Defteri</a> <a href="http://bilgi-depom.tr.gg/iletisim.htm" _fcksavedurl="http://bilgi-depom.tr.gg/iletisim.htm">İletişim</a> </div></div> <div id="box"> <div id="btop"></div> <div id="bbg"> <h1>Ana Menü</h1> <h2>Menü Hakkında</h2> <br /> <div id="box_items"> <a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/">» Ana Sayfa</a> <a href="http://bilgi-depom.tr.gg/Forum/index.htm" _fcksavedurl="http://bilgi-depom.tr.gg/Forum/index.htm">» Forum</a> <a href="http://bilgi-depom.tr.gg/top-liste.htm" _fcksavedurl="http://bilgi-depom.tr.gg/top-liste.htm">» Top Liste</a> <a href="http://bilgi-depom.tr.gg/ziyaretci-defteri.htm" _fcksavedurl="http://bilgi-depom.tr.gg/ziyaretci-defteri.htm">» Ziyaretçi Defteri</a> <a href="http://bilgi-depom.tr.gg/iletisim.htm" _fcksavedurl="http://bilgi-depom.tr.gg/iletisim.htm">» İletişim</a> </div> <br /> <h1>Alt Menü</h1> <h2>Menü Hakkında</h2> <br /> <div id="box_items"> <a href="http://bilgi-depom.tr.gg/css-tasarimlar.htm" _fcksavedurl="http://bilgi-depom.tr.gg/css-tasarimlar.htm">» Css Tasarımlar</a> <a href="http://bilgi-depom.tr.gg/html-kodlari-sayfa-1.htm" _fcksavedurl="http://bilgi-depom.tr.gg/html-kodlari-sayfa-1.htm">» Html Kodlar</a> <a href="http://bilgi-depom.tr.gg/fbml-kodlar.htm" _fcksavedurl="http://bilgi-depom.tr.gg/fbml-kodlar.htm">» Fbml Kodlar</a> <a href="http://bilgi-depom.tr.gg/reklam-alani-bannerleri.htm" _fcksavedurl="http://bilgi-depom.tr.gg/reklam-alani-bannerleri.htm">» Reklam Bannerleri</a> <a href="http://bilgi-depom.tr.gg/banner-arka-planlari.htm" _fcksavedurl="http://bilgi-depom.tr.gg/banner-arka-planlari.htm">» Banner Arka Planları</a> </div> <br /> <h1>Reklam Alanı</h1> <h2></h2> <p><a href="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/" _fcksavedurl="http://bilgi-depom.tr.gg/"><img src="https://img.webme.com/pic/b/bilgi-depom/bilgi-depom.tr.gg-banneri.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/bilgi-depom.tr.gg-banneri.gif" _fcksavedurl="https://img.webme.com/pic/b/bilgi-depom/bilgi-depom.tr.gg-banneri.gif" alt="Bilgi-Depom.Tr.Gg" /></a></p> </div> <div id="bbottom"></div> </div> <div id="ctop"></div> <div id="subpage"><h1>Bilgi-Depom.Tr.Gg</h1></div>
Tasarım Altına <div id="cbottom"></div></div> <div id="footer"> © Copyright 2010 By <a href="http://www.bilgi-depom.tr.gg" _fcksavedurl="http://www.bilgi-depom.tr.gg">Bilgi-Depom</a> <br></a></div> </div>
Css Kod

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element checked_menu{display:none;} li.nav_element subpage{display:none;} li.nav_element{display:none;} #nav_container{display:none;} #sidebar_container{display:none;} #counter{display:none;} /HINTERGRUND/ body{ background: #000; font-family: verdana, arial, sans-serif; font-weight: normal; font-size: .69em; padding: 0px; margin: 0px;} /SCHRIFTFORMATIERUNG/ p{ margin: 0px; font-weight: normal; padding: 0px 0px 16px 0px; line-height: 1.5em;} h1{ font-family:Arial, Helvetica, Verdana, sans-serif; font-weight: bold; color: #dc0000;} h2{ margin: 0px; font-size: 100%; color: #000000;} h1.hptitle{ font-family:Arial, Helvetica, Verdana, sans-serif; font-weight: bold; margin-top: 70px; margin-left: 180px; color: #fff;} h2.slogan{ font-family:Arial, Helvetica, Verdana, sans-serif; font-weight: bold; margin-top: 0px; margin-left: 240px; font-size: 120%; color: #fff;} a{ color: #a9ac99; text-decoration: none; outline: none;} a:hover{ color: #dc0000; text-decoration: underline;} { padding: 0; margin: 0;} ul, li{ list-style-type: square;} hr{ height: 1px; border: 0px dashed #ced2ba; background-color: #ced2ba; margin: 5px;} img{ border: 0px;} /DESIGN/ #design{ width: 900px; margin: 0px auto; color: #fff; margin-top: 0px; font-weight: normal;} #main{ width: 900px; background: url(https://img.webme.com/pic/b/bilgi-depom/tasarim-arka-plan.png); background-repeat: repeat-y; float: left; clear.both;} /Header/ #header{ background-image: url(https://img.webme.com/pic/b/bilgi-depom/site-basligi.png); background-repeat: no-repeat; width: 900px; height: 159px; color: #ffffff; margin: 0px auto; float: left; clear:both; margin-top: 0px;} /BOX/ #box{ width: 200px; color: #000; float: left; margin-left: 10px;} #btop{ width: 200px; height: 25px; background: url(https://img.webme.com/pic/o/osmantalay/btop.png); color: #000; float: left;} #bbg{ width: 180px; background: url(https://img.webme.com/pic/b/bilgi-depom/menu-resmi.png); color: #000; float: left; padding: 10px; padding-top: 0px; padding-bottom: 0px;} #bbottom{ width: 200px; height: 5px; background: url(https://img.webme.com/pic/o/osmantalay/bttmot.png); color: #000; float: left;} #box_items a:link, #box_items a:visited, #box_items a:hover { font-weight: bold; width: 159px; height: 16px; color:#a9ac99; display:block; padding: 3px; border-bottom: 1px solid #ced2ba;} #box_items a:hover {color: #dc0000; text-decoration: none; font-weight: bold;} /CONTENT/ #subpage{ width: 638px; float: right; background: url(https://img.webme.com/pic/o/osmantalay/cbg.png); padding-left: 15px; padding-right: 15px; color: #000; margin-right: 10px;} #ctop{ width: 668px; height: 25px; float: right; background: url(https://img.webme.com/pic/o/osmantalay/ctop.png); margin-right: 10px;} #content{ width: 638px; float: right; background: url(https://img.webme.com/pic/b/bilgi-depom/sayfa-arka-plan.png); padding-left: 15px; padding-right: 15px; color: #000; margin-right: 10px;} #cbottom{ width: 668px; height: 5px; float: right; background: url(https://img.webme.com/pic/o/osmantalay/cbttom.png); margin-right: 10px;} /MENU/ #menu { width: 858px; height: 27px; background: url(https://img.webme.com/pic/b/bilgi-depom/ust-menu-resmi.png); margin: 10px; float: left; padding-left: 10px; padding-right: 10px; padding-top: 3px; color: #000;} #menu_items a:link, #menu_items a:visited, #menu_items a:hover { font-weight: bold; height: 16px; color:#a9ac99; display:block; float: left; border-right: 1px solid #bdbdbd; padding: 4px; padding-left: 10px; padding-right: 10px;} #menu_items a:hover {color: #dc0000; text-decoration: none; font-weight: bold;} /FOOTER/ #footer{ width: 900px; min-height: 11px; background: url(https://img.webme.com/pic/o/osmantalay/footr.png) no-repeat; color: #fff; margin-bottom: 20px; padding-top: 20px; text-align: right; float: left; clear: both;} #footer a { color: #fff; text-decoration: underline;} #footer a:hover{ color: #dc0000; text-decoration: underline;} /WEITERES*/ input{ border: 1px solid #bdbdbd; background: #e8e8e8; padding: 2px;} textarea{ border: 1px solid #bdbdbd; background: #e8e8e8; padding: 2px;} input[type=submit]{ border: 1px solid #bdbdbd; background: #e8e8e8; padding: 2px; cursor: pointer;} --> </style> <table style="margin: 0px auto; margin-top: 0px;" cellpadding="0" cellspacing="0" ><tr><td> <style type="text/css"> <!--

OSMANTALAY V2 TASARIMI

Osman Talay V2

Açıklama:
Tamamen Bana Ait Olan Bu Tasarımı Sizlere Sunuyorum.

Tasarım Özellikleri

Tasarım İsmi:	»V2
Kategorisi:	»Css Tasarım
Eklenme:	»10.Ağu 2010
Telif Hakkı:	»Osman Talay
Tarayıcılar:

»Opera
»Firefox
»İ.Explorer
»G.Chrome

Not: Tasarımdaki Resimleri Kendi Sitenize Yükleyin.

Tasarımın Üzerindeki Yazı

<div id="tasarim"> <div id="ust">   <div class="logo">  <a target="_self" href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg"><img border="0" alt="" src="https://img.webme.com/pic/o/osmantalay/logooto.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/logooto.png" style="width: 300px; height: 85px;" /></a>     </div> <div class="reklamalani">            <a href="  " _fcksavedurl="  " target="_self"><img border="0" src="https://img.webme.com/pic/o/osmantalay/rklamotl.gif" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/rklamotl.gif" </a>     <div class="ustmenuosman"> </div>   </div></div>    <div id="orta">     <div class="menuosman">      <div class="urbangreymenu">  <div class="urbangreymenu">  <h3 class="headerbar">Ana Menü</h3> <ul> <li><a href="http://osmantalay.tr.gg/" _fcksavedurl="http://osmantalay.tr.gg/">Ana Sayfa</a></li> <li><a href="http://osmantalay.tr.gg/Destek-Ol.htm" _fcksavedurl="http://osmantalay.tr.gg/Destek-Ol.htm">Destek Ol</a></li> <li><a href="http://osmantalay.tr.gg/Siteni-Ekle.htm" _fcksavedurl="http://osmantalay.tr.gg/Siteni-Ekle.htm">Siteni Ekle</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Dost Siteler</a></li> <li><a href="http://osmantalay.tr.gg/iletisim.htm" _fcksavedurl="http://osmantalay.tr.gg/iletisim.htm">Bana Ulaşın</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Site Haritası</a></li> <li><a href="http://osmantalay.tr.gg/defter.htm" _fcksavedurl="http://osmantalay.tr.gg/defter.htm">Konuk Defteri</a></li>  </ul>  <h3 class="headerbar">Sİten İçİn</h3> <ul> <li><a href="http://osmantalay.tr.gg/html-kodlari.htm" _fcksavedurl="http://osmantalay.tr.gg/html-kodlari.htm">Html Kodları</a></li> <li><a href="http://osmantalay.tr.gg/Web-Dersleri.htm" _fcksavedurl="http://osmantalay.tr.gg/Web-Dersleri.htm">Web Dersleri</a></li> <li><a href="http://osmantalay.tr.gg/Grafik-Odamiz.htm" _fcksavedurl="http://osmantalay.tr.gg/Grafik-Odamiz.htm">Grafik Odamız</a></li> <li><a href="http://osmantalay.tr.gg/Css-Tasarimlar.htm" _fcksavedurl="http://osmantalay.tr.gg/Css-Tasarimlar.htm">Css Tasarımlar</a></li>   <h3 class="headerbar">BİZİM Oda</h3> <ul> <li><a href="http://osmantalay.tr.gg/Aksaray.htm" _fcksavedurl="http://osmantalay.tr.gg/Aksaray.htm">Aksaray</a></li> <li><a href="http://osmantalay.tr.gg/Messenger.htm" _fcksavedurl="http://osmantalay.tr.gg/Messenger.htm">Messenger</a></li> <li><a href="http://osmantalay.tr.gg/incelemeler.htm" _fcksavedurl="http://osmantalay.tr.gg/incelemeler.htm">İncelemeler</a></li> <li><a href="http://osmantalay.tr.gg/Bilmedikleriniz.htm" _fcksavedurl="http://osmantalay.tr.gg/Bilmedikleriniz.htm">Bilmedikleriniz</a></li>   <h3 class="headerbar">İSlaMİYEt</h3> <ul> <li><a href="http://osmantalay.tr.gg/" _fcksavedurl="http://osmantalay.tr.gg/">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li>  <h3 class="headerbar">Sağlık BİLGİSİ</h3> <ul> <li><a href="http://osmantalay.tr.gg/" _fcksavedurl="http://osmantalay.tr.gg/">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li>  <h3 class="headerbar">Haftanın Vİdeosu</h3> <div style="background-color: rgb(9, 9, 9); width: 177px;"><embed width="177" height="150" allowfullscreen="true" allowscriptaccess="always" bgcolor="#090909" wmode="window" type="application/x-shockwave-flash" src="http://www.vidivodo.com/VideoPlayerShare.swf?u=BFdAS1tEXxI="></embed></div>     </div> </div> </div><div class="icerikosman">

Tasarımın Altındaki Yazı

</div> </div>   <div id="alt">    <div id="footer"><p class="altreklam">   <br>  <center> <span style="font-size: small;"> <strong> <span style="color: rgb(255, 255, 255);"><span style="font-family: Trebuchet MS;">Copyright <span class="style9">©</span> 2010 Osmantalay.tr.gg | V2 Beta  Design | Tüm Hakları Saklıdır  | Emeğe Saygı  | Aksaray  </span></span><span style="color: rgb(0, 0, 0);"><span style="font-family: Trebuchet MS;"><span style="color: rgb(255, 255, 255);">|</span></span></span><span style="font-family: Trebuchet MS;"><span class="style8"> </span></span></strong></span><strong><span class="style8"><span style="font-size: small;"><a target="_self" href="http://osmantalay.tr.gg/Hakkimda.htm" _fcksavedurl="http://osmantalay.tr.gg/Hakkimda.htm"><span style="font-family: Arial;">Hakkımda</span></a></span><span style="font-size: medium;"><span style="font-size: small;"><span style="font-family: Arial;"> <span style="color: rgb(255, 255, 255);">| </span></span></span></span><span style="font-size: small;"><span style="font-family: Arial;"><a href="http://www.osmantalay.tr.gg/iletisim.htm" _fcksavedurl="http://www.osmantalay.tr.gg/iletisim.htm" target="_self">İletişim</a> <span style="color: rgb(255, 255, 255);">|</span> <a href="http://www.osmantalay.tr.gg/defter.htm" _fcksavedurl="http://www.osmantalay.tr.gg/defter.htm" target="_self">Yorumlar</a> </span></span></span></strong> <center>    </div></div>

Css Kodu

KİŞİSEL TASARIM

Kişisel Tasarım

Açıklama:
Bu Hazır Tasarımı Düzenleyerek Sizlere Sunmuş Bulunuyorum.

Tasarım Özellikleri

Tasarım İsmi:	»Kişisel
Kategorisi:	»Css Tasarım
Eklenme:	»13.Ağu 2010
Telif Hakkı:	»Osman Talay
Tarayıcılar:

»Opera
»Firefox
»İ.Explorer
»G.Chrome

Not: Tasarımdaki Resimleri Kendi Sitenize Yükleyin.

Tasarımın Üzerindeki Yazı

Tasarımın Altındaki Yazı

Css Kodu

lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} body { background:url(https://img.webme.com/pic/o/osmantalay/drkbg.gif) repeat #000000; padding:0; font-family:arial, sans-serif; font-size:12px; margin:0px auto auto auto; color:#36322b; } p{ padding:0px; text-align:justify; margin:0px; line-height:20px; } p.welcome{ padding:0px 0px 0 0px; } p.testimonial{ font-style:italic; padding:0px 0px 0 0px; } .clear{ clear:both; } a{ text-decoration:underline; }  #main_container{ width:821px; height:auto; margin:auto; padding:0px; } #header{ width:821px; height:135px; margin:0px; padding:0px; background:url(hayir) no-repeat center top; } .logo{ padding:40px 0 0 0px; } .title{ width: auto; padding:2px 0 10px 0; font-size:17px; color:#2e2721; font-weight:bold; } .title_welcome{ width: auto; padding:0 0 0 35px; font-size:22px; color:#24a4b3; background:url(hayir) no-repeat left top; margin:0 0 10px 25px; } span.red{ font-weight:bold; color:#da5b23; } span.orange{ font-weight:bold; color:#da5b23; }   /*---------------- menu tab----------------------*/ .menu{ width:821px; height:42px; margin:0px; background:url(https://img.webme.com/pic/o/osmantalay/mnbgcnn2.gif) no-repeat left; } .menu ul{ list-style:none; padding:0 0 0 15px; margin:0px; } .menu ul li{ display:inline; } .menu ul li a{ float:left; height:42px; border:none; padding:0 15px 0 15px; text-decoration:none; color:#fff; line-height:42px; font-size:13px;} .menu ul li.selected a{ float:left; height:42px; border:none; padding:0 15px 0 15px; text-decoration:none; color:#fff; line-height:42px; font-size:13px; background:url(https://img.webme.com/pic/o/osmantalay/mnsrt.gif) no-repeat bottom center; } .menu ul li a:hover{ background:url(https://img.webme.com/pic/o/osmantalay/mnsrt.gif) no-repeat bottom center; }     /*---------------center_content-------*/  .center_content{ width:821px; height:auto; clear:both; padding:25px 0 30px 0; background-color:#e9e5e2; } .center_left{ width:801px; float:left; padding:10px 0 10px 10px; } .center_right{ width:0px; float:left; padding:10px 0 10px 0px; }   /*-------------------footer------------------------*/  #footer{ width:821px; height:50px; clear:both; color:#837d7b; } .left_footer{ float:left; padding:20px 0 0 0; } #footer a{ color:#837d7b; padding:0 4px 0 4px; text-decoration:none; } .right_footer{ float:right; padding:15px 5px 0 0 ; }       input,textarea{     border: 2px solid #dddddd;     background: #eeeeee;     padding: 3px;} input:focus,textarea:focus{border: 2px solid #bbbbbb;}  input[type="submit"]{cursor: pointer;} input[type="submit"]:hover{border: 2px solid #bbbbbb;}    <style>  A{ text-decoration : none; }  </style>   <style> A{ text-decoration : none; }  A:Hover{ text-decoration : underline; } </style>

ACEMİGRAPHİC TASARIMI

Tasarımın Üzerindeki Yazı:

<div id="tasarim"> <div id="ust">  <div class="logo">      <a href="http://www.acemigraphic.tk" _fcksavedurl="http://www.acemigraphic.tk" target="_self"><img border="0" src="http://i35.tinypic.com/24w4i9g.jpg" _fcksavedurl="http://i35.tinypic.com/24w4i9g.jpg" alt="" /></a>      </div> <div class="nedenbiz">    </div>        <div class="altmenu">     <div><a href="http://acemigraphic.tk" _fcksavedurl="http://acemigraphic.tk"><img border="0" alt="" src="http://i36.tinypic.com/23rlvea.jpg" _fcksavedurl="http://i36.tinypic.com/23rlvea.jpg" onMouseOut_fckprotectedatt="%20onMouseOut%3D%22this.src%3D'http%3A%2F%2Fi36.tinypic.com%2F23rlvea.jpg'%3B%22" onMouseOver_fckprotectedatt="%20onMouseOver%3D%22this.src%3D'http%3A%2F%2Fi38.tinypic.com%2F118h9x3.jpg'%3B%22" /></a><a href="http://ottk6893.tr.gg/Hakkimda.htm" _fcksavedurl="http://ottk6893.tr.gg/Hakkimda.htm"><img border="0" alt="" src="http://i35.tinypic.com/2vm9ds5.jpg" _fcksavedurl="http://i35.tinypic.com/2vm9ds5.jpg" onMouseOut_fckprotectedatt="%20onMouseOut%3D%22this.src%3D'http%3A%2F%2Fi35.tinypic.com%2F2vm9ds5.jpg'%3B%22" onMouseOver_fckprotectedatt="%20onMouseOver%3D%22this.src%3D'http%3A%2F%2Fi37.tinypic.com%2F2ps1um9.jpg'%3B%22" /></a><a href="http://ottk6893.tr.gg/Referanslar.htm" _fcksavedurl="http://ottk6893.tr.gg/Referanslar.htm"><img border="0" alt="" src="http://i37.tinypic.com/24e9z69.jpg" _fcksavedurl="http://i37.tinypic.com/24e9z69.jpg" onMouseOut_fckprotectedatt="%20onMouseOut%3D%22this.src%3D'http%3A%2F%2Fi37.tinypic.com%2F24e9z69.jpg'%3B%22" onMouseOver_fckprotectedatt="%20onMouseOver%3D%22this.src%3D'http%3A%2F%2Fi33.tinypic.com%2F205fptx.jpg'%3B%22" /></a><a href="http://ottk6893.tr.gg/Blogum.htm" _fcksavedurl="http://ottk6893.tr.gg/Blogum.htm"><img border="0" alt="" src="http://i36.tinypic.com/snlyj6.jpg" _fcksavedurl="http://i36.tinypic.com/snlyj6.jpg" onMouseOut_fckprotectedatt="%20onMouseOut%3D%22this.src%3D'http%3A%2F%2Fi36.tinypic.com%2Fsnlyj6.jpg'%3B%22" onMouseOver_fckprotectedatt="%20onMouseOver%3D%22this.src%3D'http%3A%2F%2Fi37.tinypic.com%2F33c6wqv.jpg'%3B%22" /></a><a href="http://ottk6893.tr.gg/Siparis-Ver.htm" _fcksavedurl="http://ottk6893.tr.gg/Siparis-Ver.htm"><img border="0" alt="" src="http://i38.tinypic.com/5nkuvq.jpg" _fcksavedurl="http://i38.tinypic.com/5nkuvq.jpg" onMouseOut_fckprotectedatt="%20onMouseOut%3D%22this.src%3D'http%3A%2F%2Fi38.tinypic.com%2F5nkuvq.jpg'%3B%22" onMouseOver_fckprotectedatt="%20onMouseOver%3D%22this.src%3D'http%3A%2F%2Fi33.tinypic.com%2F15poh3m.jpg'%3B%22" /></a></div>        </div></div>  <div id="orta">   <div class="solmenuosman">    <div class="urbangreymenu">    <div class="urbangreymenu">  </div></div></div>   <div class="icerikosmn">

Tasarımın Altındaki Yazı:

</div></div> <div id="alt">     <div class="koprayt"> <br>  <span style="font-family: Verdana;"><span style="color: rgb(255, 255, 255);"><span style="font-size: x-small;"><strong>Copyright <span class="style9">©</span> 2010 AcemiGraphic.Tk | V1 Beta Design | Tüm Hakları Saklıdır | Osman Talay |</strong></span></span><span style="font-size: x-small;"><strong><span style="color: rgb(0, 0, 0);"> </span></strong></span></span><span style="font-size: x-small;"><span style="font-family: Times New Roman;"><strong><span style="color: rgb(0, 0, 0);"><a target="_self" href="http://ottk6893.tr.gg/Aksaray.htm" _fcksavedurl="http://ottk6893.tr.gg/Aksaray.htm"><span style="color: rgb(0, 0, 0);"><span style="font-family: Verdana;">Aksaray</span></span></a></span></strong></span></span><span style="font-family: Verdana;"><span style="font-size: x-small;"><strong><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(255, 255, 255);">|</span><span class="style8"><span style="color: rgb(255, 255, 255);"> <a target="_self" href="http://ottk6893.tr.gg/Siparis-Ver.htm" _fcksavedurl="http://ottk6893.tr.gg/Siparis-Ver.htm"><span style="color: rgb(0, 0, 0);">Sipariş Ver</span></a></span> </span><span style="color: rgb(255, 255, 255);">|</span><span class="style8"><span style="color: rgb(255, 255, 255);"> <a target="_self" href="http://ottk6893.tr.gg/Hakkimda.htm" _fcksavedurl="http://ottk6893.tr.gg/Hakkimda.htm"><span style="color: rgb(0, 0, 0);">Hakkımda</span></a></span></span></strong></span><strong><span class="style8"><span style="font-size: small;"> </span></span></strong></span>      </div></div>

Css Kodu Bölümüne

iframe{border:solid 2px #000000;}   table {margin-left: auto;margin-right: auto}   h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}  * {padding: 0; margin:0 }  body { margin-left:  auto; margin-right: auto; background: url(  http://i33.tinypic.com/9pwf38.jpg  ) top center fixed; }        #tasarim{ width: 815px; margin-left:  auto; margin-right: auto;  }         #ust{ margin-left:  auto; margin-right: auto; background: url( http://i54.tinypic.com/27wrm01.jpg  ); width: 815px; height: 160px; float: left; }        .logo { width:300px; padding: 0px 0 0 20px; float: left; font-size: 0px; color: #FFFFFF; font-family: Comic Sans MS; overflow: hidden;       } .nedenbiz { width:200px; height: 40px; padding: 0px 0 0 100px; float: left; overflow: hidden; }           .altmenu{ width:815px; height: 40px;  padding: 1px 0 0 19px; float: left; font-size: 13px; color: #000000; font-family: Trebuchet MS ; overflow: hidden; }      #orta{ margin-left:  auto; margin-right: auto; background: url( http://i36.tinypic.com/2573l9f.jpg  ); width: 815px; height: 17; font-size: 13px; color: #000000; font-family: Arial; float: left; }       .solmenuosman{ width:0px; float: left; padding: 0 0 0 0px; overflow: hidden; }        .icerikosmn{ width: 765px; float: left; padding: 0 0 0  26px; overflow: hidden; text-align: justify; }                   .koprayt{ width:800px; 	height:5px;  	padding: 24px 0 0 25px; 	font-size: 14px; }   #alt{ margin-left:  auto; margin-right: auto; background: url( http://i38.tinypic.com/34e4968.jpg ); width: 815px; height: 85px; float: left; }                   hr {    border: 0;     border-top: 1px solid #000;     color: white;} tt {     background: #F2F2F2 ;     border: dotted 1px #D7D7D7;     padding: 5px 5px 5px 5px; font-size:12px }  code {     margin : 4px 8px;     padding : 8px;     text-align : left;     display : block;     overflow : auto;     font : 500 1em/1.5em 'Lucida Console', 'courier new', monospace;     background: #f8f4f1 url(https://img.webme.com/pic/o/osmantalay/otorsdstl.bmp) right top no-repeat;     border : 1px dashed #D7C3C3; }    input,textarea{     border: 1px solid #3EA4E6;      background: #eeeeee;     padding: 3px;} input:focus,textarea:focus{border: 1px solid #bbbbbb;}  input[type="submit"]{ background: url(https://img.webme.com/pic/o/osmantalay/bttnbg.jpg) repeat-x;  border: 1px solid #3EA4E6; padding: 2px 5px 2px 5px; color: #646464; text-decoration: none; margin-left: 5px; font-size: 11px;cursor: pointer;} input[type="submit"]:hover{border: 1px solid #F1E2C5; color: #000000; text-decoration: none;}   textarea.code{     border: 2px solid #dddddd;      background: #efefef;     width: 460px;     height: 45px;     font-size: 11px;     overflow: auto;     padding: 5px;     margin: 2px 0px 2px 0px; }  textarea.code:focus{     border: 2px solid #cccccc;      background: #fff; }    A{ text-decoration : none; } a{color:#0e9dc1;text-decoration:none;font:bold} a:hover{color:#C0C0C0;text-decoration:none;font:bold}  </style>   <style> A{ text-decoration : none; }  A:Hover{ text-decoration : underline; }      ::-moz-selection { background: #336699; color: #FFFFFF; } ::selection { background: #336699; color: #FFF; }

OSMANTALAY V3 TASARIMI

Osman Talay V3

Açıklama:
Tamamen Bana Ait Olan Bu Tasarımı Sizlere Sunuyorum.

Tasarım Özellikleri

Tasarım İsmi:	»V3
Kategorisi:	»Css Tasarım
Eklenme:	»16.Ağu 2010
Telif Hakkı:	»Osman Talay
Tarayıcılar:

»Opera
»Firefox
»İ.Explorer
»G.Chrome

Not: Tasarımdaki Resimleri Kendi Sitenize Yükleyin.

Tasarımın Üzerindeki Yazı

<div id="tasarim">  <div id="ust">   <div class="logo">     <a href="http://www.osmantalay.tr.gg/" _fcksavedurl="http://www.osmantalay.tr.gg/" target="_self"><img border="0" style="height: 85px;"   src="https://img.webme.com/pic/o/osmantalay/logooto.png" alt="" /></a>    </div> <div class="reklamalani">       <p align="left"><a href="http://www.mehmetcik.org.tr/" _fcksavedurl="http://www.mehmetcik.org.tr/"><img height="50" width="230" border="0" style="opacity: 0.4;" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.style.opacity%3D1%3Bthis.filters.alpha.opacity%3D200%22" alt="TSK Mehmetçik Vakfı" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.style.opacity%3D0.4%3Bthis.filters.alpha.opacity%3D140%22" src="https://img.webme.com/pic/o/osmantalay/mhct.gif" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/mhct.gif" /></a></p> <style type="text/css">.imgfade{filter:alpha(opacity=30); -moz-opacity:0.5;margin-left:3px} .imgfull{filter:alpha(opacity=100); -moz-opacity:1;margin-left:3px} </style>     </div>       <div class="ustmenuosman">      <style type="text/css">  .bg {background:  none;} .menu {padding:0 0 0 5px; margin:0; list-style:none;   height:35px; color:#000000; background:  none repeat-x; position:relative; font-family:Trebuchet MS; } .menu   li.top {display:block; float:left; position:relative;} .menu li a.top_link {display:block; float:left; height:35px;   line-height:44px; color:#000000; text-decoration:none; font-size:13px; font-weight:bold; padding:0 0 0 13px;   cursor:pointer;} .menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 16px 0 0px;   height:35px;} .menu li a.top_link span.down {float:left; display:block; padding:0 16px 0 0px; height:35px;   background:url(images/usthvr.png) no-repeat right top;} .menu li a.top_link:hover {color:#FFFFFF;   background: url(images/usthvr.png) no-repeat;} .menu li a.top_link:hover span   {background:url(images/usthvr.png) no-repeat right top;} .menu li a.top_link:hover span.down   {background:url(images/usthvr.png) no-repeat right top;}       </style> <div> <ul class="menu">     <li class="top"><a href="Ana-Sayfa.htm" _fcksavedurl="Ana-Sayfa.htm" class="top_link"><span>»Ana Sayfa</span></a><span    class="top_link"><img border="0" alt="" src="https://img.webme.com/pic/o/osmantalay/mncbk.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/mncbk.png"   /></span></li>     <li class="top"><a href="bloger.htm" _fcksavedurl="bloger.htm" class="top_link"><span>»Blogum</span></a><span   class="top_link"><img border="0" alt="" src="https://img.webme.com/pic/o/osmantalay/mncbk.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/mncbk.png"   /></span></li>     <li class="top"><a href="Hakkimda.htm" _fcksavedurl="Hakkimda.htm" class="top_link"><span>»Hakkımda</span></a><span   class="top_link"><img border="0" alt="" src="https://img.webme.com/pic/o/osmantalay/mncbk.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/mncbk.png"   /></span></li>     <li class="top"><a href="banaulasin.htm" _fcksavedurl="banaulasin.htm" class="top_link"><span>»Contact</span></a><span   class="top_link"><img border="0" alt="" src="https://img.webme.com/pic/o/osmantalay/mncbk.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/mncbk.png"   /></span></li>     <li class="top"><a href="Defter.htm" _fcksavedurl="Defter.htm" class="top_link"><span>»Yorumlar</span></a><span   class="top_link"><img border="0" alt="" src="https://img.webme.com/pic/o/osmantalay/mncbk.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/mncbk.png"   /></span></li>     <li class="top"><a href="sitenicin.htm" _fcksavedurl="sitenicin.htm" class="top_link"><span>»Siten İçin</span></a><span   class="top_link"><img border="0" alt="" src="https://img.webme.com/pic/o/osmantalay/mncbk.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/mncbk.png"   /></span></li> </ul> 	   		</div>  </div></div>   <div id="orta">   <div class="icerikosmn">

Tasarımın Altındaki Yazı

</div></div> <div id="alt">    <p class="altrklm">   <center>  <img alt="" src="https://img.webme.com/pic/o/osmantalay/grpls.gif" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/grpls.gif" /> <span style="font-family: Trebuchet MS;"><span style="font-size: small;"><strong><a href="http://08oyun.tr.gg" _fcksavedurl="http://08oyun.tr.gg" target="_blank">08Oyun</a></strong></span></span><span style="font-family: Trebuchet MS;"><span style="font-size: small;"><strong>  </strong></span></span><img alt="" src="https://img.webme.com/pic/o/osmantalay/grpls.gif" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/grpls.gif" /> <span style="font-family: Trebuchet MS;"><span style="font-size: small;"><strong><a href="http://5rize3.tr.gg" _fcksavedurl="http://5rize3.tr.gg" target="_blank">5rize3</a>  </strong></span></span><img alt="" src="https://img.webme.com/pic/o/osmantalay/grpls.gif" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/grpls.gif" /> <span style="font-family: Trebuchet MS;"><span style="font-size: small;"><strong><a href="http://kral-yaris.tr.gg" _fcksavedurl="http://kral-yaris.tr.gg" target="_blank">Kral-Yaris</a>  </strong></span></span><img alt="" src="https://img.webme.com/pic/o/osmantalay/grpls.gif" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/grpls.gif" /> <span style="font-family: Trebuchet MS;"><span style="font-size: small;"><strong><a href="http://double-maniac.tr.gg" _fcksavedurl="http://double-maniac.tr.gg" target="_blank">Double-Maniac</a>  </strong></span></span><img alt="" src="https://img.webme.com/pic/o/osmantalay/grpls.gif" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/grpls.gif" /> <span style="font-family: Trebuchet MS;"><span style="font-size: small;"><strong><a href="http://cupacup.tr.gg" _fcksavedurl="http://cupacup.tr.gg" target="_blank">Cupacup</a>  </strong></span></span><img alt="" src="https://img.webme.com/pic/o/osmantalay/grpls.gif" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/grpls.gif" /> <span style="font-family: Trebuchet MS;"><span style="font-size: small;"><strong><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg" target="_blank">Bs-Tasarımcı</a></strong></span></span> <img alt="" src="https://img.webme.com/pic/o/osmantalay/grpls.gif" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/grpls.gif" /> <span style="font-family: Trebuchet MS;"><span style="font-size: small;"><strong><a href="http://yukselweb-tasarim.tr.gg/" _fcksavedurl="http://yukselweb-tasarim.tr.gg/" target="_blank">YWTasarım</a>  </strong></span></span><img alt="" src="https://img.webme.com/pic/o/osmantalay/grpls.gif" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/grpls.gif" /> <span style="font-family: Trebuchet MS;"><span style="font-size: small;"><strong><a href="http://www.sebekenet.tr.gg" _fcksavedurl="http://www.sebekenet.tr.gg" target="_blank">Sebekenet</a></strong></span></span><center>    </div></div>

Css Kodu

table {margin-left: auto;margin-right: auto}   h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}  * {padding: 0; margin:0 }  body { margin-left:  auto; margin-right: auto; background: url( https://img.webme.com/pic/o/osmantalay/bgrt.gif) top center fixed; }        #tasarim{ width: 730px; margin-left:  auto; margin-right: auto;  }         #ust{ margin-left:  auto; margin-right: auto; background: url(https://img.webme.com/pic/o/osmantalay/usttoooo32.png); width: 730px; height: 150px; float: left; }        .logo { width:300x; padding: 0px 0 0 8px; float: left; font-size: 0px; color: #FFFFFF; font-family: Comic Sans MS; overflow: hidden;       } .reklamalani { width:250px; height: 60px; padding: 20px 0 0 90px; float: left; overflow: hidden; }           .ustmenuosman{ width:710px; height: 40px;  padding: 6px 0 0 12px; float: left; font-size: 18px; color: #000000; font-family: Trebuchet MS; overflow: hidden; }      #orta{ margin-left:  auto; margin-right: auto; background: url(https://img.webme.com/pic/o/osmantalay/orttooo2.png); width: 730px; height: 6; font-size: 13px; color: #000000; font-family: Arial; float: left; }      .menuosman{ width:0px; float: left; padding: 0 0 0 0px; overflow: hidden; }        .icerikosmn{ width:690px; float: left; padding: 0 0 0  20px; overflow: hidden; text-align: justify; }                .altrklm{ float: left; width:710px; height:20px; padding: 13px 0  0 12px;}        #alt{ margin-left:  auto; margin-right: auto; background: url(https://img.webme.com/pic/o/osmantalay/alttoo6.png); width: 730px; height: 75px; float: left; }            #kommentartext { background-image:url(http://i32.tinypic.com/4htfmf.jpg); }   input,textarea{     border: 1px solid #dddddd;      background: #eeeeee;     padding: 3px;} input:focus,textarea:focus{border: 1px solid #bbbbbb;}  input[type="submit"]{ background: url(https://img.webme.com/pic/o/osmantalay/bttnbg.jpg) repeat-x;  border: 1px solid #dddddd; padding: 2px 5px 2px 5px; color: #646464; text-decoration: none; margin-left: 5px; font-size: 11px;cursor: pointer;} input[type="submit"]:hover{border: 1px solid #bbbbbb; color: #000000; text-decoration: none;}   textarea.code{     border: 1px solid #dddddd;      background: #efefef;     width: 460px;     height: 45px;     font-size: 11px;     overflow: auto;     padding: 5px;     margin: 2px 0px 2px 0px; }  textarea.code:focus{     border: 1px solid #cccccc;      background: #fff; }          a:link { color: black; text-decoration: none; } a:visited { color: black; text-decoration: none; } a:hover { color: #ffffff; text-decoration: underline overline blink; }    hr {    border: 0;     border-top: 1px solid #000;     color: white;} tt {     background: #F2F2F2 ;     border: dotted 1px #D7D7D7;     padding: 5px 5px 5px 5px; font-size:12px }  code {     margin : 4px 8px;     padding : 8px;     text-align : left;     display : block;     overflow : auto;     font : 500 1em/1.5em 'Lucida Console', 'courier new', monospace;     background: #f8f4f1 url(https://img.webme.com/pic/o/osmantalay/otorsdstl.bmp) right top no-repeat;     border : 1px dashed #D7C3C3; }

MAVİ-YEŞİL TASARIM

Tasarımın Üzerindeki Yazı:

<div id="tasarim"><div id="ust"><div class="logo">             <a href="http://osmantalay.tr.gg" target="_self"><img border="0" src="https://img.webme.com/pic/d/den-eme-68/newlogo689.png" alt="" /></a>             </div>             <div class="reklam">             <a href="http://osmantalay.tr.gg/" target="_blank"><img border="0" src="https://img.webme.com/pic/o/osmantalay/rklam687.gif" alt="" /></a>             </div><div class="sagmenu">             <table height="396" cellspacing="0" cellpadding="0" border="0" width="970" style="width: 910px; height: 0px;">             <tbody>             <tr>             <td align="left" width="400" valign="top">             <table cellspacing="0" cellpadding="0" border="0" background="#" style="width: 180px;             padding: 29px 0 0 0px;">             <tbody>             <tr>             <td align="left"><span style="font-family: Arial;"><span style="font-size: small;"><strong><em>             Sitemize Hoşgeldiniz...             </em></strong></span></span></td>             </tr>             </tbody>             </table>             </td>             <td align="left" valign="top">             <table cellspacing="0" cellpadding="0"             border="0" background="#" style="width: 720px;             padding: 0px 0 0 57px;             ">             <tbody>             <tr>             <td align="left">             <div id="menu"><div class="nave"><script src="http://img52.xooimage.com/files/5/2/1/2758cb8.js" type="text/javascript"></script>             <script src="http://img64.xooimage.com/files/9/4/c/2758f44.js" type="text/javascript"></script>             <div id="myslidemenu" class="jqueryslidemenu">             <ul>             <li><a href="http://osmantalay.tr.gg">Menü1</a>             <ul>             <li><a href="Link" _fcksavedurl="Link">Sayfa1</a></li> <li><a href="Link" _fcksavedurl="Link">Sayfa2</a></li> <li><a href="Link" _fcksavedurl="Link">Sayfa3</a></li> <li><a href="Link" _fcksavedurl="Link">Sayfa4</a></li> <li><a href="Link" _fcksavedurl="Link">Sayfa5</a></li> <li><a href="Link" _fcksavedurl="Link">Sayfa6</a></li> <li><a href="Link" _fcksavedurl="Link">Sayfa7</a></li>             </ul>             </li>             <li><a href="http://osmantalay.tr.gg">Menü2</a>             <ul>             <li><a href="Link" _fcksavedurl="Link" >Sayfa1</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa2</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa3</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa4</a></li> <li><a href="Link" _fcksavedurl="Link">Sayfa5</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa6</a></li> <li><a href="Link" _fcksavedurl="Link">Sayfa7</a></li>             </ul>             </li>             <li><a href="http://osmantalay.tr.gg">Menü3</a>             <ul>             <li><a href="Link" _fcksavedurl="Link" >Sayfa1</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa2</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa3</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa4</a></li> <li><a href="Link" _fcksavedurl="Link">Sayfa5</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa6</a></li> <li><a href="Link" _fcksavedurl="Link">Sayfa7</a></li>             </ul>             </li>             <li><a href="http://osmantalay.tr.gg">Menü4</a>             <ul>             <li><a href="Link" _fcksavedurl="Link" >Sayfa1</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa2</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa3</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa4</a></li> <li><a href="Link" _fcksavedurl="Link">Sayfa5</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa6</a></li> <li><a href="Link" _fcksavedurl="Link">Sayfa7</a></li>             </ul>             </li>             <li><a href="http://osmantalay.tr.gg">Menü5</a>             <ul>             <li><a href="Link" _fcksavedurl="Link" >Sayfa1</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa2</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa3</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa4</a></li> <li><a href="Link" _fcksavedurl="Link">Sayfa5</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa6</a></li> <li><a href="Link" _fcksavedurl="Link">Sayfa7</a></li>             </ul>             </li>             <li><a href="http://osmantalay.tr.gg">Menü6</a>             <ul>             <li><a href="Link" _fcksavedurl="Link" >Sayfa1</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa2</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa3</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa4</a></li> <li><a href="Link" _fcksavedurl="Link">Sayfa5</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa6</a></li> <li><a href="Link" _fcksavedurl="Link">Sayfa7</a></li>             </ul>             </li>             <li><a href="http://osmantalay.tr.gg">Menü7</a>             <ul>             <li><a href="Link" _fcksavedurl="Link" >Sayfa1</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa2</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa3</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa4</a></li> <li><a href="Link" _fcksavedurl="Link">Sayfa5</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa6</a></li> <li><a href="Link" _fcksavedurl="Link">Sayfa7</a></li>             </ul>             </li>             <li><a href="http://osmantalay.tr.gg">Menü8</a>             <ul>             <li><a href="Link" _fcksavedurl="Link" >Sayfa1</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa2</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa3</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa4</a></li> <li><a href="Link" _fcksavedurl="Link">Sayfa5</a></li>  <li><a href="Link" _fcksavedurl="Link">Sayfa6</a></li> <li><a href="Link" _fcksavedurl="Link">Sayfa7</a></li>             </ul>             </td>             </tr>             </tbody>             </table>             </td>             </tr>             </tbody>             </table>             </div></div><div id="orta">             <div class="soltaraf"><div class="arrowlistmenu">             <a target="_blank" href="Link"><img height="111" border="0" width="111" alt="" beners.png="img.webme.com=" http:="" src="https://img.webme.com/pic/o/osmantalay/111x111.png" /></a>  <a target="_blank" href="Link"><img height="111" border="0" width="111" src="https://img.webme.com/pic/o/osmantalay/111x111.png" alt="" /></a> <a target="_blank" href="Link"><br />             <img height="111" border="0" width="111" alt="" beners.png="img.webme.com=" http:="" src="https://img.webme.com/pic/o/osmantalay/111x111.png" /></a>  <a target="_blank" href="Link"><img height="111" border="0" width="111" src="https://img.webme.com/pic/o/osmantalay/111x111.png" alt="" /></a> <br />             <hr />             <div class="urbangreymenu">  <div class="urbangreymenu">             <h3 class="headerbar">Ana Menü</h3> <ul> <li><a href="http://osmantalay.tr.gg/" _fcksavedurl="http://osmantalay.tr.gg/">Ana Sayfa</a></li> <li><a href="http://osmantalay.tr.gg/Destek-Ol.htm" _fcksavedurl="http://osmantalay.tr.gg/Destek-Ol.htm">Destek Ol</a></li> <li><a href="http://osmantalay.tr.gg/Siteni-Ekle.htm" _fcksavedurl="http://osmantalay.tr.gg/Siteni-Ekle.htm">Siteni Ekle</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Dost Siteler</a></li> <li><a href="http://osmantalay.tr.gg/iletisim.htm" _fcksavedurl="http://osmantalay.tr.gg/iletisim.htm">Bana Ulaşın</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Site Haritası</a></li> <li><a href="http://osmantalay.tr.gg/defter.htm" _fcksavedurl="http://osmantalay.tr.gg/defter.htm">Konuk Defteri</a></li>  </ul>  <h3 class="headerbar">Sİten İçİn</h3> <ul> <li><a href="http://osmantalay.tr.gg/html-kodlari.htm" _fcksavedurl="http://osmantalay.tr.gg/html-kodlari.htm">Html Kodları</a></li> <li><a href="http://osmantalay.tr.gg/Web-Dersleri.htm" _fcksavedurl="http://osmantalay.tr.gg/Web-Dersleri.htm">Web Dersleri</a></li> <li><a href="http://osmantalay.tr.gg/Grafik-Odamiz.htm" _fcksavedurl="http://osmantalay.tr.gg/Grafik-Odamiz.htm">Grafik Odamız</a></li> <li><a href="http://osmantalay.tr.gg/Css-Tasarimlar.htm" _fcksavedurl="http://osmantalay.tr.gg/Css-Tasarimlar.htm">Css Tasarımlar</a></li>   <h3 class="headerbar">BİZİM Oda</h3> <ul> <li><a href="http://osmantalay.tr.gg/Aksaray.htm" _fcksavedurl="http://osmantalay.tr.gg/Aksaray.htm">Aksaray</a></li> <li><a href="http://osmantalay.tr.gg/Messenger.htm" _fcksavedurl="http://osmantalay.tr.gg/Messenger.htm">Messenger</a></li> <li><a href="http://osmantalay.tr.gg/incelemeler.htm" _fcksavedurl="http://osmantalay.tr.gg/incelemeler.htm">İncelemeler</a></li> <li><a href="http://osmantalay.tr.gg/Bilmedikleriniz.htm" _fcksavedurl="http://osmantalay.tr.gg/Bilmedikleriniz.htm">Bilmedikleriniz</a></li>   <h3 class="headerbar">İSlaMİYEt</h3> <ul> <li><a href="http://osmantalay.tr.gg/" _fcksavedurl="http://osmantalay.tr.gg/">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li>  <h3 class="headerbar">Sağlık BİLGİSİ</h3> <ul> <li><a href="http://osmantalay.tr.gg/" _fcksavedurl="http://osmantalay.tr.gg/">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li>  <h3 class="headerbar">Haftanın Vİdeosu</h3> <div style="background-color: rgb(9, 9, 9); width: 177px;"><embed width="227" height="190" allowfullscreen="true" allowscriptaccess="always" bgcolor="#090909" wmode="window" type="application/x-shockwave-flash" src="http://www.vidivodo.com/VideoPlayerShare.swf?u=BFdAS1tEXxI="></embed></div>             </div></div></div></div><div class="icerikosman">

Tasarımın Altındaki Yazı:

</div></div><div id="alt">             <div class="altreklam">             <table cellspacing="0" cellpadding="0" border="0" align="left" style="width: 742px; height: 120px;">             <tbody>             <tr>             <td align="left" width="227" valign="top" rowspan="2">             <p><span class="style4">             <div style="border-right: 1px solid rgb(224, 224, 224); margin: 1px 10px 10px 0px; padding: 5px; float: left; width: 250px; text-align: left;">             <div><span class="style8"><span class="style11">   <img border="0" align="left" src="https://img.webme.com/pic/o/osmantalay/bigotalay.png" style="width: 96px; height: 99px;" alt="" /><span style="font-family: Arial;"><span style="font-size: small;"><em><br />             <br />             Bu Tasarım <a href="http://osmantalay.tr.gg/" target="_blank">Osman Talay </a><br />             Tarafından Yapılmıştır.</em></span></span>    </span></span></div>             </div>             </span></p>             </td>             <td align="left" width="231" valign="top" rowspan="2"><span class="style8">              <span class="style11">             <div style="border-right: 1px solid rgb(224, 224, 224); margin: 1px 0px 10px; padding: 5px; float: left; width: 180px; text-align: left;">             <div><span style="font-size: small;"><span class="style4"><span style="font-family: Arial;"><span style="font-style: italic;"><span style="font-weight: bold;">Yazı Ekle</span></span></span></span></span><span class="style4"><span style="font-size: small;"><span style="color: rgb(128, 128, 128);"><em><strong><span style="font-family: Arial;"><br />             <br />             <br />             <br />             <br />             <br />             </span></strong></em></span></span></span></div>             </div>             </span></span></td>             <td align="left" width="295" valign="top" rowspan="2"><span class="style12">              <span class="style15">             <div style="border-right: 1px solid rgb(224, 224, 224); margin: 1px 0px 10px; padding: 5px; float: left; width: 180px; text-align: left;">             <div><span style="font-size: small;"><span class="style4"> <span style="font-family: Arial;"><span style="font-style: italic;"><span style="font-weight: bold;">Yazı Ekle<br />             <br />             <br />             <br />             <br />             <br />             </span></span></span></span></span><span class="style4"> </span></div>             </div>             </span></span></td>             <td align="left" width="295" valign="top" rowspan="2"><span class="style12">              <span class="style15">             <div style="border-right: 1px solid rgb(224, 224, 224); margin: 1px 0px 10px; padding: 5px; float: left; width: 180px; text-align: left;">             <div><span style="font-size: small;"><span class="style4"> <span style="font-family: Arial;"><span style="font-style: italic;"><span style="font-weight: bold;">Yazı Ekle<br />             <br />             <br />             <br />             <br />             <br />             </span></span></span></span></span><span class="style4"> </span></div>             </div>             </span></span></td>             </tr>             </tbody>             </table>             </div>

Css Kodu:

iframe{border:solid 1px #000000;}             table {margin-left: auto;margin-right: auto}             h1#title{display: none;}             h2#title span {display: none;}             div.header{display: none;}             li.nav_element{list-style-type: none;}             li.nav_element{display: none;}             * {padding: 0; margin:0 }             body {             margin-left:  auto;             margin-right: auto;             background: url(https://img.webme.com/pic/d/den-eme-68/335bgrs.jpg) top center fixed;             }             #tasarim{             width: 910px;             margin-left:  auto;             margin-right: auto;             }             #ust{             margin-left:  auto;             margin-right: auto;             background: url(https://img.webme.com/pic/d/den-eme-68/usttalay13.png);             width: 910px;             height: 175px;             float: left;             }             .logo {             width:300px;             padding: 19px 0 0 20px;             float: left;             overflow: hidden;             }             .reklam{             width:468px;             height: 60px;             padding: 23px 0 0 93px;             float: left;             overflow: hidden;             }             .sagmenu {             width:910px;             height: 350px;             padding: 0px 0 0 15px;             float: leftt;             font-size: 13px;             color: #000000;             font-family: Arial;             overflow: hidden;             }             #orta{             margin-left:  auto;             margin-right: auto;             background: url(https://img.webme.com/pic/d/den-eme-68/ortatalay1.png);             width: 910px;             height: 100%;             float: left;             }             .soltaraf{             width:227px;             float: left;             padding: 0 0 0 14px;             overflow: hidden;             }             .icerikosman {             width:615px;             float: left;             padding: 0 0 0 33px;             overflow: hidden;             text-align: justify;             }             .altreklam{ float: left; width:910px; height:100px; padding: 50px 0  0 16px;}             #alt{             margin-left:  auto;             margin-right: auto;             background: url(https://img.webme.com/pic/d/den-eme-68/alttalay6.png);             width: 910px;             height: 175px;             float: left;             }             input[type="text"]  { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc;             -webkit-border-radius: 6px;             -moz-border-radius: 6px;             background : #f6f6f6 url(https://img.webme.com/pic/o/osmantalay/style1_txt_bgot.gif) repeat-x top; } input[type="text"]:focus, input[type="text"]:active { border-color : #777; } input[type="submit"] { cursor : pointer; font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #c6c7ca;             -webkit-border-radius: 6px;             -moz-border-radius: 6px;             background : #e4e4e4 url(https://img.webme.com/pic/o/osmantalay/style1_btn_bgot.gif) repeat-x top; }             textarea { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc;             -webkit-border-radius: 6px;             -moz-border-radius: 6px;             background : #f6f6f6 url(https://img.webme.com/pic/o/osmantalay/style1_txt_bgott.gif) repeat-x top; }             #below_content{margin-bottom:-950px;}             font[color="green"]{             background-color:#ADFF2F;             border:1px solid #00B233;             color:#000000;             -moz-border-radius:6px;             -khtml-border-radius:6px;}             A{ text-decoration : none; }             font[color="red"]{             background-color:#FF9999;             border:1px solid #CC0033;             color:#000000;             -moz-border-radius:6px;             -khtml-border-radius:6px;}             A{ text-decoration : none; }             hr {    border: 0;             border-top: 1px solid #e0e0e0;             color: white;}             tt {             background: #F2F2F2 ;             border: dotted 1px #778899;             padding: 5px 5px 5px 5px;             font-size:12px             }             code {             margin : 4px 8px;             padding : 4px;             text-align : left;             display : block;             overflow : auto;             -moz-background-inline-policy: continuous;             -moz-border-radius: 6px 6px 6px 6px;             font : 500 1em/1.5em 'Lucida Console', 'courier new', monospace;             background: #FFFAE0 url(https://img.webme.com/pic/o/osmantalay/otorsdstl.bmp) right top no-repeat;             border : 2px dotted #AA9B77;             }             /* Font Özellikkleri Tüm Sayfalarda */             td {             color:#000000;             font-size:14px;             text-align:left;             font-family: Trebuchet MS; }             a{color:#0e9dc1;text-decoration:none;font:bold} a:hover{color:#C0C0C0;text-decoration:none;font:bold}  A{ text-decoration : none; }  A:Hover{ text-decoration : underline; }             #menu{margin-left:auto; margin-right:auto; background:url(#); width:1000px; height:70px; float:left;}             .nave{width:970px; height:20px; padding:20px 0 0 10px;}             .jqueryslidemenu{margin:0 auto;font:12px verdana;font-weight:bold;}             .jqueryslidemenu ul{margin: 0;padding: 0;list-style-type: none;}             .jqueryslidemenu ul li{position: relative;display: inline;float: left;color:#f000}             .jqueryslidemenu ul li a{display: block;color:#333;padding: 10px 10px;z-index:150;text-decoration: none;}             .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{color:#000;font-weight:bold;}             .jqueryslidemenu ul li a:hover{color:#FFF;text-decoration:none;}             .jqueryslidemenu ul li ul{position: absolute;left: 0;display: block;visibility: hidden;border-left:1px solid #999;             border-right:1px solid #999;border-top:1px solid #999;}             .jqueryslidemenu ul li ul li{display: list-item;float: none;z-index:100;}             .jqueryslidemenu ul li ul li ul{top: 0;}             .jqueryslidemenu ul li ul li a{font: normal 11px Verdana;width: 160px;padding: 4px;margin: 0;             border-top-width: 0;border-bottom: 1px solid #999;border-left: 1px solid #fff;             background:url(https://img.webme.com/pic/o/osmantalay/fonmeot.png)}             .jqueryslidemenu ul li a .ns {background:#999;}             .jqueryslidemenu ul li ul li a:hover{background:	skyblue  }             .downarrowclass{position: absolute;top: 12px;right: 2px;}             .rightarrowclass{position: absolute;top: 6px;right: 5px;}             Sol Menü <style type="text/css">  /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */  .urbangreymenu{ width: 226px; height: 10px; /*width of menu*/ }  .urbangreymenu .headerbar{ width: 226px; height: 10px; font: bold  12px Trebuchet MS; color: white; background: #FFFFFF url( https://img.webme.com/pic/d/den-eme-68/menusolbg687.png)  repeat-x center left;/ margin-bottom: 0; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 4px 0 9px 20px; /*20px is left indentation of header text*/ }  .urbangreymenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 0; /*bottom spacing between each UL and rest of content*/ }  .urbangreymenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ }  .urbangreymenu ul li a{ font: normal  bold 12px Arial; color: black; background: #dbe6ec; display: block; padding: 5px 0; line-height: 12px; padding-left: 4px; /*link text is indented 4px*/ text-decoration: none; }  .urbangreymenu ul li a:visited{ color: black; }  .urbangreymenu ul li a:hover{ /*hover state CSS*/ color: white; background: #80bbd9; }  </style>  <style>  A{ text-decoration : none; } a{color:#0e9dc1;text-decoration:none;font:bold} a:hover{color:#C0C0C0;text-decoration:none;font:bold}  </style>   <style> A{ text-decoration : none; }  A:Hover{ text-decoration : underline; }

DARKCİTY TASARIM

Tasarım Üzerine:

<div id="wrap">   <div id="header">     <h1 id="logo">CsS-TaSaRiMm</h1>     <h2 id="slogan">CSS Tasarim Merkezi...</h2>     <div id="menu">       <ul>         <li><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">Ana Sayfa</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">İletişim</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">Defter</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/">Hakkımızda</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/">Toplist</a></li>       </ul>     </div>   </div>   <div id="content-wrap">     <div id="sidebar" >       <h1 class="clear">Menu</h1>       <ul class="sidemenu">         <li><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">Ana Sayfa</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">İletişim</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">Ziyaretci Defteri</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/">Hakkımızda</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/">Site Ekle Toplist</a></li>       </ul>       <h1>CSS Tasarimm</h1>       <ul class="sidemenu">         <li><a href="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/">CSS Tasarim 1</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/">CSS Tasarim 2</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS Tasarim 3</a></li>         <li><a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS Tasarim 4</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS Tasarim 5</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS Tasarim 6</a></li>         <li><a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS Tasarim 7</a></li>         <li><a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS Tasarim 8</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS Tasarim 9</a></li>         <li><a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS Tasarim 10</a></li>       </ul>        <h1>Dost Siteler</h1>       <p>Dost Sitelerinizi Buraya Linkli Şekilde Verebilirsiniz...</p>       <p class="align-right">- www.css-tasarimm.tr.gg</p>       <h1>Duyuru Panosu</h1>       <p>Sitenizdeki Her Türlü Bilgiyi Buradan Verebilirsiniz. Başarılar.</p>     </div>     <div id="main"> <a name="www.csstasarim-arsiv.tr.gg"></a>       <div class="box">         <h1><span class="gray">WwW.</span>csstasarim-arsiv.tr.gg.<span class="gray">tR.gg</span></h1>

Tasarım Altına:
</div> </div> <br /> </div> </div> <div id="footer-wrap"> <div class="footer-left"> <p class="align-left"> © 2008 <b>Company Name</b> | Design by <a href="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg/">CSS Tasarim Merkezi</a> </p> </div> <div class="footer-right"> <p class="align-right"> <a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">Ana Sayfa</a> | <a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">İletişim</a> | <a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">Defter</a> </p> </div> </div>

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;} /********************** Design By ::: WWW.csstasarim-arsiv.tr.gg */ / HTML ELEMENTS ********************/ /* top elements / { padding: 0; margin: 0; } body { margin: 0; padding: 0; font: normal .70em/1.6em Verdana, Tahoma, sans-serif; color: #BDBDBD; background: #000; text-align: center; } /* links / a { color: #FFF; background-color: inherit; text-decoration: none; } a:hover { color: #FFF; background-color: inherit; text-decoration: underline; } / headers / h1, h2, h3 { font: normal 1.3em 'Trebuchet MS', Arial, Sans-serif; color: #FFF; } h1 { font-size: 1.6em; } h2 { font-size: 1.4em; text-transform:uppercase; font-weight: bold;} h3 { font-size: 1.3em; font-weight: bold; } p, h1, h2, h3 { margin: 0; padding: 10px 15px; } ul, ol { margin: 10px 30px; padding: 0 15px; color: #FFF; } / images / img { border: 3px solid #555; } img.no-border { border: none; } img.float-right { margin: 5px 0px 5px 15px; } img.float-left { margin: 5px 15px 5px 0px; } a img { border: 3px solid #555; } a:hover img { border: 3px solid #CCC !important; / IE fix/ border: 3px solid #555; } code { margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace; / white-space: pre; / background: #0A1646; } acronym { cursor: help; border-bottom: 1px solid #777; } blockquote { margin: 15px; padding: 0 0 0 20px; background: #0A1646; font: bold 1.3em/1.5em 'Trebuchet MS', Sans-serif; } / form elements / form { margin: 10px 15px; padding: 0; background: #0A1646; } label { display:block; font-weight:bold; margin:5px 0; } input { padding: 2px; border:1px solid #eee; font: normal 1em Verdana, sans-serif; color:#777; } textarea { width: 250px; padding:2px; font: normal 1em Verdana, sans-serif; border:1px solid #eee; height:100px; display:block; color:#777; } input.button { margin: 0; font: bold 1em Arial, Sans-serif; border: 1px solid #CCC; background: #FFF; padding: 2px 3px; color: #333; } / search form / .searchform form{ background-color: transparent; border: none; margin: 0; padding: 0; } .searchform input.textbox { margin: 0; width: 145px; border: 1px solid #777; background: #FFF; color: #333; height: 14px; vertical-align: top; } .searchform input.button { margin: 0; padding: 2px 3px; font: bold 12px Arial, Sans-serif; background: #FFF; border: 1px solid #f2f2f2; color: #333; width: 65px; vertical-align: top; } / LAYOUT **/ #wrap { background: #212B5C url(https://img.webme.com/pic/c/css-tasarimm/11-bg.jpg) repeat-x 0 0; margin: 20px auto 0 auto; text-align: left; border-color: #444; border-style: solid; border-width: 1px 1px 5px 1px; } #wrap, #footer-wrap { width: 84%; } /* header / #header { position: relative; height: 110px; background: #7F8082 url(https://img.webme.com/pic/c/css-tasarimm/11-header-bg.jpg) repeat-x 0% 100%; border-bottom: 5px solid #444; } #header h1#logo { position: absolute; top: 5px; left: 20px; margin: 0; padding: 0; font: bolder 50px 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -2px; } #header h2#slogan { position: absolute; top: 50px; left: 65px; color: #FFF; text-indent: 0px; font: bold 12px Tahoma, 'Trebuchet MS', Sans-serif; text-transform: none; } / content-wrap / #content-wrap { clear: both; margin: 0; padding: 0; } / box / .box { margin: 10px 15px; border: 1px solid #0A1646; background-color: #1B2455; } / main / #main { margin: 0 0 0 270px; padding-top: 20px; } #main .box { margin-left: 0; } / sidebar / #sidebar { float: left; width: 250px; margin: 0; padding-top: 20px; } #sidebar ul.sidemenu { margin: 0 0 0 15px; padding: 0; background: #242424; border-top: 5px solid #444; } #sidebar ul.sidemenu li { display: inline; list-style: none; } #sidebar ul.sidemenu li a { display: block; padding: 5px 10px 5px 15px; text-decoration: none; color: #CCC; font-weight: bold; } #sidebar ul.sidemenu li a:hover { color: #333; background: #A0A0A0; } / Footer / #footer-wrap { clear: both; color: #FFF; background: #000; margin: 0 auto; padding: 0; font-size: 88%; } #footer-wrap a { text-decoration: none; font-weight: bold; color: #FFF; } #footer-wrap .footer-left{ float: left; width: 65%; padding-bottom: 20px; } #footer-wrap .footer-right{ float: right; width: 30%; padding-bottom: 20px; } / menu tabs / #header ul { position: absolute; top: 20px; right: 20px; margin:0; padding: 0; list-style:none; font: bold 1.3em 'Trebuchet MS', Tahoma, verdana, sans-serif; height: 2.3em; } #header li { display:inline; margin:0; padding:0; } #header a { float: left; margin:0; padding:3px 10px 2px 10px; text-decoration:none; color: #CCC; } #header a:hover { border-top: 5px solid #CCC; } #header #current a { color: #FFF; border-top: 5px solid #FFF; } / end menu tabs / / alignment classes / .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } / additional classes */ .clear { clear: both; } .gray { color: #A0A0A0; } .comments { text-align: right; padding: 7px 15px; margin: 20px 15px 15px 15px; background: #0A1646; }

ŞEHİR TASARIMI (CİTY)

Tasarım Üzerine:

Tasarım Altına:
</div> </div> <div id="footer"> </div> </div>

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;} @charset "utf-8"; /* CSS Tasarim Merkezi www.csstasarim-arsiv.tr.gg */ body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote, img { padding:0; margin:0; } body { background-color: #cacabf; } #wrapper { width: 780px; margin: 0px auto; } #header { width: 780px; height: 240px; background-image: url(https://img.webme.com/pic/c/css-tasarimm/18-header.jpg); background-repeat: no-repeat; } #logo { padding-top: 30px; width: 300px; float: right; clear: right; } #logo a { color: #ffffff; text-decoration:none; font-family: Times; font-size: 72px; font-style: normal; } #navigation { padding-top: 80px; float: right; clear: right; width: 300px; } #navigation a { color: #273c5d; text-decoration: none; font-family: times; font-size: 24px; } #inner-wrap { background-image: url(https://img.webme.com/pic/c/css-tasarimm/18-main.jpg); background-repeat: repeat-y; float:right; width: 780px; } #side-bar { float: right; width: 214px; } #side-bar a { color: #ffffff; text-decoration: none; font-family: Times; padding:0px 10px 5px 20px; } #side-bar ul { list-style: none; } #side-bar h2 { font-weight: 200; color: #ffef6b; padding:0px 10px 5px 20px; font-family: Times; } #side-bar h3 { font-weight: 100; color: #ffef6b; padding:0px 10px 5px 20px; font-family: Times; } #side-bar p { padding:0px 10px 20px 20px; font-family: Times; } #main { float: left; width: 536px; margin-bottom: 15px; padding:15px; } #footer { padding-top: 40px; width: 780px; height: 51px; background-image: url(https://img.webme.com/pic/c/css-tasarimm/18-footer.jpg); clear: both; } #footer p { text-align: center; color: #cac0ae; font-size: .6em; } #footer a { color: white; } h1 { font-weight: 100; color: #ffffff; margin-top: 15px; font-family: Times; } h2 { font-weight: 100; color: #ffffff; margin-top: 15px; font-family: Times; } h3 { font-weight: 100; color: #ffffff; margin-top: 15px; font-family: Times; } p { color: #ffffff; font-family: Times; }

MAVİ TASARIM

Tasarım Üzerine:

<div id="menu"> 	<ul> 		<li><a href="#" _fcksavedurl="#" accesskey="1" title="">Home</a></li> 		<li><a href="#" _fcksavedurl="#" accesskey="2" title="">Blog</a></li> 		<li><a href="#" _fcksavedurl="#" accesskey="3" title="">Toplist</a></li> 		<li><a href="#" _fcksavedurl="#" accesskey="4" title="">Yorum</a></li> 		<li><a href="#" _fcksavedurl="#" accesskey="5" title="">Hakkında</a></li> 		<li><a href="#" _fcksavedurl="#" accesskey="6" title="">İletişim</a></li> 	</ul> </div> <div id="header"> 	<div id="logo"> 		<h1><a href="#" _fcksavedurl="#">Css Merkez</a></h1> 		<h2><a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg">CSS Tasarim Merkezi</a></h2> 	</div> 	<div id="banner"><a href="#" _fcksavedurl="#">www.css-tasarimm.tr.gg</a></div> </div>  <div id="page"> 	<div id="conntent"> 		<div class="post"> 			<h1 class="title">CSS Tasarimm.tR.gg</h1> 			<div class="story"> 				Buraya siteniz hakkına bir şeyler yazabilirsiniz. Haberler, duyururular vs... 			</div> 			<div class="meta"> 				<p class="date">Tasarimm Tarihi 31.10.2oo8</p> 				</div> 		</div> 		<div class="post boxed"> 			<h2 class="title">CSS Tasarim Merkezi!!!</h2> 			<div class="story">

Tasarım Altına:
</div> <div class="meta"> <p class="date">Tasarimm Tarihi 31.10.2oo8</p> </div> </div> </div>  <div id="sidebar"> <ul> <li> <h2>Geçmiş (Arşiv)</h2> <ul> <li class="first"><a href="#" _fcksavedurl="#">Ocak 2008</a> <i>(2)</i></li> <li><a href="#" _fcksavedurl="#">Şubat 2008</a> <i>(31)</i></li> <li><a href="#" _fcksavedurl="#">Mart 2008</a> <i>(30)</i></li> <li><a href="#" _fcksavedurl="#">Nisan 2008</a> <i>(31)</i></li> <li><a href="#" _fcksavedurl="#">Mayıs 2008</a> <i>(28)</i></li> <li><a href="#" _fcksavedurl="#">Haziran 2008</a> <i>(31)</i></li> </ul> </li> <li> <h2>Menu</h2> <ul> <li class="first"><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretci Defterit</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> <li><a href="#" _fcksavedurl="#">Css Design</a></li> <li><a href="#" _fcksavedurl="#">Anketler Site Hakkında </a></li> <li><a href="#" _fcksavedurl="#">İceblue Tasarimlar </a></li> </ul> </li> <li> <h2>Site İle İlgili</h2> <ul> <li class="first"><a href="#" _fcksavedurl="#">İceblue Tasarim Yapımı </a></li> <li><a href="#" _fcksavedurl="#">Red Tasarim Yapımı </a></li> <li><a href="#" _fcksavedurl="#">Butterfly Tasarim Yapımı </a></li> <li><a href="#" _fcksavedurl="#">CSS Menu Yapımı </a></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div>  <div id="footer"> <p id="legal">Copyright © 2008 Murat. Tasarim by <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS Tasarim Merkezi</a></p> </div>

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;} /* CSS Tasarim Merkezi Design By ::: www.csstasarim-arsiv.tr.gg / { margin: 0; padding: 0; } body { background: #FFFFFF url(https://img.webme.com/pic/c/css-tasarimm/20-img01.jpg) repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #7F7772; } h1, h2, h3 { margin-bottom: 15px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #333333; } h1 { font-size: 197%; } h2 { font-size: 152%; } h3 { font-size: 100%; font-weight: bold; } p, ul, ol { margin-bottom: 15px; line-height: 1.6em; } ul, ol { margin-left: 2em; } blockquote { margin-left: 1em; padding-left: 1em; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img09.gif) repeat-y; font-style: italic; } a:link { color: #0AAAFD; } a:hover, a:active { text-decoration: none; color: #FF6700; } a:visited { color: #7F7772; } img { border: none; } img.left { float: left; margin: 0 20px 0 0; } img.right { float: right; margin: 0 0 0 20px; } /* Menu / #menu { width: 770px; height: 105px; margin: 0 auto; margin-top: -27px; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: block; float: left; width: 122px; height: 65px; padding: 40px 0 0 0; } #menu a { display: block; width: 122px; height: 32px; padding: 13px 0 0 0; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img02.jpg) no-repeat; text-align: center; text-transform: uppercase; text-decoration: none; font-weight: bold; color: #FFFFFF; } #menu a:hover { background-image: url(https://img.webme.com/pic/c/css-tasarimm/20-img03.jpg); } #menu .active { padding-top: 35px; } #menu .active a { height: 37px; padding-top: 16px; background-image: url(https://img.webme.com/pic/c/css-tasarimm/20-img04.jpg); color: #327EBE; } #menu .active a:hover { background-image: url(https://img.webme.com/pic/c/css-tasarimm/20-img04.jpg); } / Header / #header { width: 770px; height: 160px; margin: 0 auto; } / Logo / #logo { float: left; width: 250px; height: 160px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img05.jpg) no-repeat; } #logo h1, #logo h2 { text-align: center; } #logo h1 { padding-top: 90px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img07.jpg) no-repeat center center; letter-spacing: 8px; font-size: 197%; } #logo h2 { letter-spacing: 2px; font-size: 85%; } #logo a { text-transform: uppercase; text-decoration: none; color: #FFFFFF; } / Banner / #banner { float: right; width: 520px; height: 160px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img06.jpg) no-repeat; } #banner a { float: right; padding: 120px 20px 0 0; text-decoration: none; text-align: right; font-size: 136%; font-style: italic; color: #FFFFFF; } #page { width: 760px; margin: 0 auto; padding: 20px 0 0 0; } #conntent { float: right; width: 510px; } .post { margin-bottom: 20px; } .post .title { padding: 0 20px; } .post .story { padding: 0 20px; } .post .meta { padding: 5px 20px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img09.gif) repeat-x; } .post .meta p { margin: 0; font-size: 77%; } .boxed .title { height: 32px; margin: 0; padding: 8px 0 0 20px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img08.jpg) no-repeat; letter-spacing: -1px; color: #FF3300; } .boxed .story { padding: 20px; border: 1px solid #FF8D17; } .boxed .meta { padding: 5px 10px; background: #FF8D17; color: #FFFFFF; } .boxed .meta a { color: #FFFFFF; } / Sidebar / #sidebar { float: left; width: 240px; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin-bottom: 15px; } #sidebar li ul { padding: 10px; border: 1px solid #0AAAFD; border-top: none; } #sidebar li li { margin: 0; padding: 3px 0; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img09.gif) repeat-x; } #sidebar li li.first { background: none; } #sidebar li h2 { height: 30px; margin: 0; padding: 10px 0 0 15px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img10.jpg) no-repeat; letter-spacing: -1px; color: #327EBE; } #sidebar a:link { text-decoration: none; } #sidebar a:hover { text-decoration: underline; } #sidebar li a { padding-left: 10px; background: url(https://img.webme.com/pic/c/css-tasarimm/20-img11.gif) no-repeat left center; } / Footer */ #footer { clear: both; height: 100px; padding: 15px 0; background: #D1D1D1; border-top: 5px solid #999999; text-align: center; } #footer p { margin: 0; color: #999999; } #footer a { color: #999999; } #footer a:hover { color: #FFFFFF; }

MEYVE TASARIMI

Tasarım Üzerine:

Tasarım Altına:
</div> </div>   <div id="sidebar"> <ul> <li id="search"> <h2>Arama</h2> <form method="get" action=""> <fieldset> <input type="text" id="s" name="s" value="" /> <input type="submit" id="x" value="Ara" /> </fieldset> </form> </li> <li> <h2>Menu</h2> <ul> <li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> <li><a href="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#">Anketler</a></li> </ul> </li> <li> <h2>Dost Siteler</h2> <ul> <li><a href="#" _fcksavedurl="#">Link Liste 1</a></li> <li><a href="#" _fcksavedurl="#">Link Liste 2</a></li> <li><a href="#" _fcksavedurl="#">Link Liste 3</a></li> <li><a href="#" _fcksavedurl="#">Link Liste 4</a></li> <li><a href="#" _fcksavedurl="#">Link Liste 5</a></li> <li><a href="#" _fcksavedurl="#">Link Liste 6</a></li> <li><a href="#" _fcksavedurl="#">Link Liste 7</a></li> </ul> </li> <li> <h2>Site Ekle </h2> <ul> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> <li><a href="#" _fcksavedurl="#">Site Ekle</a></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div>  </div> </div>  <div id="footer"> <div id="footer-wrap"> <p id="legal">(c) 2008 Design by <a href="http://www.css-tasarimm.tr.gg" _fcksavedurl="http://www.css-tasarimm.tr.gg">CSS Tasarim Merkezi</a>.</p> </div> </div>

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;} /* Css Tasarim Merkezi www.css-tasarimm.tr.gg / body { margin-top: 49px; padding: 0; background: #242424; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #BBBBBB; } h1, h2, h3 { margin: 0; text-transform: lowercase; font-weight: normal; color: #48ACDE; } h1 { letter-spacing: -1px; font-size: 32px; } h2 { font-size: 23px; } p, ul, ol { margin: 0 0 2em 0; text-align: justify; line-height: 26px; } a:link { color: #48ACDE; } a:hover, a:active { text-decoration: none; color: #48ACDE; } a:visited { color: #48ACDE; } img { border: none; } img.left { float: left; margin-right: 15px; } img.right { float: right; margin-left: 15px; } / Form / form { margin: 0; padding: 0; } fieldset { margin: 0; padding: 0; border: none; } legend { display: none; } input, textarea, select { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } / Header / #header { clear: both; width: 860px; height: 52px; margin: 0 auto; background: url(https://img.webme.com/pic/c/css-tasarimm/22-img02.jpg) no-repeat left top; } / Menu */ #menu { float: left; width: 860px; height: 54px; padding-left: 10px; background: url(https://img.webme.com/pic/c/css-tasarimm/22-img01.jpg) no-repeat left top; } #menu ul { margin: 0; padding: 0px 0 0 0px; list-style: none; line-height: normal; } #menu li { display: block; float: left; } #menu a { display: block; float: left; margin-right: 3px; padding: 10px 20px; text-decoration: none; text-transform: lowercase; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFFFF; } #menu a:hover { text-decoration: none; color: #48ACDE; } #menu .current_page_item a { color: #48ACDE; } /** LOGO / #banner { width: 620px; height: 240px; margin: 0 auto; padding: 10px 0 0 0; background: #BCE03E url(https://img.webme.com/pic/c/css-tasarimm/22-img04.jpg) no-repeat left top; } #logo { width: 820px; height: 60px; margin: 0 auto; } #logo h1, #logo h2 { float: left; margin: 0; padding: 0 0 0 20px; line-height: normal; } #logo h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size:36px; font-style: italic; } #logo h1 a { text-decoration: none; color: #FFFFFF; } #logo h1 a:hover { text-decoration: underline; } #logo h2 { padding: 20px 0 0 5px; font: italic 13px Georgia, "Times New Roman", Times, serif; color: ##48ACDE; } #logo p a { text-decoration: none; color: #B6ACA2; } #logo p a:hover { text-decoration: underline; } #wrapper { width: 860px; margin: 0 auto; background: #000000 url(https://img.webme.com/pic/c/css-tasarimm/22-img02.jpg) no-repeat left top; } #wrapper-btm { background: url(https://img.webme.com/pic/c/css-tasarimm/22-img03.jpg) no-repeat left bottom; } / Page / #page { width: 860px; margin: 0 auto; padding-top: 20px; } / Content / #content { float: right; width: 620px; } / Post / .post { padding: 15px 15px; } .post .title { margin-bottom: 20px; padding-bottom: 5px; } .post h1 { } .post h2 { height: 32px; padding: 8px 0 0 15px; font-size: 18px; color: #DADADA; } .post .entry { padding: 0 15px; } .post .meta { margin-left: 15px; margin-right: 15px; padding: 15px 0px 30px 0px; border-top: 1px dashed #333333; font-size: 10px; } .post .meta p { margin: 0; line-height: normal; color: #999999; } .post .meta .byline { float: left; } .post .meta .links { float: right; } .post .meta .more { padding: 0 20px 0 18px; background: url(https://img.webme.com/pic/c/css-tasarimm/22-img11.gif) no-repeat left center; } .post .meta .comments { padding-left: 22px; background: url(https://img.webme.com/pic/c/css-tasarimm/22-img12.gif) no-repeat left center; } .post .meta b { display: none; } / Sidebar / #sidebar { float: left; width: 210px; padding-left: 30px; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin-bottom: 40px; } #sidebar li ul { } #sidebar li li { margin: 0; } #sidebar h2 { height: 32px; margin-bottom: 10px; font-size: 18px; color: #DADADA; } / Search / #search { } #search h2 { margin-bottom: 20px; } #s { width: 115px; margin-right: 5px; padding: 3px; border: 1px solid #BED99C; } #x { padding: 3px; border: none; background: #48ACDE; text-transform: lowercase; font-size: 11px; color: #FFFFFF; } / Boxes / .box1 { padding: 20px; } .box2 { color: #BABABA; } .box2 h2 { margin-bottom: 15px; font-size: 16px; color: #FFFFFF; } .box2 ul { margin: 0; padding: 0; list-style: none; } .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited { color: #EDEDED; } / Footer */ #footer-wrap { width: 860px; height: 64px; margin: 0 auto; } #footer { margin: 0 auto; height: 64px; min-height: 64px; padding: 0; font-size: 10px; } html>body #footer { height: auto; } #footer p { } #legal { clear: both; padding-top: 10px; padding-left: 30px; text-align: center; color: #999999; } #legal a { }

YEŞİL BEYAZ TASARIM

Tasarım Üzerine:

Tasarım Altına:
</div> </div> <div class="navigation"> <h1>Menü</h1> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ana Sayfa</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ziyaretci Defteri</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Toplist</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Link Listesi</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Yorumlar</a></li> </ul> <h1>Tasarimlar</h1> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">İceblue Tasarim</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Red Tasarimları</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Butterfly Tasarimlari</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">CSS Design</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Flash Tasarim</a></li> </ul> <h1>Arşiv</h1> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">September</a> </li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ağustos</a> </li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Ocak</a> </li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Şubat</a> </li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Mart</a> </li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#">Nisan</a></li> </ul> </div> <div class="clearer"><span></span></div> <div class="footer">© 2008 <a href="#" _fcksavedurl="#">Siteniz.tR.gg</a>. Valid <a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">CSS</a> & <a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">XHTML</a>. Tasarim design by <a href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg">Css Tasarim Merkezi</a> </div> </div>

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;} /############################################################# www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg www.csstasarim-arsiv.tr.gg #############################################################/ /* standard elements / { margin: 0; padding: 0; } a {color: #682;} a:hover {color: #9A6;} body { background: #5F8000 url(https://img.webme.com/pic/c/css-tasarimm/5-bg.gif) repeat-y center top; color: #333; font: normal 62.5% "Lucida Sans Unicode",sans-serif; } input { color: #555; font: normal 1.1em "Lucida Sans Unicode",sans-serif; } p,cite,code,ul { font-size: 1.2em; padding-bottom: 1.2em; } ul {margin-left: 1.2em;} li {list-style-image: url(https://img.webme.com/pic/c/css-tasarimm/5-li.gif);} h1 {font-size: 1.4em;} blockquote { background: #FFF; border-bottom: 1px solid #EEE; border-top: 1px solid #EEE; color: #333; display: block; font-size: 0.9em; margin-bottom: 1.2em; padding: 6px 12px; } blockquote p {padding: 3px 0;} h1,h2,h3 {color: #654;} /* misc / .clearer {clear: both;} / structure / .container { background: url(https://img.webme.com/pic/c/css-tasarimm/5-bgcontainer.gif) repeat-y; margin: 0 auto; width: 702px; } / top / .top { background: #567300; font: normal 2.4em Verdana,sans-serif; height: 60px; margin: 0 auto; width: 630px; } .top a { color: #FFF; display: block; line-height: 60px; text-decoration: none; width: 100%; } .top span {padding-left: 24px;} .top a:hover { background: #688B00; color: #FFF; } / header / .header { background: url(https://img.webme.com/pic/c/css-tasarimm/5-header.jpg) no-repeat; height: 180px; margin: 0 auto; width: 630px; } / item / .item {clear: both;} .item .date { background: url(https://img.webme.com/pic/c/css-tasarimm/5-bgdate.gif) no-repeat; color: #FDD; float: left; height: 40px; text-align: center; width: 36px; } .item .date div {padding-top: 4px;} .item .date span {font: normal 1.6em serif;} .item .content { float: left; width: 420px; } .item h1 { background: #567300; color: #FFF; line-height: 40px; padding-left: 16px; } .item .body {padding: 12px 18px;} / main / .main {float: left;} / navigation / .navigation { float: left; margin-left: 1px; width: 208px; } .navigation h1 { background: #81AC00; color: #FFF; font-size: 1.3em; line-height: 40px; padding-left: 12px; } .navigation ul {margin: 0; padding: 0;} .navigation li { border-bottom: 1px solid #D5E8AD; list-style: none; } .navigation li a { background: #E8F6BF url(https://img.webme.com/pic/c/css-tasarimm/5-bgnavigation.gif) repeat-x; color: #553; display: block; padding: 8px 4px 8px 12px; text-decoration: none; } .navigation li a:hover { background: #F0FFC6; color: #553; } / footer */ .footer { background: url(https://img.webme.com/pic/c/css-tasarimm/5-bgfooter.gif) repeat-x; color: #FFF; font-size: 1.1em; line-height: 40px; margin: 0 auto; text-align: center; width: 626px; } .footer a {color: #FFF;} .footer a:hover {color: #FAFCB0;}

Etiketler: Css tasarım , Css Tasarımlar , Tr.Gg Css tasarımlar , tr.gg tasarım , tasarımlar , bedava css tasarımlar , hiçbiryerde olmayan tasarımlar , detaytoplist css tasarımlar , ücretsiz css tasarımlar , tasarımlar , css , parasız tasarımlar

CSS TASARIMLAR , BEDAVA CSS TASARIMLAR

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

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

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

Osman Talay V2

Tasarım Özellikleri

Kişisel Tasarım

Tasarım Özellikleri

Osman Talay V3

Tasarım Özellikleri

Tasarım Altına: </div> </div> <div id="footer"> </div> </div>

Tasarım Altına:
</div> </div> <div id="footer"> </div> </div>