Hayaller...

tr.gg css tasarimlari kodlari hazir cssler kodlari 1

tasarım üstü

tasarım altı

css

table {margin-left: auto;margin-right: auto} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} body { background-color: #FFFFFF; background-image: url(http://e-nalbantoglu.com/urunler/yonsan_files/yonsan_acik_gri.jpg) } a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } a:link { text-decoration: none; } a:visited { text-decoration: none; color: #FFFFFF; } a:hover { text-decoration: none; color: #FF0000; } a:active { text-decoration: none; color: #000000; } --> </style> <style type="text/css"> .arrowlistmenu{ width: 180px; /*width of menu*/ } .arrowlistmenu .headerbar{ font: bold 14px Arial; color: white; background: black url(media/titlebar.png) repeat-x center left; margin-bottom: 10px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 4px 0 4px 10px; /*header text is indented 10px*/ } .arrowlistmenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ } .arrowlistmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .arrowlistmenu ul li a{ color: #A70303; background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/ display: block; padding: 2px 0; padding-left: 19px; /*link text is indented 19px*/ text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada; font-size: 90%; } .arrowlistmenu ul li a:visited{ color: #A70303; } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #A70303; background-color: #F3F3F3; } </style> </body></html>

tasarım üstü

<table width="961" border="0"> <tr> <td width="955" height="284" background="http://www.yukleresim.com/images/26106089632124167486.jpg">&nbsp; <table width="881" border="0" align="center"> <tr> <td width="10">&nbsp;</td> <td width="218">&nbsp;</td> <td width="32">&nbsp;</td> <td width="482">&nbsp;</td> <td width="96">&nbsp;</td> <td width="17">&nbsp;</td> </tr> <tr> <td height="85">&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td height="118">&nbsp;</td> <td>Dowland Ling Buraya Eklenecek</td> <td>&nbsp;</td> <td valign="top"><p>&nbsp;</p>            <p>Buraya Duyurular</p></td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td height="21">&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> </table></td> </tr> <tr> <td height="454" background="http://www.yukleresim.com/images/90508359438743251738.jpg">&nbsp; <table width="942" border="0" align="center"> <tr> <td width="22" height="422">&nbsp;</td> <td width="18">&nbsp;</td> <td width="114" valign="top"><p>Buraya menü eklenecek</p> <p>tmm mı kas buraya menğ eklemeneck</p></td> <td width="36">&nbsp;</td> <td width="541" valign="top"><div id"concent">

tasarım altı

css

tasarım üstü

<table width="998" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="185" valign="top" background="http://img.webme.com/pic/v/venus-kod/44_01.gif"> </td> </tr> <tr> <td height="216" valign="top" background="http://img.webme.com/pic/v/venus-kod/44_02.gif"><table width="962" height="194" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="10" valign="top"> </td> <td width="202" valign="top"><div class="urbangreymenu"> <h3 class="headerbar">Menü</h3> <ul> <li><a href="http://devrim-fan.tr.gg">Anasayfa</a></li> <li><a href="http://devrim-fan.tr.gg/Ziyaret%E7i-defteri.htm">Ziyaretçi Defteri</a></li> <li><a href="http://devrim-fan.tr.gg/Iletisim.htm">İletişim</a></li> <li><a href="http://devrim-fan.tr.gg/Top-liste.htm">Siteni Ekle</a></li> <li><a href="http://devrim-fan.tr.gg/devrim_fan-Forum/index.htm">Devrim-fan Forum</a></li> <li><a href="hhttp://devrim-fan.tr.gg/destek%E7imiz-olun.htm">Destekçimiz Olun </a></li> <li><a href="http://devrim-fan.tr.gg/sohbet-odas%26%23305%3B.htm">Sohbet Odası </a></li> <li><a href="http://devrim-fan.tr.gg/K.ue.nyemiz.htm">Künyemiz</a></li> </ul> <h3 class="headerbar">Siten İçin</h3> <ul> <li><a href="http://devrim-fan.tr.gg/ikon-arsivi.htm" >İkon Arşivi</a></li> <li><a href="http://devrim-fan.tr.gg/HTML-KODLAR.htm">Html Kodlar</a></li> <li><a href="/Yararli_Siteler.htm">Yararli-Siteler</a></li> <li><a href="http://devrim-fan.tr.gg/css-tasar%26%23305%3Bmlar.htm/">Css Tasarımlar</a></li> <li><a href="http://devrim-fan.tr.gg/PageRank-Kodlar%26%23305%3B.htm">Pagerank Kodları</a></li> <li><a href="http://devrim-fan.tr.gg/Usebarlar.htm">Usebarlar</a></li><div class="urbangreymenu"> <h3 class="headerbar">Atatürk Köşesi </h3> <ul> <li><a href="http://devrim-fan.tr.gg/ATAT-Ue-RK-h-.ue.n-HAYATI.htm">Atatürk'ün Hayatı </a></li> <li><a href="http://devrim-fan.tr.gg/Ziyaret%E7i-defteri.htm">Atatürk Resimleri </a></li> <li><a href="http://devrim-fan.tr.gg/Iletisim.htm">Atatürk Videoları </a></li> <li><A href="/Atat.ue.rk-s.oe.zleri.htm">Atatürk Sözleri</A><a href="http://devrim-fan.tr.gg/Top-liste.htm"></a></li> <li><A href="/Ataturkun-Kronolojisi.htm">Ataturkun Kronolojisi</A></li> <li><A href="/gen%E7li%26%23287%3Be-hitabe.htm">gençliğe hitabe</A></li> <li><A href="/%26%23304%3BST%26%23304%3BKLAL-MAR%26%23350%3BI.htm">İstiklal Marşı </A></li> </ul> <h3 class="headerbar">Eğlence</h3> <ul> <li><A href="/oyunlar.htm">Oyunlar</A></li> <li><A href="/fikra.htm">Fikra</A></li> <li><A href="/M.ue.zik-dinle.htm">Müzik Dinle</A></li> <li><A href="/bilmeceler.htm">Bilmeceler</A></li> <li><A href="/yaz-konustur.htm">Yaz Konustur</A></li> <li><a href="http://devrim-fan.tr.gg/Oyun-Resimleri-.htm">Oyun Resimleri</a></li><div class="urbangreymenu"> <h3 class="headerbar">B-S Tasarımlar </h3> <ul> <li><A href="/css-tasar%26%23305%3Bmlar.htm">Css Tasarımlar</A></li> <li><A href="/Iceblue-Tasar%26%23305%3Bmlar.htm">Iceblue Tasarımlar</A></li> <li><A href="/Red-tasar%26%23305%3Bmlar.htm">Red tasarımlar</A></li> </ul> <h3 class="headerbar">Web Master </h3> <ul> <li><STRONG><A href="http://devrim-fan.tr.gg/Usebarlar.htm"><STRONG>Usebarlar</STRONG></A></STRONG></li> <li><A href="http://devrim-fan.tr.gg/Reklam--Bannerleri.htm">Reklam Bannerleri</A></li> <li><A href="/USERBAR-arkaplan.htm">Usebar Arkaplan</A> </li> <li><A href="/Banner-arkaplanlar%26%23305%3B.htm">Banner arkaplanları</A><A href="/bilmeceler.htm"></A></li> <li><A href="/Yararl%26%23305%3B-Siteler.htm">Yararlı Siteler</A></li> <li><A href="/Renk-bel%26%23305%3Brley%26%23305%3Bc%26%23305%3B.htm">Renk Belirleyici </A></li></td> <td width="750" valign="top">

tasarım altı

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;} body { background-color: #FFFFFF; background-image: url(http://e-nalbantoglu.com/urunler/yonsan_files/yonsan_acik_gri.jpg) } a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } a:link { text-decoration: none; } a:visited { text-decoration: none; color: #FFFFFF; } a:hover { text-decoration: none; color: #FF0000; } a:active { text-decoration: none; color: #000000; } --> </style> <style type="text/css"> .urbangreymenu{ width: 190px; /*width of menu*/ } .urbangreymenu .headerbar{ font: bold 13px Verdana; color: white; background: #606060 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: #E9E9E9; 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: black; } </style>

tasarım üstü

tasarım altı

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;}    * {padding: 0; margin:0 }    body {  margin-left:  auto;  margin-right: auto;  background: url(http://img.webme.com/pic/e/esintinet/32.jpg) top center fixed;  }    #tasarim{  width: 1000px;  margin-left:  auto;  margin-right: auto;  }        #ust{  margin-left:  auto;  margin-right: auto;  background: url(http://img535.imageshack.us/img535/5171/dddsi.png);  width: 1000px;  height: 245px;  float: left;  }          #orta{  margin-left:  auto;  margin-right: auto;  background: url(http://img180.imageshack.us/img180/345/terty02.gif);  width: 1000px;  height: 100%;  float: left;  }    .solsutun{  width:216px;  float: left;  padding: 0 0 0 30px;  overflow: hidden;  }    .sagsutun{  width:700px;  float: left;  padding: 0 0 0 35px;  overflow: hidden;  text-align: justify;  }      #alt{  margin-left:  auto;  margin-right: auto;  background: url(http://img718.imageshack.us/img718/8209/ssae.png);  width: 1000px;  height: 189px;  float: left;  } .outer a, .outer div, .outer li, .outer ul{    margin: 0;    padding: 0;    font-family: Verdana, Helvetica, Arial, sans-serif;}div.menu{    width: 193px;}div.menu ul{    list-style: none;    text-indent: 0px;}div.menu li{    margin-top: 3px;}div.menu a{    font: 12px Verdana;    padding: 4px;    color: #646464;    display:block;    padding: 6px 30px;    height: 20px;    text-decoration: none;    background: url('images/background.gif');}div.menu a:hover{    background: url('images/highlight.gif') no-repeat right;    padding: 6px 40px;}:148px;background:url(images/nav_active.jpg) no-repeat;color:#b18211;}

tasarım üstü

<table border="0" cellspacing="0" cellpadding="0" width="974" style="width: 974px; height: 56px"> <tbody> <tr> <td style="text-align: center"><img border="0" alt="" src="http://img139.imageshack.us/img139/5366/16939619.png" /></td> <td><a href="/ana-sayfa.htm"><img border="0" alt="" src="http://img163.imageshack.us/img163/4421/93894295.png" /></a></td> <td><a href="/iletisim.htm"><img border="0" alt="" src="http://img9.imageshack.us/img9/357/76648348.png" /></a></td> <td><a href="/ziyaretci-defteri.htm"><img border="0" alt="" src="http://img824.imageshack.us/img824/2889/60274774.png" /></a></td> <td><img border="0" alt="" src="http://img180.imageshack.us/img180/7655/29949067.png" /></td> <td><a href="/online-destek.htm"><img border="0" alt="" src="http://img190.imageshack.us/img190/7415/23715281.png" /></a></td> </tr> </tbody> </table> <div class="grey-box"> <table border="0" cellspacing="0" cellpadding="0" width="200"> <tbody> <tr> <td style="text-align: center"><img alt="" src="http://img88.imageshack.us/img88/8448/14167962.png" /></td> <td style="text-align: center"><img alt="" src="http://img84.imageshack.us/img84/7774/85960857.png" /></td> <td style="text-align: center"><img alt="" src="http://img15.imageshack.us/img15/2921/28878722.png" /></td> </tr> </tbody> </table> </div> <div style="text-align: center"> </div> <div id="tasarim">  <div id="ust"></div>  <div id="orta">  <div class="solsutun"><ul class="menu"> <li><a href="http://www.arsivnet.tr.gg" class="active"><span>Anasayfa</span></a></li> <li><a href="http://www.arsivnet.tr.gg/iletisim.htm"><span>İletişim</span></a></li> <li><a href="http://www.arsivnet.tr.gg/ziyaretci-defteri.htm"><span>Ziyaretçi defteri</span></a></li> </ul></div>  <div class="sagsutun">

tasarım altı

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;} * {padding: 0; margin:0 }    body {  margin-left:  auto;  margin-right: auto;  background: url() top center fixed;  }    #tasarim{  width: 1000px;  margin-left:  auto;  margin-right: auto;  }        #ust{  margin-left:  auto;  margin-right: auto;  background: url(http://img340.imageshack.us/img340/9147/ssde.png);  width: 995px;  height: 50px;  float: left;  }          #orta{  margin-left:  auto;  margin-right: auto;  background: url(http://img80.imageshack.us/img80/9231/fffdl.png);  width: 995px;  height: 100%;  float: left;  }    .solsutun{  width:216px;  float: left;  padding: 0 0 0 30px;  overflow: hidden;  }     .solsutun{  width:216px;  float: left;  padding: 0 0 0 30px;  overflow: hidden;  }    .sagsutun{  width:700px;  float: left;  padding: 0 0 0 35px;  overflow: hidden;  text-align: justify;  }      #alt{  margin-left:  auto;  margin-right: auto;  background: url(http://img340.imageshack.us/img340/2050/36891388.png);  width: 995px;  height: 217px;  float: left;  }

tasarım üstü

<div id="tasarim">  <div id="ust"></div>  <div id="orta">  <div class="solsutun"><div class="outer"><div class="menu"> <img border="0" alt="" src="http://img217.imageshack.us/img217/3526/homew.png" /><strong> <font color="#660000">ANA MENU</font></strong><span style="color: #ff0000"><strong><br /> <img border="0" alt="" src="http://img240.imageshack.us/img240/9056/staradmin.gif" /> </strong></span><a class="postlink" href="/ana-sayfa.htm"><span style="color: #ff0000"><font size="1" face="Lucida Sans Unicode"><strong>Anasayfa</strong></font></span></a><span style="color: #ff0000"><a class="postlink" href="/ana-sayfa.htm"></a></span><span style="color: #ff0000"><a class="postlink" href="/ana-sayfa.htm"></a></span><span style="color: #ff0000"><a class="postlink" href="/ana-sayfa.htm"></a> </span> <div style="text-align: left"><font size="1" face="Lucida Sans Unicode"><strong><img border="0" alt="" src="http://img240.imageshack.us/img240/9056/staradmin.gif" /> </strong></font><a class="postlink" href="/iletisim.htm"><font color="#000000" size="1" face="Lucida Sans Unicode"><strong>İletişim</strong></font></a></div> <font size="1" face="Lucida Sans Unicode"><strong><img border="0" alt="" src="http://img240.imageshack.us/img240/9056/staradmin.gif" /> </strong></font><a class="postlink" href="/ziyaretci-defteri.htm"><font color="#000000" size="1" face="Lucida Sans Unicode"><strong>Ziyaretçi Defteri<br /> </strong></font></a><font size="1" face="Lucida Sans Unicode"><strong><img border="0" alt="" src="http://img240.imageshack.us/img240/9056/staradmin.gif" /> </strong></font><a class="postlink" href="#"><font color="#000000" size="1" face="Lucida Sans Unicode"><strong>Forum</strong></font></a><br /> <font size="1" face="Lucida Sans Unicode"><strong><img border="0" alt="" src="http://img240.imageshack.us/img240/9056/staradmin.gif" /> </strong></font><a class="postlink" href="#"><font color="#000000" size="1" face="Lucida Sans Unicode"><strong>Galeri</strong></font></a><br /> <font size="1" face="Lucida Sans Unicode"><strong><img border="0" alt="" src="http://img240.imageshack.us/img240/9056/staradmin.gif" /> </strong></font><a class="postlink" href="#"><font color="#000000" size="1" face="Lucida Sans Unicode"><strong>Gazete</strong></font></a><br /> <br /> <font size="1" face="Lucida Sans Unicode"><strong> </strong></font><font size="1" face="Lucida Sans Unicode"><strong><img border="0" alt="" src="http://img217.imageshack.us/img217/4277/hdweb.png" /> <font face="Arial"><font color="#660000" size="2">Webmaster</font></font><br /> <img border="0" alt="" src="http://img240.imageshack.us/img240/6060/starmod.gif" /> </strong></font><font color="#ff0000" size="1" face="Lucida Sans Unicode"><strong>Html Kodlar</strong></font><br /> <font size="1" face="Lucida Sans Unicode"><strong><img border="0" alt="" src="http://img240.imageshack.us/img240/6060/starmod.gif" /> </strong></font><font color="#000000" size="1" face="Lucida Sans Unicode"><strong>Tasarımlar<br /> </strong></font><font size="1" face="Lucida Sans Unicode"><strong><img border="0" alt="" src="http://img240.imageshack.us/img240/6060/starmod.gif" /> </strong></font><font color="#000000" size="1" face="Lucida Sans Unicode"><strong>Genel Sorun(Yardım)<br /> </strong></font><font size="1" face="Lucida Sans Unicode"><strong><img border="0" alt="" src="http://img240.imageshack.us/img240/6060/starmod.gif" /> </strong></font><font color="#000000" size="1" face="Lucida Sans Unicode"><strong>Bilgi Edinin?</strong></font><br /> <br /> <strong><font size="1" face="Lucida Sans Unicode"> </font></strong><font size="1" face="Lucida Sans Unicode"><strong><img border="0" alt="" src="http://img217.imageshack.us/img217/4277/hdweb.png" /> <font color="#660000"><font size="2" face="Arial">Msn Messenger</font><br /> </font><img border="0" alt="" src="http://img240.imageshack.us/img240/6060/starmod.gif" /> </strong></font><font color="#ff0000" size="1" face="Lucida Sans Unicode"><strong>MSN Nickleri</strong></font><br /> <font size="1" face="Lucida Sans Unicode"><strong><img border="0" alt="" src="http://img240.imageshack.us/img240/6060/starmod.gif" /> </strong></font><font color="#000000" size="1" face="Lucida Sans Unicode"><strong>MSN İfadeleri<br /> </strong></font><font size="1" face="Lucida Sans Unicode"><strong><img border="0" alt="" src="http://img240.imageshack.us/img240/6060/starmod.gif" /> MSN Spaces</strong></font><font color="#000000" size="1" face="Lucida Sans Unicode"><strong><br /> </strong></font><font size="1" face="Lucida Sans Unicode"><strong><img border="0" alt="" src="http://img240.imageshack.us/img240/6060/starmod.gif" /> </strong></font><font color="#000000" size="1" face="Lucida Sans Unicode"><strong>MSN Haberleri</strong></font><br /> <img border="0" alt="" src="http://img240.imageshack.us/img240/6060/starmod.gif" /><strong><font size="1" face="Lucida Sans Unicode"> </font></strong><font color="#000000" size="1" face="Lucida Sans Unicode"><strong>MSN Plus.!!<br /> <br /> <font size="1" face="Lucida Sans Unicode"><strong><img border="0" alt="" src="http://img217.imageshack.us/img217/4277/hdweb.png" /> <font color="#660000"><font size="2" face="Arial">Eğlence & Mizah</font><br /> </font><img border="0" alt="" src="http://img240.imageshack.us/img240/6060/starmod.gif" /> <font color="#ff0000">Fıkralar</font></strong></font><br /> <font size="1" face="Lucida Sans Unicode"><strong><img border="0" alt="" src="http://img240.imageshack.us/img240/6060/starmod.gif" /> Komik Yazılar</strong></font><font color="#000000" size="1" face="Lucida Sans Unicode"><strong><br /> </strong></font><font size="1" face="Lucida Sans Unicode"><strong><img border="0" alt="" src="http://img240.imageshack.us/img240/6060/starmod.gif" /> Karikatürler</strong></font><font color="#000000" size="1" face="Lucida Sans Unicode"><strong><br /> </strong></font><font size="1" face="Lucida Sans Unicode"><strong><img border="0" alt="" src="http://img240.imageshack.us/img240/6060/starmod.gif" /> Bilmeceler</strong></font></strong></font> </div></div></div>  <div class="sagsutun">

tasarım altı

css koduna

tr.gg css tasarimlari kodlari hazir cssler kodlari 1

Site Menü

Eğlence

Webmaster Araçları