basit gri css tema

basit gri css Tasarımı

---

---

Açıklama:
kendim çizip kodladığım tasarım kodlarını sizinle paylaşıyorum

---

Tasarım Özellikleri

Tasarım İsmi:	» Basit gri
Kategorisi:	»Css Tasarım
Eklenme:	»05/25/2011
Telif Hakkı:	»mutluylmz.tr.gg
Tarayıcılar:	»Firefox »İ.Explorer »G.Chrome

---

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

Tasarımın Üzerindeki Yazı
<style type="text/css"> <!--{13065948231760}--> </style> <table width="940" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="167" align="center" valign="top" background="https://img.webme.com/pic/m/mutluylmz/usttt.png"><table width="898" height="94" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="14"> </td> <td width="383"><a href="http://mutluylmz.tr.gg" _fcksavedurl="http://mutluylmz.tr.gg" _fcksavedurl="http://mutluylmz.tr.gg" _fcksavedurl="http://mutluylmz.tr.gg"><img border="0" alt="" src="https://img.webme.com/pic/m/mutluylmz/newo_logo.png" _fcksavedurl="https://img.webme.com/pic/m/mutluylmz/newo_logo.png" _fcksavedurl="https://img.webme.com/pic/m/mutluylmz/newo_logo.png" _fcksavedurl="https://img.webme.com/pic/m/mutluylmz/newo_logo.png" /></a></td> <td width="31"> </td> <td width="470" valign="bottom"><img src="https://img.webme.com/pic/p/piriketseverler/reklamalani7.gif" _fcksavedurl="https://img.webme.com/pic/p/piriketseverler/reklamalani7.gif" _fcksavedurl="https://img.webme.com/pic/p/piriketseverler/reklamalani7.gif" _fcksavedurl="https://img.webme.com/pic/p/piriketseverler/reklamalani7.gif" alt="https://img.webme.com/pic/p/piriketseverler/reklamalani7.gif" /></td> </tr> </table> <table width="900" height="31" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="89" height="31"> </td> <td width="577" valign="middle"><marquee>YAZINIZ BURAYA </marquee></td> <td width="9"> </td> <td width="225" valign="middle"><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; font-size: medium;"><span class="Apple-style-span" style="font-family: Arial; font-size: 12px;"> <form id="cse-search-box" action="http://www.mutluylmz.tr.gg/Arama.htm" style="padding: 0px; margin: 0px;"> <div style="padding: 0px; margin: 0px;"><input type="text" size="18" name="q" style="padding: 0px; margin: 0px; background-image: url("https://img.webme.com/pic/o/osmantalay/inputimg22.gif"); background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0);" /><span class="Apple-converted-space"> </span><input type="submit" value="Ara" name="sa" style="padding: 0px; margin: 0px; background-image: url("https://img.webme.com/pic/o/osmantalay/inputimg22.gif"); background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0);" /></div> </form> </span></span></td> </tr> </table></td> </tr> <tr> <td height="152" align="center" valign="top" background="https://img.webme.com/pic/m/mutluylmz/ortaaa.png"><table width="886" height="152" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="14"> </td> <td width="632" valign="top"><div id="content">

---

Tasarımın Altındaki Yazı
</td> <td width="17"> </td> <td width="223" valign="top"><a class="addthis_button_facebook"><img height="32" width="32" alt="1" src="https://img.webme.com/pic/o/osmantalay/facebook32xx.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/facebook32xx.png" /></a> <a class="addthis_button_twitter"><img height="32" width="32" alt="2" src="https://img.webme.com/pic/o/osmantalay/twittrt32x.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/twittrt32x.png" /></a> <a class="addthis_button_delicious"><img height="32" width="32" alt="4" src="https://img.webme.com/pic/o/osmantalay/delicious32xx.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/delicious32xx.png" /></a> <a class="addthis_button_stumbleupon"><img height="32" width="32" alt="5" src="https://img.webme.com/pic/o/osmantalay/stumbleupon32xx.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/stumbleupon32xx.png" /></a> <a class="addthis_button_digg"><img height="32" width="32" alt="6" src="https://img.webme.com/pic/o/osmantalay/digg32xxx.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/digg32xxx.png" /></a> <a class="addthis_button_more"><img height="32" width="32" alt="7" src="https://img.webme.com/pic/o/osmantalay/addthis32x.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/addthis32x.png" /></a> <!--{13065948231764}--> <!--{13065948231760}--> <!--{13065948231761}--> <style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .arrowlistmenu{ width: 222px; /*width of menu*/ } .arrowlistmenu .headerbar{ font: bold 14px Arial; color: red; background: black url(https://img.webme.com/pic/m/mutlu-deneme/glosyback2.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(http://www.dynamicdrive.com/cssexamples/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 #ff0000; font-size: 90%; } .arrowlistmenu ul li a:visited{ color: #A70303; } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #000000; background-color: #ff0000; } </style> <div class="arrowlistmenu"> <h3 class="headerbar">Anamenü</h3> <ul> <li><a href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg">Anasayfa</a></li> <li><a href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> <li><a href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> <li><a href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> <li><a href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> <li><a href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> <li><a href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> <li><a href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> </ul> <h3 class="headerbar">Kategoriler</h3> <ul> <li><a href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> <li><a href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> <li><a href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> <li><a href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> <li><a href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> <li><a href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg">LİNK ADI</a></li> </ul> </div><!--{13065948231762}--><!--{13065948231763}--></td> </tr> </table></td> </tr> <tr> <td height="113" align="center" valign="top" background="https://img.webme.com/pic/m/mutluylmz/alttt.png"><table width="883" height="57" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="75" height="57"> </td> <td width="562" valign="bottom"><strong>Burdasın: basit gri css tema | Bugün: 2 | Klik: 3 | Online : <!--{13065948231765}--> | IP: 52.14.253.170 </strong></td> <td width="23"> </td> <td width="223">copyright 2011 | mutluylmz.tr.gg | hakları saklıdır... <img src="//theme.webme.com/smiles/smiley.gif" border="0" width="15" height="15" alt="" /></td> </tr> </table> <table width="891" height="44" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="98" height="44"> </td> <td width="793" valign="bottom"><a href="http://www.mutluylmz.tr.gg" _fcksavedurl="http://www.mutluylmz.tr.gg">MutluYlmz</a> | <a href="http://www.mutluylmz.tr.gg" _fcksavedurl="http://www.mutluylmz.tr.gg">Siteni ekle</a> | <a href="http://www.mutluylmz.tr.gg" _fcksavedurl="http://www.mutluylmz.tr.gg">Siteni ekle</a> | <a href="http://www.mutluylmz.tr.gg" _fcksavedurl="http://www.mutluylmz.tr.gg">Siteni ekle</a> | <a href="http://www.mutluylmz.tr.gg" _fcksavedurl="http://www.mutluylmz.tr.gg">Siteni ekle</a> | <a href="http://www.mutluylmz.tr.gg" _fcksavedurl="http://www.mutluylmz.tr.gg">Siteni ekle</a> | <a href="http://www.mutluylmz.tr.gg" _fcksavedurl="http://www.mutluylmz.tr.gg">Siteni ekle </a>| <a href="http://www.mutluylmz.tr.gg" _fcksavedurl="http://www.mutluylmz.tr.gg">Siteni ekle</a> | <a href="http://www.mutluylmz.tr.gg" _fcksavedurl="http://www.mutluylmz.tr.gg">Siteni ekle</a> | <a href="http://www.mutluylmz.tr.gg" _fcksavedurl="http://www.mutluylmz.tr.gg">Siteni ekle</a></td> </tr> </table></td> </tr> </table>

---

Css Kodu
table {margin-left: auto;margin-right: auto} iframe{border:Solid 6px #FFFFFF;} 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"> <!-- body { background-image: url("http://tema.dataservis.org/temalar/dsablon/arkaplan.png"); background-attachment: fixed; } </style>

---